:root{--paper: #f2e7cd;--paper-deep: #e6d6b4;--ink: #3a2c1a;--ink-soft: #6b5638;--leather: #5a3a24;--leather-dk: #2e1c0e;--leather-hi: #7c5535;--gold: #ffc46b;--gold-dim: rgba(255,196,107,.18)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Georgia,Times New Roman,serif;background:#17130f;color:var(--ink);overflow-x:hidden}.scene{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(1200px 700px at 65% 30%,#3b2a18,#241a10 55%,#17130f);display:flex;justify-content:center;align-items:flex-start;padding:16vh 4vw 14vh}.scene:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;box-shadow:inset 0 0 160px 60px #000000b8}.floor{position:absolute;left:-5%;right:-5%;bottom:0;height:26vh;background:linear-gradient(180deg,#0000,#1b130c 22%,#120c07)}.floor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 49.6%,rgba(255,220,170,.05) 50%,transparent 50.4%);background-size:190px 100%}.lamp{position:fixed;right:5vw;bottom:8vh;width:14px;z-index:10}.lamp-pole{width:8px;height:30vh;margin:0 auto;border-radius:4px;background:linear-gradient(90deg,#221a12,#4a3a26 40%,#221a12)}.lamp-shade{position:relative;width:96px;height:46px;margin:0 auto 6px;background:linear-gradient(180deg,#c8923f,#7a541f);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-radius:4px}.lamp-glow{position:absolute;right:-320px;bottom:-20vh;width:640px;height:70vh;pointer-events:none;background:radial-gradient(ellipse at 8% 30%,var(--gold-dim) 0%,rgba(255,196,107,.05) 55%,transparent 72%)}.lamp:after{content:"";position:absolute;bottom:0;width:100px;left:50%;transform:translate(-50%);height:26px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at center,rgba(255,196,107,.25),transparent 70%)}.armchair{position:fixed;left:5vw;bottom:8vh;width:300px;height:190px;z-index:20}.ac-back{position:absolute;top:0;left:34px;right:34px;height:150px;border-radius:26px 26px 8px 8px;background:linear-gradient(120deg,var(--leather-dk),var(--leather) 60%,#6d4a2d);transform:perspective(600px) rotateX(14deg) rotateY(-2deg);box-shadow:inset -18px 0 24px #00000059,0 14px 30px #00000073}.ac-seat{position:absolute;bottom:22px;left:0;right:0;height:64px;border-radius:8px 8px 30px 30px;background:linear-gradient(180deg,var(--leather-hi),var(--leather) 70%,var(--leather-dk));box-shadow:inset 0 8px 14px #0003,0 10px 22px #00000080}.ac-cushion{position:absolute;bottom:64px;left:26px;right:26px;height:44px;border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#8a5f3a,var(--leather));box-shadow:inset 0 6px 10px #0000002e}.ac-arm{position:absolute;bottom:22px;width:44px;height:86px;border-radius:20px 20px 10px 10px;background:linear-gradient(90deg,var(--leather-dk),var(--leather) 60%,#6d4a2d);box-shadow:inset 0 8px 12px #00000040,0 8px 16px #0006}.ac-arm.left{left:0}.ac-arm.right{right:0}.ac-leg{position:absolute;bottom:0;width:14px;height:24px;border-radius:3px;background:linear-gradient(90deg,#1d140c,#4a3320)}.ac-leg.l1{left:34px}.ac-leg.l2{right:34px}.table{position:fixed;left:24vw;bottom:9vh;width:150px;height:120px;z-index:15}.t-top{width:150px;height:18px;border-radius:8px;background:linear-gradient(180deg,#7a552f,#52361b);box-shadow:0 8px 16px #00000073}.t-leg{width:12px;height:110px;margin:0 auto;border-radius:4px;background:linear-gradient(90deg,#2c1d10,#5a3a20 45%,#2c1d10)}.t-base{width:70px;height:10px;margin:-2px auto 0;border-radius:6px;background:#3a2716}.mug{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:54px;height:46px;background:linear-gradient(180deg,#4a3a2a,#2c2116);border-radius:6px;box-shadow:0 10px 18px #0006}.mug:after{content:"";position:absolute;right:-13px;top:8px;width:15px;height:20px;border:3px solid #4a3a2a;border-radius:4px}.steam{position:absolute;top:-24px;left:16px;width:3px;height:16px;background:linear-gradient(to top,transparent,rgba(255,255,255,.55),transparent);border-radius:2px;animation:steam 2.6s ease-out infinite}.steam.s2{left:34px;animation-delay:1.3s}.rug{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:5;width:min(80vw,900px);height:26vh;border-radius:50%;background:radial-gradient(ellipse,#4a2f1a,#3a2413 55%,#3a241300 72%);border:2px solid rgba(255,196,107,.06);box-shadow:0 0 80px #00000080}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;pointer-events:none}.back-link{pointer-events:auto;font-family:Courier New,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e8c07a;text-decoration:none;background:#140e0a8c;border:1px solid rgba(232,192,122,.35);padding:9px 16px;border-radius:22px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .25s ease}.back-link:hover{border-color:var(--gold);box-shadow:0 0 18px var(--gold-dim)}.coffee-note{pointer-events:auto;font-family:Courier New,monospace;font-size:.7rem;color:#b9a487;background:#140e0a73;padding:8px 14px;border-radius:18px;border:1px dashed rgba(185,164,135,.3)}.progress{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:45;width:10px;height:38vh;background:#00000080;border-radius:6px;box-shadow:inset 0 0 4px #0009}.progress-fill{width:100%;height:0%;border-radius:6px;background:linear-gradient(180deg,var(--gold),#c8923f);box-shadow:0 0 12px var(--gold-dim)}.book{position:relative;z-index:30;width:min(760px,92vw);background:linear-gradient(90deg,rgba(120,90,50,.08) 0,transparent 6%,transparent 94%,rgba(120,90,50,.08) 100%),linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%);color:var(--ink);padding:54px clamp(28px,7vw,84px) 60px;border-radius:6px;box-shadow:0 40px 90px #0009,0 6px 24px #00000073}.book:before,.book:after{content:"";position:absolute;top:0;bottom:0;width:12px;background:linear-gradient(180deg,#d9c59a,#bfa877)}.book:before{left:6px;border-radius:6px 0 0 6px}.book:after{right:6px;border-radius:0 6px 6px 0}.book-rule{text-align:center;font-family:Courier New,monospace;font-size:.66rem;letter-spacing:.34em;color:var(--ink-soft);margin-bottom:20px}.book-head .roast{display:inline-block;font-family:Courier New,monospace;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#8a6a35;border:1px solid rgba(138,106,53,.4);border-radius:20px;padding:5px 12px;margin-bottom:20px}.book-head h1{font-size:clamp(1.7rem,4.5vw,2.7rem);line-height:1.15;font-weight:600;margin-bottom:16px;text-wrap:balance}.book-meta{font-family:Courier New,monospace;font-size:.72rem;color:var(--ink-soft);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid rgba(58,44,26,.18)}.book p{font-size:clamp(1.02rem,1.8vw,1.15rem);line-height:1.85;color:#44331d;margin-bottom:22px}.book p.first:first-letter{float:left;font-size:3.4em;line-height:.82;padding:6px 10px 0 0;font-weight:600;color:#7a4f20}.book-foot{margin-top:34px;padding-top:22px;border-top:1px solid rgba(58,44,26,.18);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.next-btn{font-family:Courier New,monospace;font-size:.78rem;letter-spacing:.06em;color:var(--ink);background:transparent;border:1px solid rgba(58,44,26,.4);border-radius:24px;padding:10px 20px;cursor:pointer;transition:all .25s ease}.next-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.next-btn:disabled{opacity:.45;cursor:default}.foot-note{font-family:Courier New,monospace;font-size:.7rem;color:var(--ink-soft)}@keyframes steam{0%{opacity:0;transform:translateY(4px) scaleY(.6)}30%{opacity:.7}to{opacity:0;transform:translateY(-18px) scaleY(1.3)}}@media (max-width: 760px){.armchair{transform:scale(.8);left:-4vw;bottom:5vh}.lamp{transform:scale(.85);right:2vw}.table{transform:scale(.85);left:30vw}.topbar{padding:12px 14px}.coffee-note{display:none}.book{padding-top:70px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.steam{display:none}}:root{--ink: #f4efe6;--ink-dim: #cfc6b6;--muted: #9d9280;--faint: #6d6454;--wall: #14110d;--wall-2: #1b1711;--wood: #33240f;--wood-2: #241a0c;--paper: #f6f0e4;--lamp: #ffc46b;--lamp-dim: rgba(255,196,107,.16);--sign: #ff8f5e;--leaf: #6fd3c7;--leaf-dim: rgba(111,211,199,.14);--line: rgba(244,239,230,.09);--f-disp: "Fraunces", serif;--f-body: "Inter", sans-serif;--f-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wall);color:var(--ink);font-family:var(--f-body);line-height:1.55;overflow-x:hidden}body.no-scroll{overflow:hidden}::selection{background:var(--lamp);color:#241a0c}a{color:inherit}button{font-family:inherit}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1200;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1190;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55))}.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle,var(--lamp-dim),transparent 70%);transform:translate(-50%,-50%);left:50%;top:50%;will-change:transform}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:hidden;background:#0b0a07;cursor:pointer}.intro-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.6,.04,.2,1),opacity 1.15s ease}.intro-wall{position:absolute;top:0;bottom:0;left:0;width:50%;background:linear-gradient(90deg,#191512,#0e0c09)}.intro-wall:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(#0a0906,#000)}.intro-floor{position:absolute;left:0;right:0;bottom:0;height:40%;background-image:linear-gradient(90deg,rgba(0,0,0,.4) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.3) 1px,transparent 1px);background-size:90px 46px;background-color:#1d1610;transform:perspective(500px) rotateX(58deg);transform-origin:bottom;opacity:.8}.door{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:left center;transform:rotateY(0);transition:transform 1.8s cubic-bezier(.55,.02,.2,1)}.door-face{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#3d2c19,#51391f 50%,#33240f);box-shadow:inset -10px 0 16px #0000008c,inset 6px 0 10px #ffdcaa0d}.door-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.22) 1px,transparent 1px);background-size:74px 34px}.door-face:after{content:"";position:absolute;left:6%;top:6%;width:88%;height:88%;border:1px solid rgba(0,0,0,.35);background-image:linear-gradient(rgba(0,0,0,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.14) 1px,transparent 1px);background-size:74px 34px}.nameplate{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:54%;padding:14px 10px;text-align:center;background:linear-gradient(180deg,#d9b87a,#a8833f);border:3px solid #6b4f22;border-radius:6px;box-shadow:0 6px 18px #00000080,inset 0 1px #fff6}.nameplate .n{font-family:var(--f-disp);font-size:clamp(1.3rem,3.4vw,2.2rem);color:#2a1c0a;line-height:1.05}.nameplate .s{font-family:var(--f-mono);font-size:.55rem;letter-spacing:.3em;color:#3f2f12;text-transform:uppercase;margin-top:6px}.handle{position:absolute;top:46%;right:4%;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9b0,#b98d3c);box-shadow:0 3px 10px #0009,0 0 0 3px #00000040}.handle:after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:10px;height:4px;border-radius:2px;background:#7d6026}.door-note{position:absolute;bottom:14%;left:8%;font-family:var(--f-mono);font-size:.7rem;color:#c9b78a;background:#00000059;padding:8px 12px;border-radius:6px;transform:rotate(-2deg)}.door.knocking{animation:knock-shake .5s ease}@keyframes knock-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}.intro-light{position:absolute;top:0;right:0;bottom:0;left:50%;background:radial-gradient(ellipse at 26% 42%,rgba(255,201,112,.6),rgba(255,180,90,.14) 55%,transparent 75%);opacity:0;transition:opacity .9s ease .45s}.intro-rays{position:absolute;top:0;right:0;bottom:0;left:50%;overflow:hidden;opacity:0;transition:opacity 1.2s ease .8s}.intro-rays i{position:absolute;top:-10%;height:120%;background:linear-gradient(180deg,transparent,rgba(255,214,140,.14),transparent);filter:blur(6px);animation:ray-sway 7s ease-in-out infinite}.intro-rays i:nth-child(1){left:6%;width:26px;transform:rotate(6deg)}.intro-rays i:nth-child(2){left:34%;width:16px;transform:rotate(-4deg);animation-delay:1.4s}.intro-rays i:nth-child(3){left:58%;width:30px;transform:rotate(3deg);animation-delay:.7s}@keyframes ray-sway{0%,to{opacity:.5}50%{opacity:1}}.intro-hint{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:5;text-align:center;color:var(--faint);font-family:var(--f-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.intro-hint b{color:var(--lamp);font-weight:500}.intro-hint .key{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--ink-dim);margin:0 2px}.frontdesk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#0000,#00000061);transition:opacity .5s ease,transform .5s ease}.frontdesk.gone{opacity:0;transform:translateY(-26px) scale(.96);pointer-events:none}.fd-card{width:min(380px,86vw);background:var(--paper);color:#3a3326;border-radius:6px;padding:32px 28px 22px;position:relative;box-shadow:0 30px 70px #0000008c;transform:rotate(-1deg)}.fd-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;opacity:.4;pointer-events:none;background-image:repeating-linear-gradient(180deg,transparent 0 24px,rgba(140,130,160,.25) 24px 25px)}.fd-clip{position:absolute;top:-13px;left:50%;transform:translate(-50%);width:74px;height:24px;border-radius:4px;z-index:2;background:linear-gradient(180deg,#9a8570,#6d5a44);box-shadow:0 5px 10px #00000059,inset 0 1px #ffffff59}.fd-clip:after{content:"";position:absolute;left:14px;right:14px;top:9px;height:3px;background:#0000004d;border-radius:2px}.fd-card .fd-eyebrow{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#8a7a5c;display:flex;align-items:center;gap:8px;position:relative}.fd-card .fd-eyebrow:after{content:"";flex:1;height:1px;background:#96785059}.fd-card h3{font-family:var(--f-disp);font-weight:500;font-size:1.4rem;color:#2a2419;margin:14px 0 6px;position:relative}.fd-card p{font-size:.85rem;color:#6a604e;position:relative}.fd-card input{width:100%;margin-top:16px;padding:11px 12px;position:relative;border:2px solid rgba(150,120,80,.4);border-radius:6px;background:#fffdf6;font-family:var(--f-mono);font-size:.9rem;color:#3a3326;outline:none}.fd-card input:focus{border-color:#b0844a;box-shadow:0 0 0 3px #b0844a33}.fd-btn{width:100%;margin-top:12px;padding:11px;border:none;border-radius:6px;cursor:pointer;background:linear-gradient(120deg,#b0844a,#8a6534);color:#fff8ec;font-family:var(--f-mono);font-size:.82rem;letter-spacing:.08em;position:relative;transition:filter .2s ease,transform .2s ease}.fd-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.fd-skip{width:100%;margin-top:8px;padding:8px;border:none;background:none;cursor:pointer;font-family:var(--f-mono);font-size:.66rem;color:#9a8f77;position:relative}.fd-skip:hover{color:#6a604e;text-decoration:underline}.visitor-badge{position:absolute;top:20%;left:6%;z-index:6;opacity:0;transform:rotate(-3deg) scale(.8);transition:all .6s cubic-bezier(.2,.7,.2,1);background:var(--paper);color:#3a3326;border-radius:4px;padding:10px 14px;box-shadow:0 10px 24px #00000073;font-family:var(--f-mono);font-size:.72rem}.visitor-badge.show{opacity:1;transform:rotate(-3deg) scale(1)}.visitor-badge .vb-t{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#8a7a5c}.visitor-badge .vb-n{color:#3a3326;font-weight:500;margin-top:2px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intercom{position:absolute;left:50%;bottom:100px;transform:translate(-50%) translateY(12px);z-index:7;opacity:0;transition:all .5s ease;font-family:var(--f-mono);font-size:.8rem;color:#ffe9b3;background:#00000073;border:1px solid rgba(255,233,179,.25);padding:10px 18px;border-radius:22px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.intercom.show{opacity:1;transform:translate(-50%) translateY(0)}.intro.entered .intro-stage{transform:scale(1.5);opacity:0}.intro.entered{pointer-events:none}@keyframes door-light-flick{0%,to{opacity:1}92%{opacity:1}94%{opacity:.6}96%{opacity:1}98%{opacity:.8}}.intro.entered .intro-light{animation:door-light-flick 2s ease}.controls{position:fixed;right:18px;top:18px;z-index:1400;display:flex;gap:8px}.controls button{background:#14110dcc;border:1px solid var(--line);color:var(--ink-dim);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls button:hover{border-color:var(--lamp);color:var(--lamp);box-shadow:0 0 14px var(--lamp-dim)}.controls .label{width:auto;padding:0 14px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;color:var(--faint)}.controls .desk-link{background:#14110dcc;border:1px solid var(--line);color:var(--ink-dim);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls .desk-link:hover{border-color:var(--leaf);color:var(--leaf);box-shadow:0 0 14px var(--leaf-dim)}.room-nav{position:fixed;left:22px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:0}.room-nav .track{position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--line)}.room-nav .track-fill{position:absolute;left:0;top:0;width:100%;height:0%;background:linear-gradient(var(--lamp),var(--leaf));box-shadow:0 0 10px var(--lamp);transition:height .2s linear}.nav-node{position:relative;display:flex;align-items:center;gap:12px;padding:13px 0;cursor:pointer;background:none;border:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--faint);text-align:left;text-transform:uppercase}.nav-node .dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;background:var(--wall-2);border:2px solid var(--line);transition:all .3s ease}.nav-node .label{opacity:0;transform:translate(-6px);transition:all .25s ease;white-space:nowrap}.room-nav:hover .label{opacity:1;transform:translate(0)}.nav-node.active .dot{background:var(--lamp);border-color:var(--lamp);box-shadow:0 0 10px var(--lamp)}.nav-node.active .label{color:var(--ink);opacity:1;transform:translate(0)}@media (max-width:900px){.room-nav{display:none}}.room{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px 24px 90px;overflow:hidden;border-bottom:1px solid var(--line)}.room-content{position:relative;z-index:2;width:100%;max-width:1080px}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--lamp);margin-bottom:16px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--lamp)}.room .title{font-family:var(--f-disp);font-weight:500;font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-.01em;margin-bottom:10px}.room .sub{color:var(--muted);max-width:600px;margin-bottom:44px;font-size:1.02rem}.room-tag{position:absolute;top:22px;right:26px;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;color:var(--faint)}.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:translateY(0)}.rd1{transition-delay:.08s}.rd2{transition-delay:.16s}.rd3{transition-delay:.24s}.rd4{transition-delay:.32s}.rd5{transition-delay:.4s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}.cursor-glow{display:none}.plant,.steam,.ceiling-light-cone,.intro-rays i{animation:none}.intro{transition:none}}#office{padding-top:40px;background:radial-gradient(120% 80% at 50% 0%,#201a12 0%,var(--wall) 60%)}.hero-copy{position:relative;z-index:6;text-align:center;margin-top:56px}.hero-copy .name{font-family:var(--f-disp);font-weight:500;font-size:clamp(2.6rem,7vw,5.2rem);letter-spacing:-.02em;line-height:1.02}.hero-copy .name em{font-style:italic;color:var(--lamp)}.hero-copy .wel{font-family:var(--f-mono);font-size:clamp(.74rem,1.6vw,.9rem);letter-spacing:.24em;text-transform:uppercase;color:var(--leaf);margin-bottom:18px}.hero-copy .byline{color:var(--muted);max-width:520px;margin:20px auto 0;font-size:1.05rem}.hero-copy .byline a{color:var(--lamp);text-decoration:none;border-bottom:1px dashed var(--lamp)}.hero-copy .byline a:hover{border-bottom-style:solid}.office-stage{position:relative;width:min(980px,96vw);height:min(58vh,470px);margin:8px auto 0;z-index:2}.hero-floor{position:absolute;left:-20%;right:-20%;bottom:-40px;height:52%;background-color:#2a1d10;background-image:linear-gradient(90deg,rgba(0,0,0,.32) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.22) 1px,transparent 1px);background-size:90px 46px;transform:perspective(600px) rotateX(58deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(to top,black,transparent 82%);mask-image:linear-gradient(to top,black,transparent 82%)}.back-shelf{position:absolute;top:2%;left:50%;transform:translate(-50%);width:min(460px,60vw);height:150px;background:linear-gradient(180deg,#2b1f12,#1d1409);border:1px solid rgba(0,0,0,.5);border-radius:6px;box-shadow:0 10px 30px #0006}.back-shelf:after{content:"";position:absolute;left:0;right:0;bottom:34px;height:6px;background:#241809;border-radius:3px;box-shadow:0 0 0 1px #0006}.back-book{position:absolute;bottom:6px;width:16px;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 1px #0003}.back-book.b1{left:30px;height:66px;background:#7c5a3a;transform:rotate(1deg)}.back-book.b2{left:52px;height:52px;background:#3f5d63;transform:rotate(-2deg)}.back-book.b3{left:74px;height:74px;background:#8a5f7a}.back-book.b4{left:96px;height:44px;background:#5d6b3a;transform:rotate(2deg)}.back-book.b5{right:30px;height:60px;background:#6a4a7a}.back-book.b6{right:52px;height:72px;background:#a06a3a;transform:rotate(-1.5deg)}.back-book.b7{right:74px;height:50px;background:#4a6a8a}.ceiling-lamp{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:76px;background:linear-gradient(#ffc46b26,#ffc46bb3);z-index:5}.ceiling-lamp:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#ffe9b3,#ffb954);box-shadow:0 0 40px 20px var(--lamp-dim);animation:lamp-flick 6s ease-in-out infinite}.ceiling-light-cone{position:absolute;top:80px;left:50%;transform:translate(-50%);width:320px;height:300px;z-index:0;opacity:.9;background:linear-gradient(to bottom,rgba(255,196,107,.16),transparent 82%);filter:blur(10px);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}@keyframes lamp-flick{0%,88%,to{opacity:1}90%{opacity:.75}92%{opacity:1}94%{opacity:.85}}.window{position:absolute;top:6%;left:4%;width:min(260px,30vw);height:min(212px,26vh);background:linear-gradient(180deg,#2a1c3e,#3a2a52 42%,#9a5a54 72%,#ffb36b);border:10px solid #2b1f14;border-radius:4px;box-shadow:0 12px 34px #00000080;overflow:hidden;z-index:4}.window .stars{position:absolute;top:0;right:0;bottom:0;left:0}.window .stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffe9b3;animation:twinkle 3.4s ease-in-out infinite}.window .stars i:nth-child(1){top:16%;left:18%}.window .stars i:nth-child(2){top:30%;left:62%}.window .stars i:nth-child(3){top:10%;left:44%;animation-delay:1s}.window .stars i:nth-child(4){top:40%;left:26%;animation-delay:.5s}.window .stars i:nth-child(5){top:24%;left:80%;animation-delay:1.6s}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}.window .moon{position:absolute;top:16px;right:20px;width:30px;height:30px;border-radius:50%;background:#ffe9b3;box-shadow:0 0 26px 10px #ffe9b359}.window .skyline{position:absolute;left:0;right:0;bottom:0;height:62px;background:#211726;clip-path:polygon(0% 100%,0% 72%,6% 72%,6% 55%,12% 55%,12% 80%,18% 80%,18% 42%,24% 42%,24% 62%,30% 62%,30% 28%,33% 28%,33% 20%,36% 20%,36% 28%,42% 28%,42% 68%,48% 68%,48% 38%,54% 38%,54% 56%,60% 56%,60% 24%,66% 24%,66% 50%,72% 50%,72% 32%,78% 32%,78% 58%,84% 58%,84% 40%,90% 40%,90% 64%,96% 64%,96% 46%,100% 46%,100% 100%)}.window .skyline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle 1px at 20% 40%,#ffe9b3 0 1px,transparent 1px),radial-gradient(circle 1px at 60% 20%,#ffe9b3 0 1px,transparent 1px),radial-gradient(circle 1px at 85% 55%,#ffe9b3 0 1px,transparent 1px),radial-gradient(circle 1px at 45% 65%,#ffe9b3 0 1px,transparent 1px);opacity:.8}.window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-image:linear-gradient(#2b1f14,#2b1f14),linear-gradient(#2b1f14,#2b1f14);background-size:7px 100%,100% 7px;background-position:center,center;background-repeat:no-repeat;box-shadow:inset 0 0 0 2px #ffdcaa0f}.windowsill{position:absolute;bottom:-8px;left:-4%;width:108%;height:10px;background:linear-gradient(180deg,#4a351f,#2a1d12);border-radius:3px}.plant{position:absolute;bottom:10px;right:4%;width:120px;z-index:4;transform-origin:bottom center;animation:sway 7s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(2.5deg)}}.plant-pot{width:74px;height:54px;margin:0 auto;position:relative;background:linear-gradient(180deg,#b36a3a,#8a4f28);clip-path:polygon(16% 0,84% 0,71% 100%,29% 100%);box-shadow:0 8px 20px #0006}.leaf{position:absolute;border-radius:60% 60% 60% 12%;background:radial-gradient(circle at 30% 38%,#7fd38a,#2f7a46);opacity:.95}.plant .l1{width:46px;height:20px;top:-6px;left:-14px;transform:rotate(48deg)}.plant .l2{width:40px;height:17px;top:-4px;left:8px;transform:rotate(82deg)}.plant .l3{width:44px;height:19px;top:-8px;left:30px;transform:rotate(128deg)}.plant .l4{width:36px;height:15px;top:-2px;left:44px;transform:rotate(150deg)}.plant .l5{width:38px;height:16px;top:-10px;left:12px;transform:rotate(100deg)}.desk{position:absolute;left:50%;transform:translate(-50%);bottom:14px;width:min(600px,84vw);height:150px;z-index:5}.desk-top{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px 6px 4px 4px;background:linear-gradient(180deg,#6b4a26,#4a3118 55%,#2c1d0c);box-shadow:inset 0 2px #ffd2961f,inset 0 -8px 18px #0006,0 20px 40px #00000080}.desk-top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background-image:repeating-linear-gradient(88deg,rgba(0,0,0,.12) 0 3px,transparent 3px 7px);opacity:.5}.desk-front{position:absolute;left:0;right:0;bottom:-26px;height:26px;background:linear-gradient(180deg,#3a2814,#221606);border-radius:0 0 6px 6px}.desk-front:before{content:"";position:absolute;left:12%;right:12%;top:6px;height:4px;border-radius:2px;background:#4a3419}.desk-legs{position:absolute;bottom:-26px;width:12px;height:52px;background:linear-gradient(90deg,#241809,#0e0904)}.desk-legs.l{left:26px}.desk-legs.r{right:26px}.monitor{position:absolute;top:-152px;left:50%;transform:translate(-50%);width:290px;z-index:6;filter:drop-shadow(0 16px 22px rgba(0,0,0,.4))}.monitor-screen{height:150px;background:#0b111e;border:5px solid #161b26;border-radius:6px;padding:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,inset 0 0 30px #0009}.monitor-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(111,211,199,.06),transparent 60%)}.monitor-screen .term{font-family:var(--f-mono);font-size:.66rem;line-height:1.7;color:#8aa9c8;white-space:pre}.monitor-screen .term .c{color:var(--leaf)}.monitor-screen .term .w{color:#e8c07a}.monitor-screen .cur{display:inline-block;width:8px;height:12px;background:var(--leaf);vertical-align:-2px;animation:blink 1.1s steps(2) infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}}.monitor-neck{width:56px;height:12px;margin:0 auto;background:linear-gradient(180deg,#232833,#12151d);border-radius:0 0 3px 3px}.monitor-base{width:130px;height:8px;margin:0 auto;border-radius:4px;background:linear-gradient(180deg,#2c333f,#12151d)}.monitor-note{position:absolute;top:-10px;right:-8px;transform:rotate(3deg);font-family:var(--f-mono);font-size:.62rem;color:#4c4018;background:#ffe08a;padding:6px 8px;border-radius:2px;box-shadow:0 4px 10px #00000059}.monitor-note:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(-2deg);width:34px;height:10px;background:#ffffff73}.mug{position:absolute;top:-58px;left:6%;width:40px;height:44px;z-index:6}.mug:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:linear-gradient(180deg,#3d4d57,#232e36);box-shadow:0 6px 12px #00000059}.mug:after{content:"";position:absolute;right:-10px;top:8px;width:14px;height:22px;border-radius:4px;border:3px solid #3d4d57}.mug .steam{position:absolute;top:-20px;left:10px;width:2px;height:12px;background:linear-gradient(to top,transparent,rgba(255,255,255,.55),transparent);opacity:0;animation:steam 2.4s ease-out infinite}.mug .steam.s2{left:22px;animation-delay:1.2s}@keyframes steam{0%{opacity:0;transform:translateY(4px) scaleY(.6)}30%{opacity:.7}to{opacity:0;transform:translateY(-16px) scaleY(1.3)}}.notebook{position:absolute;top:-70px;right:8%;width:96px;height:66px;z-index:6;background:var(--paper);border-radius:3px;box-shadow:0 10px 22px #0006;transform:rotate(-2deg)}.notebook:before{content:"";position:absolute;top:6px;bottom:6px;left:10px;right:10px;background-image:repeating-linear-gradient(180deg,transparent 0 12px,rgba(140,130,160,.35) 12px 13px)}.notebook:after{content:"things to build";position:absolute;left:16px;top:20px;font-family:var(--f-mono);font-size:.5rem;color:#6a5a8a;transform:rotate(-4deg);background:#fff;padding:1px 3px}.hero-anim{opacity:0}body.entered .hero-anim{animation:hero-in .9s cubic-bezier(.2,.7,.2,1) forwards}body.entered .ha1{animation-delay:.15s}body.entered .ha2{animation-delay:.45s}body.entered .ha3{animation-delay:.75s}body.entered .ha4{animation-delay:1.05s}body.entered .ha5{animation-delay:1.3s}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}body.entered .office-stage{animation:stage-settle 1.4s cubic-bezier(.2,.7,.2,1) .3s both}@keyframes stage-settle{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.hero-anim{opacity:1;animation:none}body.entered .office-stage{animation:none}}#desk{background:radial-gradient(110% 90% at 50% 100%,#1d1810,var(--wall))}.notecard{background:var(--paper);color:#3a3326;border-radius:8px;padding:34px 34px 28px;max-width:760px;position:relative;box-shadow:0 30px 60px #00000080}.notecard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;opacity:.45;pointer-events:none;background-image:repeating-linear-gradient(180deg,transparent 0 26px,rgba(140,130,160,.28) 26px 27px)}.notecard .ring{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#8a8578,#4c4638);box-shadow:0 6px 14px #0006,inset 0 4px 8px #ffffff40}.notecard .ring:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 2px 4px #00000040}.notecard h3{font-family:var(--f-disp);font-weight:500;font-size:1.5rem;color:#2a2419;display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative}.notecard h3:after{content:"";height:2px;flex:1;background:#96785059}.notecard p{color:#4a4234;font-size:.98rem;margin-bottom:14px;position:relative}.notecard strong{color:#241f14;font-weight:600}.notecard .hand{font-family:var(--f-mono);font-size:.74rem;color:#8a6a4a}.notecard ul{list-style:none;margin:6px 0 16px;position:relative}.notecard li{padding-left:22px;position:relative;color:#4a4234;font-size:.94rem;margin-bottom:7px}.notecard li:before{content:"—";position:absolute;left:2px;color:#b0844a;font-family:var(--f-mono)}.notecard .sign{margin-top:22px;font-family:var(--f-mono);font-size:.8rem;color:#8a6a4a;transform:rotate(-1deg);position:relative}.business-card{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.biz{background:linear-gradient(160deg,#2a231a,#1d1812);border:1px solid var(--line);border-radius:12px;padding:18px 22px;min-width:230px;display:flex;align-items:center;gap:14px}.biz .avatar{width:48px;height:48px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--lamp-dim),var(--leaf-dim));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--f-disp);font-size:1.1rem;color:var(--lamp)}.biz .who{font-family:var(--f-disp);font-size:1.05rem}.biz .what{font-family:var(--f-mono);font-size:.66rem;color:var(--leaf);letter-spacing:.1em;text-transform:uppercase;margin:3px 0 8px}.biz .meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}.biz .meta span{display:flex;align-items:center;gap:6px}.biz .meta .k{width:5px;height:5px;border-radius:50%;background:var(--lamp);box-shadow:0 0 6px var(--lamp)}#wall{background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 3px,transparent 3px 46px),repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 3px,transparent 3px 44px),radial-gradient(120% 100% at 50% 30%,#211c13,#17130d)}.polaroid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px}.polaroid{background:#f4ecdc;padding:12px 12px 14px;border-radius:3px;position:relative;box-shadow:0 14px 34px #00000080;transform:rotate(var(--rot, 0deg)) translateY(var(--lift,0));transition:transform .35s ease,box-shadow .35s ease}.polaroid:nth-child(odd){--rot:-1.6deg}.polaroid:nth-child(2n){--rot:1.4deg}.polaroid:nth-child(3n){--rot:-.8deg}.polaroid:hover{transform:rotate(0) translateY(-6px);box-shadow:0 22px 44px #0009;z-index:8}.polaroid .pin{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;z-index:3;background:radial-gradient(circle at 35% 30%,#ff9a7a,#c23b1e);box-shadow:0 2px 5px #00000080,inset 0 1px 2px #ffffff80}.polaroid .pin:after{content:"";position:absolute;top:4px;left:4px;width:3px;height:3px;border-radius:50%;background:#ffffff8c}.polaroid .photo{height:148px;border-radius:2px;position:relative;overflow:hidden;background:#24281f}.polaroid .photo .t{position:absolute;bottom:6px;left:8px;font-family:var(--f-mono);font-size:.56rem;color:#ffffffd9;letter-spacing:.06em}.polaroid .cap{font-family:var(--f-mono);font-size:.74rem;color:#4a4334;padding:10px 4px 0;display:flex;justify-content:space-between;gap:8px;align-items:baseline}.polaroid .cap small{color:#9a8f77;font-size:.6rem}.polaroid .blurb{font-size:.82rem;color:#6a604e;margin-top:6px;line-height:1.5}.photo.art-timesheet{background:linear-gradient(160deg,#244a52,#122028)}.photo.art-timesheet:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgba(111,211,199,.4);border-radius:2px;background-image:linear-gradient(rgba(111,211,199,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(111,211,199,.25) 1px,transparent 1px);background-size:14px 14px}.photo.art-media{background:linear-gradient(200deg,#3a1f3e,#14141d)}.photo.art-media:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:3px;background:linear-gradient(90deg,transparent 42%,rgba(255,180,120,.5) 43%,rgba(255,180,120,.5) 45%,transparent 46%),linear-gradient(0deg,transparent 42%,rgba(255,180,120,.5) 43%,rgba(255,180,120,.5) 45%,transparent 46%);background-size:100% 100%;opacity:.55}.photo.art-hotel{background:linear-gradient(160deg,#4a2c1e,#1d120c)}.photo.art-hotel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(180deg,rgba(255,179,107,.25),transparent);clip-path:polygon(0 100%,0 40%,8% 40%,8% 20%,16% 20%,16% 55%,24% 55%,24% 10%,32% 10%,32% 45%,40% 45%,40% 60%,48% 60%,48% 25%,56% 25%,56% 50%,64% 50%,64% 15%,72% 15%,72% 55%,80% 55%,80% 35%,88% 35%,88% 60%,96% 60%,96% 30%,100% 30%,100% 100%)}.photo.art-site{background:linear-gradient(160deg,#263a2c,#111b16)}.photo.art-site:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:2px;background:#1b2a20;box-shadow:inset 0 0 0 1px #6fd3c759}.photo.art-site:before{content:"";position:absolute;left:50%;top:16px;bottom:16px;width:2px;background:var(--leaf);box-shadow:0 0 12px var(--leaf-dim);animation:blink 1.4s steps(2) infinite}.photo.art-this{background:linear-gradient(160deg,#2a2438,#14111d)}.photo.art-this:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--lamp),transparent);box-shadow:0 0 10px var(--lamp)}#bookshelf{background:radial-gradient(110% 90% at 50% 0%,#1e1810,var(--wall))}.shelf-unit{max-width:860px;margin:0 auto;position:relative;background:linear-gradient(180deg,#33230f,#241708);border-radius:10px;padding:26px 26px 10px;box-shadow:inset 0 2px #ffd29614,0 30px 60px #00000080}.shelf-unit:before,.shelf-unit:after{content:"";position:absolute;left:8px;right:8px;height:7px;border-radius:4px;background:#4a3419;box-shadow:0 0 0 1px #0006}.shelf-unit:before{top:26px}.shelf-unit:after{bottom:10px}.book{position:relative;background:#2a2015;border-radius:8px;overflow:hidden;margin-bottom:34px;padding-top:46px;box-shadow:0 14px 34px #00000073}.book .spine{position:absolute;top:0;left:0;right:0;padding:12px 22px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.4)}.book .spine .role{font-family:var(--f-disp);font-weight:500;font-size:1.15rem;color:var(--ink)}.book .spine .org{font-family:var(--f-mono);font-size:.72rem;color:var(--ink-dim)}.book .spine .year{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;color:var(--faint)}.book .pages{padding:20px 26px 24px}.book .pages ul{list-style:none}.book .pages li{position:relative;padding-left:20px;color:var(--muted);font-size:.9rem;margin-bottom:9px}.book .pages li:before{content:"›";position:absolute;left:0;color:var(--lamp);font-family:var(--f-mono)}.book.salesforce .spine{background:linear-gradient(120deg,#2c4a3a,#1d3327)}.book.frontend .spine{background:linear-gradient(120deg,#4a2f3e,#311f2a)}.book.early .spine{background:linear-gradient(120deg,#4a3a1e,#2e2412)}.book .filing{position:absolute;bottom:0;left:0;right:0;height:6px;background:#4a3419;border-radius:0 0 8px 8px}#whiteboard{background:radial-gradient(110% 100% at 50% 30%,#211c13,#17130d)}.whiteboard{max-width:900px;margin:0 auto;position:relative;background:radial-gradient(ellipse at 50% 40%,#f2f7f3,#d7e2dc);border:14px solid #b19a7e;border-radius:12px;padding:40px 34px 30px;box-shadow:inset 0 0 70px #00000017,0 30px 60px #00000080}.whiteboard:before{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:120px;height:14px;border-radius:3px;background:linear-gradient(180deg,#c9b294,#9a8060);box-shadow:0 3px 6px #0000004d}.board-title{font-family:var(--f-mono);font-weight:500;font-size:1rem;color:#2c4a3a;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:6px}.board-title span{border-bottom:3px solid #5f9c83;padding-bottom:3px}.board-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:28px;position:relative}.bgroup{position:relative}.bgroup h4{font-family:var(--f-mono);font-size:.78rem;color:#3d4a37;margin-bottom:10px;display:flex;align-items:center;gap:8px}.bgroup h4 i{font-style:normal;width:10px;height:10px;border-radius:2px;display:inline-block}.bgroup .chips{display:flex;flex-wrap:wrap;gap:8px}.board-chip{font-family:var(--f-mono);font-size:.72rem;color:#33413a;background:#ffffff8c;border:2px solid rgba(95,156,131,.35);padding:4px 10px;border-radius:20px;transform:rotate(var(--tilt,0deg))}.bgroup:nth-child(odd) .board-chip{--tilt:-.6deg}.bgroup:nth-child(2n) .board-chip{--tilt:.6deg}.sticky-wrap{position:relative;margin-top:34px;display:flex;flex-wrap:wrap;gap:18px}.sticky{flex:1 1 180px;background:#ffe08a;padding:12px 14px;border-radius:2px;font-family:var(--f-mono);font-size:.74rem;color:#4c4018;position:relative;box-shadow:0 8px 16px #00000047;transform:rotate(var(--tilt,1deg))}.sticky:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:44px;height:12px;background:#ffffff80;border-radius:1px}.sticky .t{font-weight:500;color:#3f3413}.sticky.blue{background:#a8d8f0;color:#23404f}.sticky.blue .t{color:#1c3542}.sticky.pink{background:#f3b6c6;color:#5b2c3a}.sticky.pink .t{color:#4b2230}.marker-tray{margin-top:30px;display:flex;align-items:center;gap:12px;justify-content:center;padding-top:20px;border-top:2px dashed rgba(90,130,110,.4)}.marker-tray .m{width:10px;height:34px;border-radius:2px;background:#333;position:relative}.marker-tray .m:before{content:"";position:absolute;bottom:-4px;left:-2px;width:14px;height:8px;background:#222;border-radius:2px}.marker-tray .m:after{content:"";position:absolute;top:-5px;left:-1px;width:12px;height:6px;border-radius:2px}.marker-tray .m.red:after{background:#d96a5a}.marker-tray .m.blue:after{background:#5a86d9}.marker-tray .m.green:after{background:#6aa85a}.marker-tray .m.black:after{background:#3a3a3a}.marker-tray .cap{font-family:var(--f-mono);font-size:.7rem;color:#3c5a4bcc}#window{border-bottom:none;padding-bottom:60px;background:linear-gradient(180deg,#161226,#251a3a 45%,#6b3f4a 78%,#b3624f)}#window .stars-full{position:absolute;top:0;right:0;bottom:0;left:0}#window .stars-full i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffe9b3;animation:twinkle 3.4s ease-in-out infinite}#window .stars-full i:nth-child(1){top:8%;left:12%}#window .stars-full i:nth-child(2){top:14%;left:34%;animation-delay:.8s}#window .stars-full i:nth-child(3){top:6%;left:56%}#window .stars-full i:nth-child(4){top:18%;left:78%;animation-delay:1.3s}#window .stars-full i:nth-child(5){top:26%;left:22%;animation-delay:.4s}#window .stars-full i:nth-child(6){top:10%;left:90%}#window .moon-full{position:absolute;top:7%;right:12%;width:56px;height:56px;border-radius:50%;background:#ffe9b3;box-shadow:0 0 60px 24px #ffe9b359}#window .skyline-full{position:absolute;left:0;right:0;bottom:0;height:38%;background:#1a1222d9;clip-path:polygon(0 100%,0 60%,4% 60%,4% 38%,9% 38%,9% 70%,14% 70%,14% 30%,20% 30%,20% 55%,25% 55%,25% 20%,28% 20%,28% 12%,31% 12%,31% 20%,37% 20%,37% 58%,42% 58%,42% 34%,48% 34%,48% 50%,54% 50%,54% 22%,59% 22%,59% 44%,65% 44%,65% 28%,71% 28%,71% 52%,77% 52%,77% 36%,82% 36%,82% 58%,88% 58%,88% 40%,93% 40%,93% 62%,97% 62%,97% 44%,100% 44%,100% 100%)}.window-copy{position:relative;z-index:4;text-align:center;padding-top:90px}.window-copy .eyebrow{justify-content:center;color:var(--lamp)}.window-copy .eyebrow:before{background:var(--lamp)}.window-copy h2{font-family:var(--f-disp);font-weight:500;font-size:clamp(2rem,5vw,3.2rem);color:#fff2e4}.window-copy p{color:#d8c8e8;max-width:520px;margin:18px auto 34px;font-size:1.02rem}.window-copy p a{color:#ffe9b3}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.contact-link{display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:30px;border:1px solid rgba(255,240,230,.2);font-family:var(--f-mono);font-size:.82rem;color:#fff;text-decoration:none;transition:all .25s ease;background:#140e1e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-link:hover{border-color:var(--lamp);box-shadow:0 0 22px var(--lamp-dim);transform:translateY(-2px);color:var(--lamp)}.exit-foot{margin-top:44px;font-family:var(--f-mono);font-size:.72rem;color:#8f7fb2;text-align:center;position:relative;z-index:4}.polaroid{cursor:pointer}.polaroid:after{content:"open case file →";position:absolute;right:10px;bottom:9px;font-family:var(--f-mono);font-size:.58rem;letter-spacing:.06em;color:#b0844a;opacity:0;transform:translateY(3px);transition:all .3s ease;pointer-events:none}.polaroid:hover:after,.polaroid:focus:after{opacity:1;transform:none}.polaroid:focus-visible{outline:2px solid var(--lamp);outline-offset:4px}.dossier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:none;align-items:center;justify-content:center;background:#0a0805c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px}.dossier.open{display:flex;animation:fade-in .35s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dossier-card{width:min(760px,94vw);max-height:88vh;overflow:hidden;position:relative;background:#efe6d2;color:#3a2a18;border-radius:10px;box-shadow:0 40px 90px #0009;display:flex;flex-direction:column;animation:file-in .45s cubic-bezier(.2,.7,.2,1)}@keyframes file-in{0%{opacity:0;transform:translateY(24px) rotate(-1deg) scale(.97)}to{opacity:1;transform:none}}.dossier-top{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#c9a86a,#a8823f);padding:12px 18px;border-bottom:3px solid #8a6534}.dossier-top .dt-folder{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.22em;color:#2a1c0a;text-transform:uppercase}.dossier-top .dt-close{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:#2a1c0a;color:#e8c07a;font-size:15px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.dossier-top .dt-close:hover{transform:rotate(90deg)}.dossier-body{overflow-y:auto;padding:26px 30px 20px}.dossier-photo{height:170px;border-radius:6px;margin-bottom:18px;position:relative;overflow:hidden}.dossier-body .d-title{font-family:var(--f-disp);font-weight:500;font-size:1.7rem;color:#241c10}.dossier-body .d-meta{font-family:var(--f-mono);font-size:.72rem;color:#8a6a3a;margin:6px 0 4px}.dossier-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.dossier-chip{font-family:var(--f-mono);font-size:.7rem;padding:4px 10px;border-radius:14px;border:1px solid #a8823f;color:#6b4a22;background:#fff6}.dossier-sec{margin-bottom:16px}.dossier-sec h4{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#a8823f;display:flex;align-items:center;gap:10px;margin-bottom:8px}.dossier-sec h4:after{content:"";flex:1;height:1px;background:#96785066}.dossier-sec p{font-size:.92rem;color:#4a4034;margin-bottom:8px;line-height:1.6}.dossier-sec ul{list-style:none}.dossier-sec li{padding-left:18px;position:relative;font-size:.9rem;color:#4a4034;margin-bottom:6px}.dossier-sec li:before{content:"▸";position:absolute;left:0;color:#a8823f}.dossier-stamp{position:absolute;top:14px;right:14px;transform:rotate(8deg);font-family:var(--f-mono);font-size:.66rem;letter-spacing:.2em;color:#b0402e;border:2px solid #b0402e;border-radius:4px;padding:4px 10px;opacity:.85}.dossier-nav{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;border-top:2px dashed rgba(150,120,80,.5);background:#e4d8bd}.dossier-nav button{background:#8a6534;color:#fff8ec;border:none;border-radius:6px;padding:9px 16px;font-family:var(--f-mono);font-size:.74rem;cursor:pointer;transition:filter .2s}.dossier-nav button:hover{filter:brightness(1.12)}.dossier-nav button:disabled{opacity:.35;cursor:default}#cafe{background:radial-gradient(140% 120% at 50% 0%,#2a1a0c,#1c1006 55%,#150c05)}.cafe-sign{text-align:center;font-family:var(--f-mono);letter-spacing:.28em;color:#e8c07a;border-top:2px solid #6b4a2a;border-bottom:2px solid #6b4a2a;padding:14px 0;margin-bottom:34px;font-size:clamp(.78rem,2vw,1.02rem);text-transform:uppercase}.cafe-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.cafe-card{background:#f2e8d5;color:#3a2a18;border-radius:4px;padding:20px 20px 14px;position:relative;box-shadow:0 16px 34px #00000073}.cafe-card:before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px;background-image:radial-gradient(circle at 6px 0,transparent 5px,#d9b879 5.5px);background-size:12px 6px;background-repeat:repeat-x}.cafe-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background-image:radial-gradient(circle at 6px 4px,transparent 5px,#d9b879 5.5px);background-size:12px 6px;background-repeat:repeat-x}.cafe-card .cup{position:absolute;top:16px;right:18px;width:20px;height:17px;border:2px solid #6b4a2a;border-radius:2px 2px 6px 6px}.cafe-card .cup:before{content:"";position:absolute;right:-8px;top:3px;width:6px;height:7px;border:2px solid #6b4a2a;border-left:none;border-radius:0 4px 4px 0}.cafe-card .cup:after{content:"";position:absolute;top:-9px;left:6px;width:2px;height:7px;background:linear-gradient(to top,transparent,rgba(140,90,40,.6),transparent);animation:steam 2s ease-out infinite}.cafe-card .roast{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#a8823f;margin-bottom:8px;padding-right:40px}.cafe-card h3{font-family:var(--f-disp);font-weight:500;font-size:1.15rem;color:#241a0c;margin-bottom:8px}.cafe-card .body{font-size:.88rem;color:#5a4a30;line-height:1.55;margin-bottom:12px}.cafe-card .meta{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:.66rem;color:#8a6a3a;border-top:1px dashed rgba(140,110,60,.5);padding-top:10px}.cafe-card .meta .read{margin-left:auto;color:#6b4a22}.cafe-card .meta .unpin{margin-left:auto;border:none;background:#e6d5ae;color:#7a4a2e;cursor:pointer;font-family:var(--f-mono);font-size:.7rem;padding:2px 7px;border-radius:4px;border:1px solid rgba(122,74,46,.4)}.cafe-card .meta .unpin:hover{background:#d9c39a}.cafe-empty{grid-column:1/-1;text-align:center;font-family:var(--f-mono);font-size:.82rem;color:#8a6a3a;padding:30px;border:1px dashed #8a6a3a;border-radius:8px}.cafe-counter{max-width:720px;margin:0 auto;background:linear-gradient(180deg,#3a2414,#241408);border:1px solid #6b4a2a;border-radius:10px;padding:26px}.cafe-counter .cc-title{font-family:var(--f-mono);color:#e8c07a;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;margin-bottom:14px}.cafe-counter input,.cafe-counter textarea{width:100%;background:#f2e8d5;border:none;border-radius:6px;padding:12px;margin-bottom:12px;font-family:var(--f-body);font-size:.92rem;color:#3a2a18;outline:none;resize:vertical}.cafe-counter input:focus,.cafe-counter textarea:focus{box-shadow:0 0 0 3px #e8c07a59}.cafe-counter .err{box-shadow:0 0 0 3px #d96a5a8c!important}.cc-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cafe-counter button{background:#8a6534;color:#fff8ec;border:none;padding:11px 20px;border-radius:6px;font-family:var(--f-mono);font-size:.8rem;cursor:pointer;transition:filter .2s}.cafe-counter button:hover{filter:brightness(1.12)}.cc-hint{font-family:var(--f-mono);font-size:.68rem;color:#8a6a3a}.msgslip{position:relative;max-width:620px;margin:38px auto 0;text-align:left;background:#f6e5a8;color:#3a3015;border-radius:4px;padding:28px 30px 22px;box-shadow:0 24px 50px #00000073;transform:rotate(-.6deg)}.msgslip:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(1deg);width:90px;height:14px;background:#ffffff73;border-radius:1px}.ms-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:2px solid rgba(90,70,30,.4);padding-bottom:10px}.ms-title{font-family:var(--f-disp);font-weight:500;font-size:1.3rem;color:#3a2a10}.ms-no{font-family:var(--f-mono);font-size:.66rem;color:#8a6a2a;letter-spacing:.1em}.ms-sub{font-size:.86rem;color:#6a5a30;margin:12px 0 16px}.ms-sub b{color:#3a2a10}.ms-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ms-row label,.ms-msg label{display:block;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#8a6a2a}.msgslip input,.msgslip textarea{width:100%;margin-top:6px;padding:10px 12px;border:2px solid rgba(120,90,40,.5);border-radius:4px;background:#fff9e6;font-family:var(--f-body);font-size:.9rem;color:#3a3015;outline:none;resize:vertical}.msgslip input:focus,.msgslip textarea:focus{border-color:#8a6534;box-shadow:0 0 0 3px #8a653433}.ms-actions{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}.ms-send{background:#8a6534;color:#fff8ec;border:none;padding:12px 22px;border-radius:6px;font-family:var(--f-mono);font-size:.8rem;cursor:pointer;transition:filter .2s,transform .2s}.ms-send:hover{filter:brightness(1.12);transform:translateY(-1px)}.ms-hint{font-size:.72rem;color:#8a6a3a;font-family:var(--f-mono)}.ms-hint a{color:#5a4a1e}.ms-stamp{position:absolute;right:18px;bottom:18px;transform:rotate(-10deg);opacity:0;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.25em;color:#7a4a1e;border:3px solid #7a4a1e;border-radius:6px;padding:6px 12px;background:#fff3}.msgslip.sent .ms-stamp{opacity:1;animation:stamp-pop .5s cubic-bezier(.2,.7,.2,1)}@keyframes stamp-pop{0%{transform:rotate(-10deg) scale(2);opacity:0}60%{transform:rotate(-10deg) scale(.9)}to{transform:rotate(-10deg) scale(1);opacity:1}}@media (max-width:600px){.ms-row{grid-template-columns:1fr}}.visitorlog{max-width:620px;margin:26px auto 0;text-align:left;font-family:var(--f-mono);font-size:.74rem;color:#b9a6d8;border-top:1px dashed rgba(255,240,230,.2);padding-top:14px}.visitorlog .vl-head{letter-spacing:.2em;text-transform:uppercase;font-size:.62rem;color:#8f7fb2;margin-bottom:6px}.visitorlog .vl-line{color:#e6dcf5}.cafe-card{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.cafe-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px #00000080}.cafe-card:focus-visible{outline:2px solid #e8c07a;outline-offset:3px}.exit-door{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;pointer-events:none;perspective:900px;transition:opacity .3s ease}#window.exiting .exit-door{opacity:1;transition-delay:.12s}.ed-light{position:absolute;top:0;right:0;bottom:0;left:50%;background:radial-gradient(ellipse at 30% 40%,rgba(255,196,107,.55),rgba(255,180,90,.12) 55%,transparent 75%);transition:opacity 1.3s ease 1.1s}#window.exiting .ed-light{opacity:0}.ed-door{position:absolute;top:0;bottom:0;right:0;width:50%;transform-origin:left center;transform:rotateY(-108deg);transition:transform 1.8s cubic-bezier(.6,.02,.2,1)}#window.exiting .ed-door{transform:rotateY(0)}.ed-face{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#3d2c19,#51391f 50%,#33240f);box-shadow:inset -10px 0 16px #0000008c,inset 6px 0 10px #ffdcaa0d}.ed-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.22) 1px,transparent 1px);background-size:74px 34px}.ed-plate{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--f-mono);font-size:.62rem;letter-spacing:.16em;color:#e8c07a;border:1px solid rgba(232,192,122,.5);padding:10px 14px;border-radius:4px;background:#0000004d;white-space:nowrap}.ed-handle{position:absolute;top:50%;left:12px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9b0,#b98d3c);box-shadow:0 3px 10px #0009}.exit-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;opacity:0;pointer-events:none;transition:opacity .9s ease;width:min(520px,90vw)}#window.exited .exit-card{opacity:1;pointer-events:auto}.ec-mug{position:relative;width:56px;height:46px;margin:0 auto 26px;z-index:1;border-radius:6px;background:linear-gradient(180deg,#3d4d57,#232e36);box-shadow:0 10px 20px #0006}.ec-mug:after{content:"";position:absolute;right:-12px;top:8px;width:16px;height:22px;border:3px solid #3d4d57;border-radius:4px}.ec-steam{position:absolute;top:-22px;left:18px;width:3px;height:14px;background:linear-gradient(to top,transparent,rgba(255,255,255,.6),transparent);animation:steam 2.4s ease-out infinite}.ec-steam.s2{left:34px;animation-delay:1.2s}.ec-sign{font-family:var(--f-disp);font-weight:500;font-size:clamp(1.4rem,4vw,2.4rem);color:#ffe9b3;text-shadow:0 0 30px var(--lamp-dim)}.ec-note{font-family:var(--f-mono);color:#e6dcf5;margin-top:14px;font-size:.92rem;line-height:1.6}.ec-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.ec-reopen{background:#140e1e80;color:#ffe9b3;border:1px solid rgba(255,233,179,.35);border-radius:24px;padding:10px 20px;font-family:var(--f-mono);font-size:.76rem;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ec-reopen:hover{border-color:var(--lamp);box-shadow:0 0 18px var(--lamp-dim);color:var(--lamp)}.ec-reopen.hidden{display:none}#window.exiting .window-copy>.eyebrow,#window.exiting .window-copy>h2,#window.exiting .window-copy>p,#window.exiting .contact-links,#window.exiting .msgslip,#window.exiting .visitorlog,#window.exiting .exit-foot{opacity:0!important;transform:translateY(10px);pointer-events:none;transition:opacity .6s ease,transform .6s ease}.desk-admin{min-height:100vh;width:100%;padding:34px 20px 80px;background:radial-gradient(110% 90% at 50% 0%,#1b1711,var(--wall) 70%),var(--wall);color:var(--ink)}.desk-admin h1{font-family:var(--f-disp);font-weight:500;font-size:clamp(2rem,5vw,3.2rem);margin:6px 0 4px;color:var(--ink)}.desk-admin h2{font-family:var(--f-disp);font-weight:500;font-size:1.4rem}.da-back{max-width:860px;margin:0 auto 26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.08em}.da-back a{color:var(--lamp);text-decoration:none;border:1px solid var(--line);border-radius:20px;padding:8px 16px}.da-back a:hover{border-color:var(--lamp)}.da-back>span{color:var(--faint)}.da-logout{margin-left:auto;background:none;border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:8px 16px;cursor:pointer;font-family:var(--f-mono);font-size:.72rem}.da-logout:hover{border-color:var(--sign);color:var(--sign)}.da-login{position:relative;max-width:440px;margin:6vh auto 0;background:#f6e5a8;color:#3a3015;border-radius:4px;padding:30px 32px 26px;box-shadow:0 24px 50px #00000080;transform:rotate(-.4deg)}.da-login:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(1deg);width:90px;height:14px;background:#ffffff73;border-radius:1px}.da-login h1{font-size:1.9rem;color:#3a2a10}.da-login p{font-size:.84rem;color:#6a5a30;margin-bottom:18px}.da-login label{display:block;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#8a6a2a;margin-bottom:12px}.da-login input{width:100%;margin-top:6px;padding:10px 12px;border:2px solid rgba(120,90,40,.5);border-radius:4px;background:#fff9e6;font-family:var(--f-body);font-size:.9rem;color:#3a3015;outline:none}.da-login input:focus{border-color:#8a6534;box-shadow:0 0 0 3px #8a653433}.da-login button{width:100%;background:#8a6534;color:#fff8ec;border:none;padding:12px 22px;border-radius:6px;font-family:var(--f-mono);font-size:.8rem;cursor:pointer;transition:filter .2s,transform .2s}.da-login button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.da-login button:disabled{opacity:.6;cursor:wait}.da-err{color:#a33;font-size:.78rem;margin:4px 0 10px;font-family:var(--f-mono)}.da-flash{position:fixed;left:50%;top:22px;transform:translate(-50%);z-index:50;background:#1e180ef2;color:var(--lamp);border:1px solid rgba(232,192,122,.4);padding:10px 18px;border-radius:24px;font-family:var(--f-mono);font-size:.76rem;box-shadow:0 10px 30px #00000080;animation:da-pop .25s cubic-bezier(.2,.7,.2,1)}@keyframes da-pop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.da-esc-hint{margin-left:6px;font-size:.56rem;color:var(--faint);border:1px solid rgba(120,90,40,.4);border-radius:8px;padding:0 6px}.da-head{max-width:860px;margin:0 auto 26px}.da-eyebrow{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--sign)}.da-tabs{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.da-tabs button{background:#14110d99;border:1px solid var(--line);color:var(--muted);border-radius:24px;padding:9px 18px;cursor:pointer;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.06em;transition:all .25s ease}.da-tabs button.on{border-color:var(--lamp);color:var(--lamp);box-shadow:0 0 14px var(--lamp-dim)}.da-count{display:inline-block;margin-left:6px;font-size:.62rem;color:var(--faint);border:1px solid var(--line);border-radius:12px;padding:1px 7px}.da-tabs button.on .da-count{color:var(--lamp);border-color:#e8c07a66}.da-panel{max-width:860px;margin:0 auto}.da-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.da-new{background:#14110d99;border:1px solid var(--leaf);color:var(--leaf);border-radius:24px;padding:9px 18px;cursor:pointer;font-family:var(--f-mono);font-size:.74rem;transition:all .25s ease}.da-new:hover{box-shadow:0 0 14px var(--leaf-dim)}.da-empty{color:var(--faint);font-family:var(--f-mono);font-size:.8rem;padding:30px 0}.da-list{list-style:none;display:flex;flex-direction:column;gap:12px}.da-item{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#f4efe60a;border:1px solid var(--line);border-radius:8px;padding:14px 16px;transition:border-color .25s ease}.da-item:hover{border-color:#e8c07a59}.da-item-main{min-width:200px;flex:1}.da-item-title{font-family:var(--f-disp);font-size:1.05rem;color:var(--ink)}.da-draft{display:inline-block;margin-right:8px;font-family:var(--f-mono);font-size:.58rem;letter-spacing:.14em;color:#2a1c0a;background:var(--sign);border-radius:10px;padding:2px 8px;transform:translateY(-2px)}.da-item-sub{font-family:var(--f-mono);font-size:.66rem;color:var(--faint);margin-top:4px}.da-item-actions{display:flex;gap:8px;flex-wrap:wrap}.da-item-actions button{background:none;border:1px solid var(--line);color:var(--muted);border-radius:16px;padding:6px 12px;cursor:pointer;font-family:var(--f-mono);font-size:.68rem;transition:all .2s ease}.da-item-actions button:hover{border-color:var(--lamp);color:var(--lamp)}.da-item-actions button.da-danger:hover{border-color:var(--sign);color:var(--sign)}.da-toggle.off{color:var(--faint)}.da-editor{position:relative;background:#f6e5a8;color:#3a3015;border-radius:4px;padding:26px 28px 28px;box-shadow:0 24px 50px #00000073;transform:rotate(-.3deg)}.da-editor:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(1deg);width:90px;height:14px;background:#ffffff73;border-radius:1px}.da-ed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.da-ed-head h2{font-size:1.5rem;color:#3a2a10}.da-cancel{background:none;border:1px solid rgba(120,90,40,.5);color:#8a6a2a;border-radius:16px;padding:6px 14px;cursor:pointer;font-family:var(--f-mono);font-size:.68rem}.da-fields{display:flex;flex-direction:column;gap:14px}.da-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.da-fields label{display:block;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#8a6a2a}.da-fields label small{text-transform:none;letter-spacing:0;color:#a0864a;font-family:var(--f-body)}.da-fields input,.da-fields textarea{width:100%;margin-top:6px;padding:10px 12px;border:2px solid rgba(120,90,40,.5);border-radius:4px;background:#fff9e6;font-family:var(--f-body);font-size:.9rem;color:#3a3015;outline:none;resize:vertical}.da-fields input:focus,.da-fields textarea:focus{border-color:#8a6534;box-shadow:0 0 0 3px #8a653433}.da-check{display:flex;align-items:center;gap:10px;font-family:var(--f-mono)!important;font-size:.72rem!important;letter-spacing:.08em!important;text-transform:none!important;color:#5a4a1e!important}.da-check input{width:auto;margin:0;accent-color:#8a6534}.da-save{margin-top:20px;background:#8a6534;color:#fff8ec;border:none;padding:12px 22px;border-radius:6px;font-family:var(--f-mono);font-size:.8rem;cursor:pointer;transition:filter .2s,transform .2s}.da-save:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.da-save:disabled{opacity:.6;cursor:wait}.da-slips{display:flex;flex-direction:column;gap:14px}.da-slip{background:#f4efe60d;border:1px dashed rgba(232,192,122,.3);border-radius:8px;padding:16px 18px}.da-slip-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}.da-slip-head b{font-family:var(--f-disp);font-size:1rem;color:var(--lamp)}.da-slip-mail{font-family:var(--f-mono);font-size:.68rem;color:var(--muted)}.da-slip-when{margin-left:auto;font-family:var(--f-mono);font-size:.62rem;color:var(--faint)}.da-slip-body{font-size:.9rem;color:var(--ink-dim);margin-bottom:12px;white-space:pre-wrap}.da-slip .da-item-actions{justify-content:flex-end}@media (max-width:600px){.da-row{grid-template-columns:1fr}.da-login,.da-editor{transform:none}}