:root{--ink:#11213b;--paper:#efe9dc;--lime:#d8ff55;--red:#f35444;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--black:"Archivo Black",sans-serif;--serif:"Fraunces",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#c8c0ae;color:var(--ink);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;z-index:9;inset:0;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}button,a{font:inherit;color:inherit}.desk{max-width:1500px;min-height:100vh;margin:auto;display:grid;grid-template-columns:88px 1fr;background:var(--paper);box-shadow:0 0 45px #3731264d}.rail{min-height:100vh;z-index:2;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;padding:23px 0 17px}.mark{font:900 22px/1 var(--black);letter-spacing:-.1em;text-decoration:none;color:var(--lime);transform:rotate(-5deg)}.mark span{color:var(--paper)}.rail-line{width:1px;flex:1;margin:30px 0 14px;background:linear-gradient(var(--lime),transparent 72%)}.rail-button{position:relative;width:100%;min-height:76px;cursor:pointer;border:0;border-left:3px solid transparent;background:none;color:#b6c2ce;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.rail-button span{font:9px var(--mono);color:#728498}.rail-button b{font:700 13px var(--mono)}.rail-button:hover,.rail-button.active{color:var(--lime);border-left-color:var(--lime);background:#ffffff0b}.rail-bottom{display:flex;flex-direction:column;gap:20px;align-items:center;font:12px var(--mono);text-align:center}.rail-bottom a{color:var(--lime);text-decoration:none}.rail-bottom small{font-size:8px;color:#91a1b5}.workstation{min-width:0;display:flex;flex-direction:column}.topbar{height:58px;border-bottom:1px solid #11213b4a;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 26px;font:10px var(--mono);letter-spacing:.07em}.topbar p{margin:0}.topbar strong{color:var(--red)}.signal{display:flex;gap:8px;align-items:center;color:#52647a}.signal span{display:block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #f3544433}.reset{justify-self:end;border:0;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:4px;font:10px var(--mono)}.mode-readout{height:84px;padding:12px 30px;display:flex;align-items:end;gap:14px;border-bottom:1px dashed #11213b4a}.mode-readout span{font:45px/.75 var(--black);letter-spacing:-.08em;color:var(--red)}.mode-readout p{margin:0 0 2px;font:10px var(--mono);letter-spacing:.06em}.desk-surface{position:relative;min-height:650px;padding:40px clamp(22px,4vw,66px);display:grid;grid-template-columns:minmax(300px,.96fr) minmax(300px,.98fr);grid-template-rows:335px 200px;gap:32px 42px;overflow:hidden;background:#e1d8c8;background-image:linear-gradient(90deg,#ffffff1a 1px,transparent 1px),linear-gradient(#ffffff1a 1px,transparent 1px);background-size:14px 14px}.desk-surface:before{content:"";position:absolute;width:76%;height:55%;right:-22%;top:-32%;background:var(--lime);border-radius:0 0 0 80%;opacity:.76}.desk-surface:after{content:"";position:absolute;right:4%;bottom:19px;width:35%;height:16px;background:#11213b;transform:rotate(-2deg);opacity:.18}.micro{font:10px var(--mono);letter-spacing:.08em}.hero-note{position:relative;z-index:1;align-self:start;min-height:315px;padding:30px 31px 28px;background:#f8f5ed;box-shadow:8px 10px 0 #11213b;transform:rotate(-1.2deg)}.hero-note:before{content:"";position:absolute;inset:10px;border:1px solid #11213b2e;pointer-events:none}.hero-note p,.hero-note h1{position:relative}.hole{position:absolute;right:29px;top:26px;width:12px;height:12px;border-radius:50%;background:#d4ccbb;box-shadow:inset 2px 2px 3px #8a8173}.hero-note .micro{margin:0;color:var(--red)}h1{margin:20px 0 16px;font:clamp(45px,5vw,76px)/.82 var(--black);letter-spacing:-.09em}h1 em{font-family:var(--serif);font-weight:600;letter-spacing:-.11em}.lede{max-width:330px;margin:0;font-size:14px;line-height:1.35}.stamp-button{position:relative;margin-top:24px;padding:11px 13px;cursor:pointer;border:2px solid var(--ink);background:var(--lime);box-shadow:3px 3px 0 var(--red);font:700 11px var(--mono);letter-spacing:.03em}.stamp-button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--red)}.stamp-button span{margin-left:8px}.fold{position:absolute;bottom:0;right:0;border-left:27px solid transparent;border-top:27px solid #d8d1c2}.mascot-clipping{position:absolute;z-index:1;right:-70px;top:14px;width:min(56%,650px);height:400px;margin:0;transform:rotate(2deg);border:8px solid #f8f5ed;box-shadow:7px 8px 0 #11213b;overflow:hidden}.mascot-clipping img{width:100%;height:100%;display:block;object-fit:cover;object-position:64% center}.mascot-clipping figcaption{position:absolute;right:0;bottom:0;padding:8px 10px;background:var(--ink);color:var(--paper);font:9px/1.25 var(--mono);text-align:right}.inbox-stack{position:relative;z-index:2;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-self:end}.stack-label{position:absolute;top:-33px;left:0;margin:0;font:10px var(--mono);letter-spacing:.06em}.stack-label span{margin-left:7px;padding:2px 4px;color:var(--paper);background:var(--ink)}.case-card{min-height:153px;padding:14px 10px;border:1px solid var(--ink);box-shadow:3px 4px 0 #11213b;cursor:grab;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .2s,transform .2s}.case-card:active{cursor:grabbing}.case-card b,.case-card i{font:9px var(--mono);font-style:normal}.case-card span{font:800 13px/.95 var(--sans);letter-spacing:-.04em}.case-card:hover{transform:translateY(-8px) rotate(-2deg)}.case-card.filed{opacity:.18;transform:translate(35px,38px) rotate(7deg);pointer-events:none}.c1{background:#ffe477;transform:rotate(-2deg)}.c2{background:var(--red);color:#fff8ed;transform:translateY(10px) rotate(2deg)}.c3{background:var(--lime);transform:rotate(-1deg)}.c4{background:#eef0eb;transform:translateY(5px) rotate(3deg)}.mood-console{z-index:2;grid-column:2;grid-row:2;align-self:end;padding:20px 23px;background:var(--ink);color:var(--paper);box-shadow:6px 7px 0 var(--red);transform:rotate(1.5deg)}.mood-console .micro{margin:0;color:var(--lime)}.meter-number{display:flex;align-items:baseline;gap:7px;margin-top:5px}.meter-number span{font:52px/.9 var(--black);letter-spacing:-.08em}.meter-number small{font:10px/.9 var(--mono);color:var(--lime)}input[type=range]{--fill:62%;display:block;width:100%;height:8px;margin:13px 0 8px;border:1px solid var(--paper);appearance:none;background:linear-gradient(90deg,var(--lime) var(--fill),#6f7f95 var(--fill))}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;appearance:none;border:2px solid var(--paper);background:var(--red);border-radius:0;cursor:ew-resize}.mood-console>p:not(.micro){min-height:30px;margin:0;font:11px/1.25 var(--mono)}.meter-ticks{display:flex;justify-content:space-between;margin-top:6px;color:#a9b6c7;font:8px var(--mono)}.drop-tray{position:absolute;z-index:3;right:34px;bottom:13px;width:184px;height:128px;padding:30px 15px 10px;border:2px solid var(--ink);background:#9ba0a0;box-shadow:inset 0 0 0 7px #747979,5px 6px 0 #11213b;cursor:default;transform:rotate(-4deg);transition:.2s}.drop-tray.over{background:var(--lime);transform:rotate(0) scale(1.06)}.drop-tray p{margin:0;color:#203040;font:900 14px/.9 var(--sans)}.drop-tray span{position:absolute;bottom:10px;font:8px var(--mono)}.tray-tabs{position:absolute;top:-11px;left:14px;display:flex;gap:5px}.tray-tabs i{width:25px;height:15px;background:#747979;border:1px solid var(--ink);transform:skewY(-18deg)}.rubber-stamp{position:absolute;z-index:2;left:48%;bottom:14px;color:#f35444;border:4px solid currentColor;padding:7px;opacity:.65;transform:rotate(-12deg);font:700 13px/.88 var(--mono);text-align:center}.rubber-stamp b{font-size:8px;letter-spacing:.2em}.ticker-zone{min-height:95px;display:grid;grid-template-columns:150px 1fr auto;gap:17px;align-items:center;padding:0 30px;border-top:1px solid #11213b;border-bottom:1px solid #11213b;background:var(--lime);overflow:hidden}.ticker-zone .micro{margin:0}.dispatch-track{display:flex;gap:16px;white-space:nowrap;overflow:hidden;font:12px var(--mono)}.dispatch-track span{animation:drift 24s linear infinite}.dispatch-track i{font-style:normal;color:var(--red)}@keyframes drift{to{transform:translateX(-80px)}}.ticker-zone a{padding:10px 12px;background:var(--ink);color:var(--paper);font:9px var(--mono);text-decoration:none;white-space:nowrap}.footer-strip{min-height:53px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 30px;color:#697484;font:9px var(--mono);letter-spacing:.02em}.footer-strip span:first-child{color:var(--red);font:700 17px var(--black);letter-spacing:-.08em}.case-modal{width:min(520px,calc(100% - 34px));border:3px solid var(--ink);padding:42px 38px 29px;background:#fff8eb;box-shadow:11px 11px 0 var(--ink);color:var(--ink);transform:rotate(-1deg)}.case-modal::backdrop{background:#11213be6;backdrop-filter:blur(3px)}.close-modal{position:absolute;right:15px;top:10px;border:0;background:transparent;cursor:pointer;font:36px/.8 var(--sans)}.modal-pin{position:absolute;top:-11px;left:50%;width:19px;height:19px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}.case-modal .micro{color:var(--red)}.case-modal h2{margin:18px 0 15px;font:42px/.9 var(--black);letter-spacing:-.07em}.case-modal>p:not(.micro){max-width:420px;font-size:17px;line-height:1.4}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding-top:14px;border-top:1px dashed var(--ink)}.modal-footer span{font:9px var(--mono)}.modal-footer button{padding:10px;background:var(--lime);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--red);cursor:pointer;font:10px var(--mono)}.toast{position:fixed;z-index:20;left:50%;bottom:24px;max-width:calc(100% - 40px);padding:13px 17px;background:var(--ink);color:var(--lime);box-shadow:4px 4px 0 var(--red);font:11px var(--mono);opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}#desk[data-mode="files"] .hero-note{background:var(--lime)}#desk[data-mode="files"] .mascot-clipping{filter:hue-rotate(10deg)}#desk[data-mode="mood"] .desk-surface:before{background:var(--red)}#desk[data-mode="mood"] .mood-console{transform:rotate(0) scale(1.05)}@media(max-width:850px){.desk{grid-template-columns:1fr}.rail{min-height:65px;height:65px;position:sticky;top:0;z-index:10;flex-direction:row;padding:0 16px;gap:13px}.mark{font-size:21px}.rail-line{height:1px;width:1px;flex:1;margin:0;background:#ffffff44}.rail-button{width:42px;min-height:48px;border-left:0;border-bottom:3px solid transparent}.rail-button span{display:none}.rail-button.active{border-left:0;border-bottom-color:var(--lime)}.rail-bottom{flex-direction:row;gap:10px}.rail-bottom small{display:none}.topbar{height:48px;padding:0 16px;grid-template-columns:1fr auto}.topbar p{display:none}.desk-surface{min-height:900px;grid-template-columns:1fr;grid-template-rows:auto 210px 205px;gap:30px;padding:30px 22px}.hero-note{width:min(100%,480px);min-height:290px}.mascot-clipping{top:340px;right:-12px;width:82%;height:225px}.inbox-stack{grid-row:3;grid-template-columns:repeat(4,1fr);gap:5px}.case-card{min-height:136px;padding:9px 6px}.case-card span{font-size:10px}.mood-console{grid-column:1;grid-row:2;align-self:end;margin-bottom:0}.drop-tray{display:none}.rubber-stamp{left:auto;right:25px;bottom:10px}.ticker-zone{grid-template-columns:1fr;padding:17px 22px;gap:10px}.ticker-zone a{justify-self:start}.footer-strip{padding:15px 22px;min-height:78px;flex-wrap:wrap}.footer-strip span:nth-child(2){width:100%;order:3}.mode-readout{height:67px;padding:9px 18px}.mode-readout span{font-size:36px}.case-modal{padding:39px 24px 22px}.case-modal h2{font-size:34px}}