: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);background-image:radial-gradient(rgba(34,28,18,.045) 1px,transparent 1.6px),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.5),transparent 60%);background-size:24px 24px,100% 100%;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}.page{max-width:1180px;margin:0 auto;padding:18px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 18px);min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.wordmark{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.02em;display:flex;align-items:center;gap:2px}.wordmark .dot{color:var(--accent)}.wordmark .stat{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--ink-soft);background:var(--card);border:1.5px solid rgba(34,28,18,.12);border-radius:20px;padding:3px 9px;display:inline-flex;align-items:center;gap:6px;margin-left:8px}.wordmark .stat i{width:7px;height:7px;border-radius:50%;background:#4fae6d;display:inline-block;box-shadow:0 0 #4fae6d80;animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #4fae6d73}70%{box-shadow:0 0 0 6px #4fae6d00}to{box-shadow:0 0 #4fae6d00}}.topnav{display:none;gap:4px;font-family:var(--font-mono);font-size:12px}.topnav a{color:var(--ink-soft);padding:7px 11px;border-radius:8px;transition:background .18s,color .18s;position:relative}.topnav a:hover{color:var(--ink);background:#fbf7eccc}.topnav a:after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}.topnav a:hover:after{transform:scaleX(1)}.topnav a.cur{color:var(--ink)}.topnav a.cur:after{transform:scaleX(1)}.scene{display:flex;flex-direction:column;gap:30px}.obj{position:relative;border-radius:16px;cursor:pointer;color:inherit;transform:rotate(var(--rot,0deg));transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s}.laptop{will-change:transform}.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{position:absolute;top:-14px;right:14px;z-index:8;font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--ink);color:var(--paper);padding:5px 10px;border-radius:8px;display:flex;align-items:center;gap:6px;white-space:nowrap;opacity:0;transform:translateY(6px) rotate(-2deg);transition:opacity .22s,transform .22s;pointer-events:none;box-shadow:0 8px 18px -8px rgba(var(--shadow),.6)}.chip b{color:var(--accent)}.laptop:has(.fw[data-lid=closed]) .chip{top:calc(50cqw + 33px)}.laptop[data-lid-anim] .chip{opacity:0!important;transform:translateY(6px) rotate(-2deg)!important;transition:none!important}.surf{box-shadow:0 2px rgba(var(--shadow),.04),0 16px 30px -20px rgba(var(--shadow),.4)}.greet{background:var(--card);border-radius:6px;padding:22px 22px 24px;align-self:stretch}.greet .tape{position:absolute;top:-11px;left:50%;width:84px;height:24px;transform:translate(-50%) rotate(-3deg);background:#e3492a2e;border:1px dashed rgba(227,73,42,.5);border-radius:2px}.greet h1{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,8.5vw,34px);line-height:1.02;margin:6px 0 8px;letter-spacing:-.02em}.greet h1 .u{position:relative;white-space:nowrap}.greet h1 .u:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-2px;height:8px;background:var(--accent);opacity:.85;border-radius:2px;filter:url(#wob);z-index:-1}.greet .role{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);letter-spacing:.02em;margin-bottom:12px}.greet p{font-size:15.5px;line-height:1.5;color:var(--ink-soft);margin:0;max-width:34ch;text-wrap:pretty}.greet .poke{font-family:var(--font-hand);font-size:21px;color:var(--accent);margin-top:10px;display:inline-flex;align-items:center;gap:6px;transform:rotate(-2deg);white-space:nowrap}.laptop{display:block;align-self:stretch;width:100%;container-type:inline-size}.fw{position:relative;width:100%;height:86cqw;perspective:340cqw;perspective-origin:50% 6%}.fw-shadow{position:absolute;left:3cqw;width:94cqw;top:62cqw;height:51.5cqw;transform-origin:50% 0;transform:rotateX(76deg);z-index:0;background:rgba(var(--shadow),.09);border-radius:2.4cqw 2.4cqw 5cqw 5cqw;filter:blur(2.1cqw);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s cubic-bezier(.2,.8,.2,1)}.ready:not(.settled) .fw-shadow{transition-delay:.12s}.fw-deck{position:absolute;left:6cqw;width:88cqw;top:61cqw;height:46cqw;transform-origin:50% 0;transform:rotateX(76deg);z-index:1;background:linear-gradient(#19181b,#201f23 55%,#2b2a2f);border-radius:1.2cqw 1.2cqw 3.4cqw 3.4cqw;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 -3px 4px #00000080}.fw-deck:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background-image:linear-gradient(rgba(255,214,160,.1),rgba(255,214,160,.035) 16%,transparent 25%);background-size:100% 240%;background-position:0 0;background-repeat:no-repeat;opacity:0;transition:opacity .7s ease}.fw[data-lid=open] .fw-deck:before{opacity:1;transition-delay:.55s}.fw.live:not([data-lid=open]) .fw-deck:before{animation:fwGlowSweep .85s ease-in forwards}@keyframes fwGlowSweep{0%{opacity:1;background-position:0 0;background-image:linear-gradient(#ffd6a01a,#ffd6a009 16%,#ffd6a000 25%)}55%{opacity:1;background-image:linear-gradient(#ffd6a029,#ffd6a00f 18%,#ffd6a000 28%)}to{opacity:0;background-position:0 78%;background-image:linear-gradient(#ffd6a029,#ffd6a00f 18%,#ffd6a000 28%)}}.fw-deck:after{content:"";position:absolute;left:50%;bottom:0;width:13cqw;height:2cqw;transform:translate(-50%);border-radius:0 0 2.4cqw 2.4cqw;background:radial-gradient(ellipse at 50% -20%,#0b0a0c,#19181b 80%)}.fw-kb{position:absolute;left:6.5%;right:6.5%;top:5%;height:54%;display:flex;flex-direction:column;gap:.5cqw;padding:.9cqw;background:#100f12;border-radius:1cqw;box-shadow:inset 0 .2cqw .7cqw #0000008c,inset 0 0 2.4cqw #ffb2600f}.fw-kb .kr{display:flex;gap:.5cqw;flex:10}.fw-kb{filter:brightness(1) saturate(1);transition:filter 1.05s ease}.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{display:flex;align-items:center;justify-content:center;flex:1;border-radius:.55cqw;background:linear-gradient(#2a292e,#1e1d21);font-family:var(--font-mono);font-style:normal;font-weight:500;font-size:1.5cqw;line-height:1;color:#f6e7c6;text-shadow:0 0 .9cqw rgba(255,196,120,.65);box-shadow:inset 0 .15cqw #ffffff0e,0 .18cqw .2cqw #0006,0 0 .8cqw #ffb86821;transition:transform 55ms ease,filter .12s ease,box-shadow .12s ease}.fw-kb .kk.down{transform:translateY(.34cqw) scale(.985);background:linear-gradient(#322f30,#242226);color:#fcf0d2;text-shadow:0 0 1cqw rgba(255,200,125,.75);box-shadow:inset 0 .08cqw #ffffff0f,0 .04cqw .08cqw #00000073,0 0 1cqw #ffbe6e2e}.fw-kb .kk.sm{font-size:1.02cqw;letter-spacing:.02em;color:#f6e7c6d9}.fw-kb .kk.fk{font-size:.85cqw;color:#f6e7c6bf}.fw-kb .karr{display:flex;gap:.5cqw;align-items:flex-end}.fw-kb .karr>.kk{height:46%;flex:1}.fw-kb .kud{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8%}.fw-kb .kud .kk{flex:none;height:46%;width:100%}.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{position:absolute;left:50%;transform:translate(-50%);top:64%;width:42%;height:31%;border-radius:1.1cqw;background:linear-gradient(#26252a,#222126);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 .25cqw .6cqw #00000059}.fw-hinge{position:absolute;left:9.5cqw;right:9.5cqw;top:59.9cqw;height:2.6cqw;border-radius:.6cqw;background:linear-gradient(#26252a,#0d0c0e 70%);z-index:2;box-shadow:0 .3cqw .8cqw #0006}.fw-lid{position:absolute;left:6.5cqw;top:1cqw;width:87cqw;height:59.6cqw;z-index:3;transform-origin:50% 100%;transform-style:preserve-3d;transform:rotateX(-104deg) scaleY(.74);transition:transform 1.1s cubic-bezier(.52,.04,.46,.96)}.fw[data-lid=open] .fw-lid{transform:rotateX(0) scaleY(1);transition:transform 1.5s cubic-bezier(.42,.94,.28,1.02)}@media(prefers-reduced-motion:reduce){.fw-lid,.fw-screenface,.fw-lidback{transition:none!important}}.fw-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2.6cqw 2.6cqw 1.1cqw 1.1cqw}.fw-screenface{background:#0c0c0e;padding:2.4cqw;display:flex;flex-direction:column;opacity:0;transition:opacity .15s linear .76s}.fw[data-lid=open] .fw-screenface{opacity:1;transition-delay:.1s}.fw-screenface:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff13,inset 0 .2cqw .1cqw #ffffff0d;pointer-events:none;z-index:2}.fw-cam{position:absolute;top:.72cqw;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5cqw;z-index:2}.fw-cam .sw{display:block;width:1.7cqw;height:.65cqw;border-radius:.35cqw;background:#19191c;box-shadow:inset 0 0 0 1px #ffffff17}.fw-cam .lens{display:block;width:.95cqw;height:.95cqw;border-radius:50%;background:radial-gradient(circle at 36% 32%,#4a525c 12%,#101216 60%);box-shadow:0 0 0 .3cqw #161618,0 0 0 .4cqw #ffffff0f}.fw-screen{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:.7cqw;overflow:hidden;--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)}.fw-screen:popover-open{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--scr-bg)}.fw-screen::backdrop{background:#08080adb}.fw-lidback{transform:rotateX(180deg);border-radius:1.1cqw 1.1cqw 2.6cqw 2.6cqw;background:#232227;display:flex;align-items:center;justify-content:center;transition:opacity .15s linear .76s}.fw[data-lid=open] .fw-lidback{opacity:0;transition-delay:.1s}.fw-lidback:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 100% at 50% 100%,rgba(255,255,255,.07),transparent 55%);box-shadow:inset 0 0 0 1px #ffffff0d}.fw-emb{font-family:var(--font-display);font-weight:800;font-size:8cqw;line-height:1;color:var(--accent);text-shadow:0 -1px 1px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.06)}.fw-sticker{position:absolute;right:7cqw;bottom:18%;transform:rotate(176deg) scaleY(2.1);font-family:var(--font-display);font-weight:800;font-size:5cqw;letter-spacing:.01em;line-height:1;white-space:nowrap}.fw-sticker b{position:relative;display:block;font-weight:800;color:var(--ink)}.fw-sticker b:before{content:"mallchin.";position:absolute;inset:0;color:#fdfcf8;-webkit-text-stroke:1.2cqw #fdfcf8;z-index:-1}.fw-sticker i{font-style:normal;color:var(--accent)}.fw-stk{position:absolute}.fw-stk-can{left:10cqw;bottom:22%;transform:rotate(187deg) scaleY(2.1)}.fw-stk-can img{display:block;width:7cqw;height:auto;filter:drop-shadow(.5cqw 0 0 #fdfcf8) drop-shadow(-.5cqw 0 0 #fdfcf8) drop-shadow(0 .5cqw 0 #fdfcf8) drop-shadow(0 -.5cqw 0 #fdfcf8)}.fw-stk-aur{right:11cqw;top:12%;transform:rotate(186deg) scaleY(2.1)}.fw-stk-aur img{display:block;width:8cqw;height:auto;filter:drop-shadow(.5cqw 0 0 #fdfcf8) drop-shadow(-.5cqw 0 0 #fdfcf8) drop-shadow(0 .5cqw 0 #fdfcf8) drop-shadow(0 -.5cqw 0 #fdfcf8)}.t-body{font-family:var(--font-mono);font-size:12.5px;line-height:1.72;color:var(--scr-ink);background:transparent;padding:15px;flex:1 1 0;min-height:0;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.t-body:focus{outline:none}.t-body:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.term-input{position:absolute;bottom:0;left:0;width:1px;height:1px;opacity:0;border:0;padding:0;margin:0;font-size:16px;color:transparent;background:transparent;caret-color:transparent;z-index:1}.t-body::-webkit-scrollbar{width:8px}.t-body::-webkit-scrollbar-thumb{background:var(--c-scroll);border-radius:4px}.t-body::-webkit-scrollbar-track{background:transparent}.fw-viewfinder{position:absolute;inset:0;z-index:6;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.fw-viewfinder video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.fw-vf-count{position:relative;z-index:2;font-family:var(--font-mono);font-weight:700;font-size:64px;line-height:1;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.7)}.fw-viewfinder.flash:after{content:"";position:absolute;inset:0;z-index:3;background:#fff;animation:vfFlash .2s ease-out forwards}@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:#ffffff;--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:#ffffff;--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:#ffffff;--c-pr-f:1;--c-ok:#54ff54;--c-dim:#7a7ad8;--c-pth:#54fcfc;--c-scroll:#2222cc}[data-theme=dark][data-palette=dos] .fw-screen{--scr-bg:#00008f;--scr-ink:#b4b4b4;--c-pr:#ffffff;--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{display:inline-block;width:8px;height:15px;background:var(--scr-ink);transform:translateY(2px);animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tcur-cell{background:var(--scr-ink);color:var(--scr-bg);border-radius:1px;animation:blinkcell 1.05s steps(1) infinite}@keyframes blinkcell{50%{background:transparent;color:inherit}}.notebook{background:var(--card);border-radius:6px 12px 12px 6px;padding:20px 20px 20px 30px;align-self:stretch}.notebook:before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;background:repeating-linear-gradient(#efe7d6 0 3px,transparent 3px 16px);border-right:1.5px solid rgba(227,73,42,.4);border-radius:6px 0 0 6px;box-shadow:inset -1px 0 #221c120d}.notebook h2{font-family:var(--font-display);font-weight:700;font-size:21px;margin:0 0 4px}.notebook .sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}.entry{padding:10px 0;border-bottom:1.5px solid rgba(34,28,18,.09);display:flex;flex-direction:column;gap:2px}.entry:last-of-type{border-bottom:none}.entry .dt{font-family:var(--font-mono);font-size:10px;color:var(--accent)}.entry .ti{font-size:15.5px;font-weight:500;line-height:1.2}.notebook .more{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);margin-top:12px}.polaroid{align-self:center;width:min(78%,230px);background:var(--card);padding:11px 11px 0;border-radius:3px}.polaroid .shot{aspect-ratio:1/1;border-radius:2px;background-color:var(--card);background-image:linear-gradient(135deg,#a98f6e1f,#8c704e29);position:relative;overflow:hidden}.polaroid .shot-face{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-start}.polaroid .shot-face:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #0000001a;pointer-events:none}.polaroid .shot .lbl{position:relative;z-index:2;font-family:var(--font-mono);font-size:10px;color:#ffffffd9;background:#221c1252;padding:3px 7px;border-radius:5px;margin:8px}.polaroid .cap{font-family:var(--font-hand);font-size:18px;color:var(--ink);text-align:center;padding:9px 4px 12px;line-height:1}.polaroid .cap small{display:block;font-family:var(--font-mono);font-size:9px;color:var(--ink-soft);margin-top:3px}.polaroid .stack{content:"";position:absolute;inset:0;border-radius:3px;background:var(--card);z-index:-1;transform:rotate(4deg) translate(6px,5px);box-shadow:0 10px 22px -16px rgba(var(--shadow),.5)}.polaroid .stack.two{transform:rotate(-3deg) translate(-5px,7px);z-index:-2}.sticky-col{display:flex;flex-direction:row;gap:16px;align-self:stretch}.sticky{position:relative;flex:1 1 0;min-height:118px;display:flex;flex-direction:column;border-radius:2px 2px 3px 3px;padding:20px 16px;cursor:pointer;font-family:var(--font-hand);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transform:rotate(var(--rot,0deg))}.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:"";position:absolute;top:-9px;left:50%;width:46px;height:18px;transform:translate(-50%) rotate(-4deg);background:#ffffff73;border:1px dashed rgba(34,28,18,.18)}.sticky .k{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#221c12b8;display:block;margin-bottom:8px}.sticky .tx{font-size:19px;line-height:1.12;color:#3a2f24;display:block}.sticky.c .tx{color:#5a2418;word-break:break-word}.footer{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:30px;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);line-height:1.5}.footer .b{display:flex;align-items:center;gap:7px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:stretch;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);background:#f8f4ecdb;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-top:1.5px solid rgba(34,28,18,.1);box-shadow:0 -10px 26px -22px rgba(var(--shadow),.7)}.tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--ink-soft);transition:color .18s,transform .18s;position:relative;-webkit-tap-highlight-color:transparent}.tab svg{width:21px;height:21px;display:block}.tab .ln{stroke:currentColor;stroke-width:1.7;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:"";position:absolute;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0;transform:scale(.4);transition:opacity .18s,transform .18s}.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 ease,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(max-width:719px){.fw{height:77cqw}.greet{margin-top:22px}.sticky-col{margin-top:18px}}@media(min-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;display:grid;align-content:center;grid-template-columns:1fr 1fr;grid-template-areas:"laptop   laptop" "greet    polaroid" "notebook sticky" "reading  nowplaying";gap:22px}.greet{grid-area:greet;--rot:-1.2deg;align-self:start}.laptop{grid-area:laptop;justify-self:center;max-width:620px}.t-body{height:auto;flex:1 1 0;min-height:0;font-size:13.5px;padding:16px 17px}.notebook{grid-area:notebook;--rot:1deg}.polaroid{grid-area:polaroid;--rot:-2deg;justify-self:center;width:min(100%,220px)}.sticky-col{grid-area:sticky;flex-direction:column;gap:18px;align-self:center}.footer{flex-direction:row;align-items:center;margin-top:clamp(22px,4vh,40px)}}@media(min-width:1000px){.scene{padding-bottom:10px}.scene{grid-template-columns:1.15fr 1fr 1fr minmax(300px,.95fr);grid-template-rows:auto auto auto;grid-template-areas:"greet    laptop   laptop   sticky" "notebook laptop   laptop   sticky" "notebook polaroid reading  nowplaying";gap:clamp(16px,2.2vw,32px)}.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{transform:translateY(-9px) rotate(0);z-index:5}.laptop:hover .fw-shadow{transform:translateY(9px) rotateX(76deg);filter:blur(2.3cqw)}.obj:hover .chip{opacity:1;transform:translateY(0) rotate(-2deg)}.sticky:hover{transform:translateY(-7px) rotate(0);z-index:5}}.footer{flex-direction:column;gap:10px;align-items:flex-start}.footer .social{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer .slink{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);text-decoration:none;position:relative;transition:color .18s,background .18s;padding:5px 8px;margin:-5px -8px;border-radius:8px}.footer .slink svg{width:13px;height:13px;fill:currentColor;opacity:.7;flex:none}.footer .slink:after{content:"";position:absolute;left:8px;right:8px;bottom:1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}.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(min-width:760px){.footer{flex-direction:row;justify-content:space-between;align-items:center}}.nowplaying{grid-area:nowplaying;--rot:-1deg;width:min(100%,289px);aspect-ratio:340/216;justify-self:center;align-self:center;margin:0 auto;display:block;border-radius:8px;text-decoration:none;position:relative}.nowplaying{will-change:auto}.nowplaying .cassette{position:absolute;left:0;top:0;zoom:var(--np-scale,1)}.ready .nowplaying[data-playing="0"] .cs-body{opacity:.9}.nowplaying .chip{top:-12px;right:14px}.np-dragging{cursor:grabbing!important}.reading{grid-area:reading;--rot:2.5deg;display:block;width:min(100%,170px);aspect-ratio:170/244;margin:0 auto;text-decoration:none}.reading .bk-pages{position:absolute;inset:5px -7px -7px 8px;border-radius:3px 8px 8px 3px;background:linear-gradient(135deg,#f6f1e4,#e9e2cf);box-shadow:0 2px rgba(var(--shadow),.04),0 16px 30px -20px rgba(var(--shadow),.45)}.reading .bk-pages:before{content:"";position:absolute;right:0;top:2px;bottom:2px;width:7px;border-radius:0 8px 8px 0;background:repeating-linear-gradient(180deg,rgba(34,28,18,.1) 0 1px,transparent 1px 3px)}.reading .bk-pages:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:7px;border-radius:0 0 8px;background:repeating-linear-gradient(90deg,rgba(34,28,18,.08) 0 1px,transparent 1px 3px)}.bk-cover{position:absolute;inset:0;border-radius:4px 9px 9px 4px;background:var(--card);overflow:hidden;box-shadow:0 1px rgba(var(--shadow),.06),0 10px 18px -14px rgba(var(--shadow),.4)}.bk-cover:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:3;pointer-events:none;background:linear-gradient(90deg,#221c1229,#221c120a 7px,#ffffff4d 10px,#fff0 17px)}.bk-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.bk-ph{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px}.bk-ph:before{content:"";position:absolute;inset:10px;border:1.5px solid rgba(227,73,42,.45);border-radius:3px}.bk-title{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:.14em;text-transform:uppercase;line-height:1.6;color:var(--ink)}.bk-sub{font-family:var(--font-hand);font-size:18px;color:var(--accent);transform:rotate(-2deg)}.np-extras,.rd-extras{position:relative;z-index:4;display:flex;flex-direction:column;margin:0 auto;pointer-events:none}.np-extras{grid-area:nowplaying;width:min(100%,289px)}.rd-extras{grid-area:reading;width:min(100%,170px)}.np-anchor{width:100%;aspect-ratio:340/216;flex:none}.rd-anchor{width:100%;aspect-ratio:170/244;flex:none}.np-note,.rd-note{display:flex;align-items:flex-end;gap:3px;font-family:var(--font-hand);font-size:19.5px;line-height:1;color:var(--accent);white-space:nowrap}.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;align-self:flex-end;margin:7px -6px 0 0;transform:rotate(2deg);font-family:var(--font-hand);font-size:17px;line-height:1;color:var(--accent);text-decoration:none;border-bottom:1.5px dashed color-mix(in srgb,var(--accent) 50%,transparent)}.rd-shelf:hover{border-bottom-style:solid;border-bottom-color:var(--accent)}.np-shelf{pointer-events:auto;align-self:flex-start;margin:7px 0 0 -2px;transform:rotate(-3deg);font-family:var(--font-hand);font-size:17px;line-height:1;color:var(--accent);text-decoration:none;border-bottom:1.5px dashed color-mix(in srgb,var(--accent) 50%,transparent)}.np-shelf:hover{border-bottom-style:solid;border-bottom-color:var(--accent)}.np-shelf[hidden]{display:none}.np-arrow,.rd-arrow{width:52px;height:38px;flex:none;margin-bottom:3px}.np-arrow path,.rd-arrow path{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:url(#wob)}@media(min-width:720px){.nowplaying,.np-extras,.reading,.rd-extras{align-self:start}}@media(min-width:720px)and (max-width:999px){.greet{margin-bottom:10px}.scene{padding-bottom:20px}}@media(max-width:719px){.np-extras{margin:-16px auto 0}.rd-extras{margin:-14px auto 0}.np-anchor,.rd-anchor{display:none}}