:root{--paper:#f8f4ec;--paper-2:#efe9da;--card:#fffdf8;--ink:#221e17;--ink-soft:#6d6557;--accent:#e3492a;--accent-deep:#c33c1f;--yellow:#f4d97c;--coral-note:#f3b8a6;--shadow:34,28,18;--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Hanken Grotesk",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-hand:"Caveat",cursive;--tabbar-h:68px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#221c120b 1px,#0000 1.6px),radial-gradient(120% 90% at 50% 0,#ffffff80,#0000 60%);background-size:24px 24px,100% 100%;min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}.page{max-width:1180px;padding:18px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 18px);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:2px;font-size:22px;font-weight:800;display:flex}.wordmark .dot{color:var(--accent)}.wordmark .stat{font-family:var(--font-mono);color:var(--ink-soft);background:var(--card);border:1.5px solid #221c121f;border-radius:20px;align-items:center;gap:6px;margin-left:8px;padding:3px 9px;font-size:10px;font-weight:500;display:inline-flex}.wordmark .stat i{background:#4fae6d;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite pulse;display:inline-block;box-shadow:0 0 #4fae6d80}@keyframes pulse{0%{box-shadow:0 0 #4fae6d73}70%{box-shadow:0 0 0 6px #4fae6d00}to{box-shadow:0 0 #4fae6d00}}.topnav{font-family:var(--font-mono);gap:4px;font-size:12px;display:none}.topnav a{color:var(--ink-soft);border-radius:8px;padding:7px 11px;transition:background .18s,color .18s;position:relative}.topnav a:hover{color:var(--ink);background:#fbf7eccc}.topnav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:4px;left:11px;right:11px;transform:scaleX(0)}.topnav a:hover:after{transform:scaleX(1)}.topnav a.cur{color:var(--ink)}.topnav a.cur:after{transform:scaleX(1)}.scene{flex-direction:column;gap:30px;display:flex}.obj{cursor:pointer;color:inherit;transform:rotate(var(--rot,0deg));border-radius:16px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s;position:relative}.laptop,.ready:not(.settled) .settle:not(.nowplaying){will-change:transform}.obj:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.obj:active{transform:translateY(-2px) rotate(var(--rot,0deg)) scale(.99)}.chip{z-index:8;font-family:var(--font-mono);background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 8px 18px -8px rgba(var(--shadow),.6);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:-14px;right:14px;transform:translateY(6px)rotate(-2deg)}.chip b{color:var(--accent)}.laptop:has(.fw[data-lid=closed]) .chip{top:calc(50cqw + 33px)}.laptop[data-lid-anim] .chip{opacity:0!important;transition:none!important;transform:translateY(6px)rotate(-2deg)!important}.surf{box-shadow:0 2px 0 rgba(var(--shadow),.04), 0 16px 30px -20px rgba(var(--shadow),.4)}.greet{background:var(--card);border-radius:6px;align-self:stretch;padding:22px 22px 24px}.greet .tape{background:#e3492a2e;border:1px dashed #e3492a80;border-radius:2px;width:84px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg)}.greet h1{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 8px;font-size:clamp(28px,8.5vw,34px);font-weight:700;line-height:1.02}.greet h1 .u{white-space:nowrap;position:relative}.greet h1 .u:after{content:"";background:var(--accent);opacity:.85;filter:url(#wob);z-index:-1;border-radius:2px;height:8px;position:absolute;bottom:-2px;left:-2px;right:-2px}.greet .role{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.02em;margin-bottom:12px;font-size:11.5px}.greet p{color:var(--ink-soft);text-wrap:pretty;max-width:34ch;margin:0;font-size:15.5px;line-height:1.5}.greet .poke{font-family:var(--font-hand);color:var(--accent);white-space:nowrap;align-items:center;gap:6px;margin-top:10px;font-size:21px;display:inline-flex;transform:rotate(-2deg)}.laptop{align-self:stretch;width:100%;display:block;container-type:inline-size}.fw{perspective:340cqw;perspective-origin:50% 6%;width:100%;height:86cqw;position:relative}.fw-shadow{transform-origin:50% 0;z-index:0;background:rgba(var(--shadow),.09);filter:blur(2.1cqw);border-radius:2.4cqw 2.4cqw 5cqw 5cqw;width:94cqw;height:51.5cqw;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:62cqw;left:3cqw;transform:rotateX(76deg)}.ready:not(.settled) .fw-shadow{transition-delay:.12s}.fw-deck{transform-origin:50% 0;z-index:1;background:linear-gradient(#19181b,#201f23 55%,#2b2a2f);border-radius:1.2cqw 1.2cqw 3.4cqw 3.4cqw;width:88cqw;height:46cqw;position:absolute;top:61cqw;left:6cqw;transform:rotateX(76deg);box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 -3px 4px #00000080}.fw-deck:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background-image:linear-gradient(#ffd6a01a,#ffd6a009 16%,#0000 25%);background-position:0 0;background-repeat:no-repeat;background-size:100% 240%;transition:opacity .7s;position:absolute;inset:0}.fw[data-lid=open] .fw-deck:before{opacity:1;transition-delay:.55s}.fw.live:not([data-lid=open]) .fw-deck:before{animation:.85s ease-in forwards fwGlowSweep}@keyframes fwGlowSweep{0%{opacity:1;background-image:linear-gradient(#ffd6a01a,#ffd6a009 16%,#ffd6a000 25%);background-position:0 0}55%{opacity:1;background-image:linear-gradient(#ffd6a029,#ffd6a00f 18%,#ffd6a000 28%)}to{opacity:0;background-image:linear-gradient(#ffd6a029,#ffd6a00f 18%,#ffd6a000 28%);background-position:0 78%}}.fw-deck:after{content:"";background:radial-gradient(at 50% -20%,#0b0a0c,#19181b 80%);border-radius:0 0 2.4cqw 2.4cqw;width:13cqw;height:2cqw;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fw-kb{background:#100f12;border-radius:1cqw;flex-direction:column;gap:.5cqw;height:54%;padding:.9cqw;display:flex;position:absolute;top:5%;left:6.5%;right:6.5%;box-shadow:inset 0 .2cqw .7cqw #0000008c,inset 0 0 2.4cqw #ffb2600f}.fw-kb .kr{flex:10;gap:.5cqw;display:flex}.fw-kb{filter:brightness()saturate();transition:filter 1.05s}.fw[data-kb=off] .fw-kb{filter:brightness(.32)saturate(.75)}.fw[data-kb=night] .fw-kb{filter:brightness(1.32)saturate(1.06)}.fw-kb .kk{font-family:var(--font-mono);color:#f6e7c6;text-shadow:0 0 .9cqw #ffc478a6;background:linear-gradient(#2a292e,#1e1d21);border-radius:.55cqw;flex:1;justify-content:center;align-items:center;font-size:1.5cqw;font-style:normal;font-weight:500;line-height:1;transition:transform 55ms,filter .12s,box-shadow .12s;display:flex;box-shadow:inset 0 .15cqw #ffffff0e,0 .18cqw .2cqw #0006,0 0 .8cqw #ffb86821}.fw-kb .kk.down{color:#fcf0d2;text-shadow:0 0 1cqw #ffc87dbf;background:linear-gradient(#322f30,#242226);transform:translateY(.34cqw)scale(.985);box-shadow:inset 0 .08cqw #ffffff0f,0 .04cqw .08cqw #00000073,0 0 1cqw #ffbe6e2e}.fw-kb .kk.sm{letter-spacing:.02em;color:#f6e7c6d9;font-size:1.02cqw}.fw-kb .kk.fk{color:#f6e7c6bf;font-size:.85cqw}.fw-kb .karr{align-items:flex-end;gap:.5cqw;display:flex}.fw-kb .karr>.kk{flex:1;height:46%}.fw-kb .kud{flex-direction:column;flex:1;justify-content:flex-end;gap:8%;height:100%;display:flex}.fw-kb .kud .kk{flex:none;width:100%;height:46%}.fw.fin .fw-kb{filter:none}.fw.fin .kk{animation:kbWave 2.4s ease-in-out var(--kd,0s) infinite}@keyframes kbWave{0%,to{box-shadow:inset 0 0 .6cqw #4a7fd400}20%{box-shadow:inset 0 0 1.1cqw #4a7fd4f2}50%{box-shadow:inset 0 0 1.1cqw #6fa84fe6}80%{box-shadow:inset 0 0 1.1cqw #f5d23fe6}}@media (prefers-reduced-motion:reduce){.fw.fin .kk{animation:none}}.fw-pad{background:linear-gradient(#26252a,#222126);border-radius:1.1cqw;width:42%;height:31%;position:absolute;top:64%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 .25cqw .6cqw #00000059}.fw-hinge{z-index:2;background:linear-gradient(#26252a,#0d0c0e 70%);border-radius:.6cqw;height:2.6cqw;position:absolute;top:59.9cqw;left:9.5cqw;right:9.5cqw;box-shadow:0 .3cqw .8cqw #0006}.fw-lid{z-index:3;transform-origin:50% 100%;width:87cqw;height:59.6cqw;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.52,.04,.46,.96);position:absolute;top:1cqw;left:6.5cqw;transform:rotateX(-104deg)scaleY(.74)}.fw[data-lid=open] .fw-lid{transition:transform 1.5s cubic-bezier(.42,.94,.28,1.02);transform:rotateX(0)scaleY(1)}@media (prefers-reduced-motion:reduce){.fw-lid,.fw-screenface,.fw-lidback{transition:none!important}}.fw-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2.6cqw 2.6cqw 1.1cqw 1.1cqw;position:absolute;inset:0}.fw-screenface{opacity:0;background:#0c0c0e;flex-direction:column;padding:2.4cqw;transition:opacity .15s linear .76s;display:flex}.fw[data-lid=open] .fw-screenface{opacity:1;transition-delay:.1s}.fw-screenface:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff13,inset 0 .2cqw .1cqw #ffffff0d}.fw-cam{z-index:2;align-items:center;gap:1.5cqw;display:flex;position:absolute;top:.72cqw;left:50%;transform:translate(-50%)}.fw-cam .sw{background:#19191c;border-radius:.35cqw;width:1.7cqw;height:.65cqw;display:block;box-shadow:inset 0 0 0 1px #ffffff17}.fw-cam .lens{background:radial-gradient(circle at 36% 32%,#4a525c 12%,#101216 60%);border-radius:50%;width:.95cqw;height:.95cqw;display:block;box-shadow:0 0 0 .3cqw #161618,0 0 0 .4cqw #ffffff0f}.fw-screen{--scr-bg:#15130f;--scr-ink:#e9e2d0;--c-pr:var(--accent);--c-pr-f:1.12;--c-ok:#86c596;--c-dim:#8c8475;--c-pth:#7fa8d6;--c-scroll:#3a352b;background:var(--scr-bg);border-radius:.7cqw;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.fw-screen:popover-open{background:var(--scr-bg);border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.fw-screen::backdrop{background:#08080adb}.fw-lidback{background:#232227;border-radius:1.1cqw 1.1cqw 2.6cqw 2.6cqw;justify-content:center;align-items:center;transition:opacity .15s linear .76s;display:flex;transform:rotateX(180deg)}.fw[data-lid=open] .fw-lidback{opacity:0;transition-delay:.1s}.fw-lidback:before{content:"";border-radius:inherit;background:radial-gradient(120% 100% at 50% 100%,#ffffff12,#0000 55%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.fw-emb{font-family:var(--font-display);color:var(--accent);text-shadow:0 -1px 1px #0009,0 1px #ffffff0f;font-size:8cqw;font-weight:800;line-height:1}.fw-sticker{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;font-size:5cqw;font-weight:800;line-height:1;position:absolute;bottom:18%;right:7cqw;transform:rotate(176deg)scaleY(2.1)}.fw-sticker b{color:var(--ink);font-weight:800;display:block;position:relative}.fw-sticker b:before{content:"mallchin.";color:#fdfcf8;-webkit-text-stroke:1.2cqw #fdfcf8;z-index:-1;position:absolute;inset:0}.fw-sticker i{color:var(--accent);font-style:normal}.fw-stk{position:absolute}.fw-stk-can{bottom:22%;left:10cqw;transform:rotate(187deg)scaleY(2.1)}.fw-stk-can img{filter:drop-shadow(.5cqw 0 #fdfcf8)drop-shadow(-.5cqw 0 #fdfcf8)drop-shadow(0 .5cqw #fdfcf8)drop-shadow(0 -.5cqw #fdfcf8);width:7cqw;height:auto;display:block}.fw-stk-aur{top:12%;right:11cqw;transform:rotate(186deg)scaleY(2.1)}.fw-stk-aur img{filter:drop-shadow(.5cqw 0 #fdfcf8)drop-shadow(-.5cqw 0 #fdfcf8)drop-shadow(0 .5cqw #fdfcf8)drop-shadow(0 -.5cqw #fdfcf8);width:8cqw;height:auto;display:block}.t-body{font-family:var(--font-mono);color:var(--scr-ink);white-space:pre-wrap;word-break:break-word;background:0 0;flex:1 1 0;min-height:0;padding:15px;font-size:12.5px;line-height:1.72;overflow-y:auto}.t-body:focus{outline:none}.t-body:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.term-input{opacity:0;color:#0000;caret-color:#0000;z-index:1;background:0 0;border:0;width:1px;height:1px;margin:0;padding:0;font-size:16px;position:absolute;bottom:0;left:0}.t-body::-webkit-scrollbar{width:8px}.t-body::-webkit-scrollbar-thumb{background:var(--c-scroll);border-radius:4px}.t-body::-webkit-scrollbar-track{background:0 0}.fw-viewfinder{z-index:6;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.fw-viewfinder video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.fw-vf-count{z-index:2;font-family:var(--font-mono);color:#fff;text-shadow:0 2px 14px #000000b3;font-size:64px;font-weight:700;line-height:1;position:relative}.fw-viewfinder.flash:after{content:"";z-index:3;background:#fff;animation:.2s ease-out forwards vfFlash;position:absolute;inset:0}@keyframes vfFlash{0%{opacity:1}to{opacity:0}}.t-body .pr{color:var(--c-pr);filter:brightness(var(--c-pr-f,1))}.t-body .pth{color:var(--c-pth)}.t-body .ok{color:var(--c-ok)}.t-body .dim{color:var(--c-dim)}[data-palette=green] .fw-screen{--scr-bg:#0a1a0d;--scr-ink:#35d65c;--c-pr:#7dffa4;--c-pr-f:1;--c-ok:#7dffa4;--c-dim:#1e7a3a;--c-pth:#4fc878;--c-scroll:#14401f}[data-theme=dark][data-palette=green] .fw-screen{--scr-bg:#020c05;--scr-ink:#3df064;--c-pr:#95ffba;--c-ok:#95ffba;--c-dim:#248a44;--c-pth:#5fe089;--c-scroll:#103418}[data-palette=amber] .fw-screen{--scr-bg:#1a1205;--scr-ink:#ffb000;--c-pr:#ffd070;--c-pr-f:1;--c-ok:#ffd070;--c-dim:#9a6b12;--c-pth:#e0962a;--c-scroll:#4a3410}[data-theme=dark][data-palette=amber] .fw-screen{--scr-bg:#0d0900;--scr-ink:#ffb62a;--c-pr:#ffd98a;--c-ok:#ffd98a;--c-dim:#b07c18;--c-pth:#f0a838;--c-scroll:#3a2808}[data-palette=ibm5151] .fw-screen{--scr-bg:#0c1408;--scr-ink:#5fdd3a;--c-pr:#98f070;--c-pr-f:1;--c-ok:#98f070;--c-dim:#357a1f;--c-pth:#79c850;--c-scroll:#1c3a12}[data-theme=dark][data-palette=ibm5151] .fw-screen{--scr-bg:#050a03;--scr-ink:#6af23f;--c-pr:#aaff86;--c-ok:#aaff86;--c-dim:#408f26;--c-pth:#8ada5f;--c-scroll:#14300d}[data-palette=solarized] .fw-screen{--scr-bg:#fdf6e3;--scr-ink:#657b83;--c-pr:#cb4b16;--c-pr-f:1;--c-ok:#859900;--c-dim:#93a1a1;--c-pth:#268bd2;--c-scroll:#d7cfb8}[data-theme=dark][data-palette=solarized] .fw-screen{--scr-bg:#002b36;--scr-ink:#93a1a1;--c-pr:#cb4b16;--c-ok:#859900;--c-dim:#586e75;--c-pth:#268bd2;--c-scroll:#0a4853}[data-palette=gruvbox] .fw-screen{--scr-bg:#fbf1c7;--scr-ink:#3c3836;--c-pr:#af3a03;--c-pr-f:1;--c-ok:#79740e;--c-dim:#7c6f64;--c-pth:#076678;--c-scroll:#d5c4a1}[data-theme=dark][data-palette=gruvbox] .fw-screen{--scr-bg:#282828;--scr-ink:#ebdbb2;--c-pr:#fe8019;--c-ok:#b8bb26;--c-dim:#928374;--c-pth:#83a598;--c-scroll:#504945}[data-palette=dracula] .fw-screen{--scr-bg:#2b2d3a;--scr-ink:#f8f8f2;--c-pr:#ff79c6;--c-pr-f:1;--c-ok:#50fa7b;--c-dim:#6272a4;--c-pth:#8be9fd;--c-scroll:#44475a}[data-theme=dark][data-palette=dracula] .fw-screen{--scr-bg:#21222c;--scr-ink:#f8f8f2;--c-pr:#ff92d0;--c-ok:#69ff8e;--c-dim:#6272a4;--c-pth:#8be9fd;--c-scroll:#3a3c4e}[data-palette=nord] .fw-screen{--scr-bg:#323848;--scr-ink:#d8dee9;--c-pr:#88c0d0;--c-pr-f:1;--c-ok:#a3be8c;--c-dim:#616e88;--c-pth:#81a1c1;--c-scroll:#434c5e}[data-theme=dark][data-palette=nord] .fw-screen{--scr-bg:#2e3440;--scr-ink:#e5e9f0;--c-pr:#88c0d0;--c-ok:#a3be8c;--c-dim:#4c566a;--c-pth:#81a1c1;--c-scroll:#3b4252}[data-palette=monokai] .fw-screen{--scr-bg:#2b2c25;--scr-ink:#f8f8f2;--c-pr:#f92672;--c-pr-f:1;--c-ok:#a6e22e;--c-dim:#75715e;--c-pth:#66d9ef;--c-scroll:#49483e}[data-theme=dark][data-palette=monokai] .fw-screen{--scr-bg:#1f201b;--scr-ink:#f8f8f2;--c-pr:#fd2e7a;--c-ok:#a6e22e;--c-dim:#75715e;--c-pth:#66d9ef;--c-scroll:#3e3d34}[data-palette=tomorrow] .fw-screen{--scr-bg:#212326;--scr-ink:#c5c8c6;--c-pr:#81a2be;--c-pr-f:1;--c-ok:#b5bd68;--c-dim:#969896;--c-pth:#8abeb7;--c-scroll:#373b41}[data-theme=dark][data-palette=tomorrow] .fw-screen{--scr-bg:#161719;--scr-ink:#c5c8c6;--c-pr:#8fb0cc;--c-ok:#b5bd68;--c-dim:#808284;--c-pth:#8abeb7;--c-scroll:#282a2e}[data-palette=c64] .fw-screen{--scr-bg:#423bab;--scr-ink:#b8b0ff;--c-pr:#fff;--c-pr-f:1;--c-ok:#9ee89e;--c-dim:#7d74cf;--c-pth:#8ad7ff;--c-scroll:#6258c0}[data-theme=dark][data-palette=c64] .fw-screen{--scr-bg:#352879;--scr-ink:#a89cf0;--c-pr:#fff;--c-ok:#88de88;--c-dim:#6f66b8;--c-pth:#7ec8f0;--c-scroll:#4d44a0}[data-palette=dos] .fw-screen{--scr-bg:#0000b4;--scr-ink:#c8c8c8;--c-pr:#fff;--c-pr-f:1;--c-ok:#54ff54;--c-dim:#7a7ad8;--c-pth:#54fcfc;--c-scroll:#22c}[data-theme=dark][data-palette=dos] .fw-screen{--scr-bg:#00008f;--scr-ink:#b4b4b4;--c-pr:#fff;--c-ok:#2ee02e;--c-dim:#6a6ac0;--c-pth:#2ad8d8;--c-scroll:#1a1aaa}[data-palette=appleii] .fw-screen{--scr-bg:#06160a;--scr-ink:#41e641;--c-pr:#86ff86;--c-pr-f:1;--c-ok:#86ff86;--c-dim:#1f8a1f;--c-pth:#5fd65f;--c-scroll:#134a13}[data-theme=dark][data-palette=appleii] .fw-screen{--scr-bg:#010c03;--scr-ink:#4dff4d;--c-pr:#9bff9b;--c-ok:#9bff9b;--c-dim:#259f25;--c-pth:#6fe66f;--c-scroll:#0e3a0e}[data-palette=latte] .fw-screen{--scr-bg:#eff1f5;--scr-ink:#4c4f69;--c-pr:#8839ef;--c-pr-f:1;--c-ok:#40a02b;--c-dim:#8c8fa1;--c-pth:#1e66f5;--c-scroll:#bcc0cc}[data-theme=dark][data-palette=latte] .fw-screen{--scr-bg:#f7f8fa;--scr-ink:#4c4f69;--c-pr:#8839ef;--c-ok:#40a02b;--c-dim:#8c8fa1;--c-pth:#1e66f5;--c-scroll:#ccd0da}[data-palette=frappe] .fw-screen{--scr-bg:#353b50;--scr-ink:#c6d0f5;--c-pr:#ca9ee6;--c-pr-f:1;--c-ok:#a6d189;--c-dim:#838aa8;--c-pth:#8caaee;--c-scroll:#51576d}[data-theme=dark][data-palette=frappe] .fw-screen{--scr-bg:#303446;--scr-ink:#c6d0f5;--c-pr:#ca9ee6;--c-ok:#a6d189;--c-dim:#737994;--c-pth:#8caaee;--c-scroll:#51576d}[data-palette=macchiato] .fw-screen{--scr-bg:#292d44;--scr-ink:#cad3f5;--c-pr:#c6a0f6;--c-pr-f:1;--c-ok:#a6da95;--c-dim:#7d829c;--c-pth:#8aadf4;--c-scroll:#494d64}[data-theme=dark][data-palette=macchiato] .fw-screen{--scr-bg:#24273a;--scr-ink:#cad3f5;--c-pr:#c6a0f6;--c-ok:#a6da95;--c-dim:#6e738d;--c-pth:#8aadf4;--c-scroll:#494d64}[data-palette=mocha] .fw-screen{--scr-bg:#232338;--scr-ink:#cdd6f4;--c-pr:#cba6f7;--c-pr-f:1;--c-ok:#a6e3a1;--c-dim:#7b7f97;--c-pth:#89b4fa;--c-scroll:#45475a}[data-theme=dark][data-palette=mocha] .fw-screen{--scr-bg:#1e1e2e;--scr-ink:#cdd6f4;--c-pr:#cba6f7;--c-ok:#a6e3a1;--c-dim:#6c7086;--c-pth:#89b4fa;--c-scroll:#45475a}.tcur{background:var(--scr-ink);width:8px;height:15px;animation:1.05s step-end infinite blink;display:inline-block;transform:translateY(2px)}@keyframes blink{50%{opacity:0}}.tcur-cell{background:var(--scr-ink);color:var(--scr-bg);border-radius:1px;animation:1.05s step-end infinite blinkcell}@keyframes blinkcell{50%{color:inherit;background:0 0}}.notebook{background:var(--card);border-radius:6px 12px 12px 6px;align-self:stretch;padding:20px 20px 20px 30px}.notebook:before{content:"";background:repeating-linear-gradient(#efe7d6 0 3px,#0000 3px 16px);border-right:1.5px solid #e3492a66;border-radius:6px 0 0 6px;width:16px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #221c120d}.notebook h2{font-family:var(--font-display);margin:0 0 4px;font-size:21px;font-weight:700}.notebook .sub{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:10px}.entry{border-bottom:1.5px solid #221c1217;flex-direction:column;gap:2px;padding:10px 0;display:flex}.entry:last-of-type{border-bottom:none}.entry .dt{font-family:var(--font-mono);color:var(--accent);font-size:10px}.entry .ti{font-size:15.5px;font-weight:500;line-height:1.2}.notebook .more{font-family:var(--font-mono);color:var(--ink-soft);margin-top:12px;font-size:11px}.polaroid{background:var(--card);border-radius:3px;align-self:center;width:min(78%,230px);padding:11px 11px 0}.polaroid .shot{aspect-ratio:1;background-color:var(--card);background-image:linear-gradient(135deg,#a98f6e1f,#8c704e29);border-radius:2px;position:relative;overflow:hidden}.polaroid .shot-face{background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;display:flex;position:absolute;inset:0}.polaroid .shot-face:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 30px #0000001a}.polaroid .shot .lbl{z-index:2;font-family:var(--font-mono);color:#ffffffd9;background:#221c1252;border-radius:5px;margin:8px;padding:3px 7px;font-size:10px;position:relative}.polaroid .cap{font-family:var(--font-hand);color:var(--ink);text-align:center;padding:9px 4px 12px;font-size:18px;line-height:1}.polaroid .cap small{font-family:var(--font-mono);color:var(--ink-soft);margin-top:3px;font-size:9px;display:block}.polaroid .stack{content:"";background:var(--card);z-index:-1;box-shadow:0 10px 22px -16px rgba(var(--shadow),.5);border-radius:3px;position:absolute;inset:0;transform:rotate(4deg)translate(6px,5px)}.polaroid .stack.two{z-index:-2;transform:rotate(-3deg)translate(-5px,7px)}.sticky-col{flex-direction:row;align-self:stretch;gap:16px;display:flex}.sticky{cursor:pointer;min-height:118px;font-family:var(--font-hand);transform:rotate(var(--rot,0deg));border-radius:2px 2px 3px 3px;flex-direction:column;flex:1 1 0;padding:20px 16px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;position:relative}.sticky:active{transform:translateY(-2px) rotate(var(--rot,0deg))}.sticky.y{background:var(--yellow);--rot:1.4deg;box-shadow:0 14px 26px -18px rgba(var(--shadow),.6)}.sticky.c{background:var(--coral-note);--rot:-1.4deg;box-shadow:0 14px 26px -18px rgba(var(--shadow),.6)}.sticky:before{content:"";background:#ffffff73;border:1px dashed #221c122e;width:46px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-4deg)}.sticky .k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#221c12b8;margin-bottom:8px;font-size:9px;font-weight:600;display:block}.sticky .tx{color:#3a2f24;font-size:19px;line-height:1.12;display:block}.sticky.c .tx{color:#5a2418;word-break:break-word}.footer{font-family:var(--font-mono);color:var(--ink-soft);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:30px;font-size:11px;line-height:1.5;display:flex}.footer .b{align-items:center;gap:7px;display:flex}.tabbar{z-index:40;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 -10px 26px -22px rgba(var(--shadow),.7);background:#f8f4ecdb;border-top:1.5px solid #221c121a;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;font-size:10px;transition:color .18s,transform .18s;display:flex;position:relative}.tab svg{width:21px;height:21px;display:block}.tab .ln{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round}.tab .fl{fill:currentColor;stroke:none}.tab:active{transform:translateY(1px)}.tab:hover,.tab:focus-visible{color:var(--accent);outline:none}.tab:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:5px;height:5px;transition:opacity .18s,transform .18s;position:absolute;top:9px;transform:scale(.4)}.tab:hover:after,.tab:focus-visible:after{opacity:1;transform:scale(1)}.settle{opacity:0;transform:translateY(18px) rotate(var(--rot,0deg))}.ready .settle{opacity:1;transform:rotate(var(--rot,0deg));transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}.tabbar.settle{transform:translateY(100%)}.ready .tabbar.settle{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.settle{opacity:1!important;transform:rotate(var(--rot,0deg))!important}.tabbar.settle{transform:translateY(0)!important}.tcur,.tcur-cell,.wordmark .stat i{animation:none}}@media (width<=719px){.fw{height:77cqw}.greet{margin-top:22px}.sticky-col{margin-top:18px}}@media (width>=720px){:root{--tabbar-h:0px}.page{padding:26px clamp(22px,4vw,42px) 60px}.topbar{margin-bottom:clamp(22px,4vh,40px)}.topnav{display:flex}.tabbar{display:none}.scene{flex:1;grid-template-columns:1fr 1fr;grid-template-areas:"laptop laptop""greet polaroid""notebook sticky""reading nowplaying";align-content:center;gap:22px;display:grid}.greet{--rot:-1.2deg;grid-area:greet;align-self:start}.laptop{grid-area:laptop;justify-self:center;max-width:620px}.t-body{flex:1 1 0;height:auto;min-height:0;padding:16px 17px;font-size:13.5px}.notebook{--rot:1deg;grid-area:notebook}.polaroid{--rot:-2deg;grid-area:polaroid;justify-self:center;width:min(100%,220px)}.sticky-col{flex-direction:column;grid-area:sticky;align-self:center;gap:18px}.footer{flex-direction:row;align-items:center;margin-top:clamp(22px,4vh,40px)}}@media (width>=1000px){.scene{grid-template:"greet laptop laptop sticky""notebook laptop laptop sticky""notebook polaroid reading nowplaying"/1.15fr 1fr 1fr minmax(300px,.95fr);gap:clamp(16px,2.2vw,32px);padding-bottom:10px}.greet{--rot:-1.4deg}.notebook{--rot:1.1deg;align-self:stretch}.polaroid{--rot:-2.4deg;align-self:center}}@media (hover:hover) and (pointer:fine){.obj:hover{z-index:5;transform:translateY(-9px)rotate(0)}.laptop:hover .fw-shadow{filter:blur(2.3cqw);transform:translateY(9px)rotateX(76deg)}.obj:hover .chip{opacity:1;transform:translateY(0)rotate(-2deg)}.sticky:hover{z-index:5;transform:translateY(-7px)rotate(0)}}.footer{flex-direction:column;align-items:flex-start;gap:10px}.footer .social{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer .slink{color:var(--ink-soft);border-radius:8px;align-items:center;gap:6px;margin:-5px -8px;padding:5px 8px;text-decoration:none;transition:color .18s,background .18s;display:inline-flex;position:relative}.footer .slink svg{fill:currentColor;opacity:.7;flex:none;width:13px;height:13px}.footer .slink:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:1px;left:8px;right:8px;transform:scaleX(0)}.footer .slink:hover{color:var(--ink);background:#fbf7eccc}.footer .slink:hover svg{opacity:1}.footer .slink:hover:after{transform:scaleX(1)}.footer .sep{opacity:.45}@media (width>=760px){.footer{flex-direction:row;justify-content:space-between;align-items:center}}.nowplaying{--rot:-1deg;aspect-ratio:340/216;will-change:auto;border-radius:8px;grid-area:nowplaying;place-self:center;width:min(100%,289px);margin:0 auto;text-decoration:none;display:block;position:relative}.nowplaying .cassette{zoom:var(--np-scale,1);position:absolute;top:0;left:0}.ready .nowplaying[data-playing="0"] .cs-body{opacity:.9}.nowplaying .chip{top:-12px;right:14px}.np-dragging{cursor:grabbing!important}.reading{--rot:2.5deg;aspect-ratio:170/244;grid-area:reading;width:min(100%,170px);margin:0 auto;text-decoration:none;display:block}.reading .bk-pages{box-shadow:0 2px 0 rgba(var(--shadow),.04), 0 16px 30px -20px rgba(var(--shadow),.45);background:linear-gradient(135deg,#f6f1e4,#e9e2cf);border-radius:3px 8px 8px 3px;position:absolute;inset:5px -7px -7px 8px}.reading .bk-pages:before{content:"";background:repeating-linear-gradient(#221c121a 0 1px,#0000 1px 3px);border-radius:0 8px 8px 0;width:7px;position:absolute;top:2px;bottom:2px;right:0}.reading .bk-pages:after{content:"";background:repeating-linear-gradient(90deg,#221c1214 0 1px,#0000 1px 3px);border-radius:0 0 8px;height:7px;position:absolute;bottom:0;left:2px;right:2px}.bk-cover{background:var(--card);box-shadow:0 1px 0 rgba(var(--shadow),.06), 0 10px 18px -14px rgba(var(--shadow),.4);border-radius:4px 9px 9px 4px;position:absolute;inset:0;overflow:hidden}.bk-cover:after{content:"";border-radius:inherit;z-index:3;pointer-events:none;background:linear-gradient(90deg,#221c1229,#221c120a 7px,#ffffff4d 10px,#fff0 17px);position:absolute;inset:0}.bk-img{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.bk-ph{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.bk-ph:before{content:"";border:1.5px solid #e3492a73;border-radius:3px;position:absolute;inset:10px}.bk-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:16px;font-weight:800;line-height:1.6}.bk-sub{font-family:var(--font-hand);color:var(--accent);font-size:18px;transform:rotate(-2deg)}.np-extras,.rd-extras{z-index:4;pointer-events:none;flex-direction:column;margin:0 auto;display:flex;position:relative}.np-extras{grid-area:nowplaying;width:min(100%,289px)}.rd-extras{grid-area:reading;width:min(100%,170px)}.np-anchor{aspect-ratio:340/216;flex:none;width:100%}.rd-anchor{aspect-ratio:170/244;flex:none;width:100%}.np-note,.rd-note{font-family:var(--font-hand);color:var(--accent);white-space:nowrap;align-items:flex-end;gap:3px;font-size:19.5px;line-height:1;display:flex}.np-note{align-self:flex-start;margin:2px 0 0 -6px;transform:rotate(-3deg)}.rd-note{align-self:flex-end;margin:4px -10px 0 0;transform:rotate(2deg)}.rd-shelf{pointer-events:auto;font-family:var(--font-hand);color:var(--accent);border-bottom:1.5px dashed color-mix(in srgb, var(--accent) 50%, transparent);align-self:flex-end;margin:7px -6px 0 0;font-size:17px;line-height:1;text-decoration:none;transform:rotate(2deg)}.rd-shelf:hover{border-bottom-style:solid;border-bottom-color:var(--accent)}.np-shelf{pointer-events:auto;font-family:var(--font-hand);color:var(--accent);border-bottom:1.5px dashed color-mix(in srgb, var(--accent) 50%, transparent);align-self:flex-start;margin:7px 0 0 -2px;font-size:17px;line-height:1;text-decoration:none;transform:rotate(-3deg)}.np-shelf:hover{border-bottom-style:solid;border-bottom-color:var(--accent)}.np-shelf[hidden]{display:none}.np-arrow,.rd-arrow{flex:none;width:52px;height:38px;margin-bottom:3px}.np-arrow path,.rd-arrow path{fill:none;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:url(#wob)}@media (width>=720px){.nowplaying,.np-extras,.reading,.rd-extras{align-self:start}}@media (width>=720px) and (width<=999px){.greet{margin-bottom:10px}.scene{padding-bottom:20px}}@media (width<=719px){.np-extras{margin:-16px auto 0}.rd-extras{margin:-14px auto 0}.np-anchor,.rd-anchor{display:none}}
