.note-link.svelte-pf7zc2{display:flex;flex-direction:column;height:100%;border-radius:8px}.note-art.svelte-pf7zc2{height:220px;background:#ecece8;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px;color:#3a403b}.browser-art.svelte-pf7zc2{background:#e9ecef}.stream-art.svelte-pf7zc2{background:#eeece7}.code-sheet.svelte-pf7zc2{background:#fafcfc;width:100%;padding:18px;border:1px solid white;box-shadow:0 12px 28px #2a3b4b15;border-radius:6px;transform:rotate(-4deg);transition:transform .45s}.code-heading.svelte-pf7zc2{display:flex;gap:9px;align-items:center;font-size:10px;color:#75818a;margin-bottom:16px}code.svelte-pf7zc2{font-size:10px;line-height:1.9;color:#445365;white-space:nowrap}code.svelte-pf7zc2>span:where(.svelte-pf7zc2){color:#776795}.code-bottom.svelte-pf7zc2{display:flex;align-items:center;gap:8px;font-size:9px;color:#77808a;margin-top:16px}.note-link.svelte-pf7zc2:hover .code-sheet:where(.svelte-pf7zc2){transform:rotate(-1deg) translateY(-3px)}.stream-artwork.svelte-pf7zc2{width:100%;position:relative;height:100%;padding-top:4px}.stream-artwork.svelte-pf7zc2>p:where(.svelte-pf7zc2){font-size:22px;line-height:1.15;position:relative;z-index:2;margin-top:65px}.stream-tracks.svelte-pf7zc2{position:absolute;top:16px;right:-30px;transform:rotate(-25deg)}.stream-tracks.svelte-pf7zc2>div:where(.svelte-pf7zc2){display:flex;gap:12px;margin:10px 0;transform:translate(var(--offset))}.stream-tracks.svelte-pf7zc2 span:where(.svelte-pf7zc2){width:50px;height:10px;background:#b8b4a9;border-radius:2px;transition:transform .5s}.stream-tracks.svelte-pf7zc2 span:where(.svelte-pf7zc2):nth-child(2){background:#8c9887}.note-link.svelte-pf7zc2:hover .stream-tracks:where(.svelte-pf7zc2) span:where(.svelte-pf7zc2){transform:translate(12px)}.editorial-art.svelte-pf7zc2{height:100%;width:100%;position:relative}.editorial-art.svelte-pf7zc2>span:where(.svelte-pf7zc2){font-size:9px}.editorial-art.svelte-pf7zc2>strong:where(.svelte-pf7zc2){display:block;white-space:pre-line;font-size:27px;font-weight:400;line-height:1.1;margin-top:16px;position:relative;z-index:1}.editorial-bars.svelte-pf7zc2{position:absolute;bottom:-26px;right:-10px;display:flex;gap:8px;align-items:end;height:100px;transform:rotate(-12deg);opacity:.5}.editorial-bars.svelte-pf7zc2 i:where(.svelte-pf7zc2){width:12px;background:#859b7c;border-radius:3px}.note-meta.svelte-pf7zc2{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;color:var(--ui-muted);margin-top:20px}h3.svelte-pf7zc2{font-size:21px;font-weight:400;line-height:1.3;margin-top:13px}.excerpt.svelte-pf7zc2{font-size:13px;line-height:1.6;color:var(--ui-muted);margin-top:12px}.note-bottom.svelte-pf7zc2{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding-top:22px;margin-top:auto;color:var(--ui-muted)}.note-bottom.svelte-pf7zc2>span:where(.svelte-pf7zc2):last-child{display:flex;align-items:center;gap:6px;color:var(--ui-fg)}
