:root{--bg: #0a0e1a;--bg-grid: #0f1424;--surf-1: #141b2d;--surf-2: #1c2540;--surf-3: #232e51;--line: #2a3454;--line-2: #3a466e;--text: #e6ecff;--text-dim: #98a4c9;--text-mute: #5d6a90;--neon-cyan: #5eead4;--neon-magenta: #f471b5;--neon-yellow: #fde047;--neon-green: #86efac;--neon-red: #fb7185;--neon-violet: #a78bfa;--neon-orange: #fb923c;--floor-1: #6b4a2f;--floor-2: #5c3f28;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-pixel: "Press Start 2P", "JetBrains Mono", monospace;--font-body: "Inter", -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);image-rendering:pixelated}canvas{image-rendering:pixelated}.pixel-h{font-family:var(--font-pixel);letter-spacing:.04em;line-height:1.6}.pixel-box{background:var(--surf-1);border:2px solid var(--line-2);box-shadow:4px 4px #000}.pixel-box-sm{background:var(--surf-1);border:2px solid var(--line);box-shadow:2px 2px #000}.pill{display:inline-block;padding:2px 6px;font-size:9px;font-weight:700;font-family:var(--font-mono);border:1px solid #000}.pill--cyan{background:#5eead429;color:var(--neon-cyan)}.pill--magenta{background:#f471b529;color:var(--neon-magenta)}.pill--yellow{background:#fde04729;color:var(--neon-yellow)}.pill--green{background:#86efac29;color:var(--neon-green)}.pill--red{background:#fb718529;color:var(--neon-red)}.px-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#06231d;background:var(--neon-cyan);border:2px solid #000;box-shadow:2px 2px #000;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform 80ms steps(2),box-shadow 80ms steps(2)}.px-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.px-btn:disabled{opacity:.4;cursor:default}.den{display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.den-top{display:flex;align-items:center;gap:18px;padding:10px 16px;background:var(--surf-1);border-bottom:2px solid var(--line-2)}.den-top__brand{display:flex;align-items:center;gap:10px}.den-top__logo{width:30px;height:30px;display:grid;place-items:center;background:var(--neon-violet);color:#1a1320;font-family:var(--font-pixel);font-size:12px;border:2px solid #000;box-shadow:2px 2px #000}.den-top__title{font-family:var(--font-pixel);font-size:12px}.den-top__sub{font-size:10px;color:var(--text-mute);margin-top:3px}.den-top__spacer{flex:1}.den-stat{display:flex;flex-direction:column;align-items:center;padding:4px 14px;border-left:1px solid var(--line)}.den-stat__n{font-family:var(--font-pixel);font-size:14px}.den-stat__l{font-size:9px;color:var(--text-mute);margin-top:4px;letter-spacing:.08em}.den-body{display:grid;grid-template-columns:260px 1fr 260px;gap:10px;padding:10px;min-height:0}.den-col{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.den-panel{display:flex;flex-direction:column;min-height:0}.den-panel__head{padding:8px 12px;border-bottom:2px solid var(--line);font-family:var(--font-pixel);font-size:9px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center}.den-panel__body{overflow-y:auto}.floor{position:relative;flex:1;min-height:0;border:2px solid var(--line-2);box-shadow:inset 0 0 0 2px #000;background:repeating-linear-gradient(0deg,var(--floor-1) 0 22px,var(--floor-2) 22px 44px);overflow:hidden;padding:18px;display:grid;grid-template-rows:1fr auto 1fr;gap:8px}.desk-row{display:flex;justify-content:space-around;align-items:flex-end;gap:10px;position:relative;z-index:3}.aisle{position:relative;height:8px;z-index:4}.desk{position:relative;width:150px;display:flex;flex-direction:column;align-items:center}.desk__bear{position:relative;z-index:2;margin-bottom:-8px}.desk__furniture{width:120px;height:26px;background:#7a5230;border:2px solid #000;box-shadow:2px 2px #000,inset 0 4px #91643c;position:relative;z-index:1}.desk__monitor{position:absolute;top:-2px;right:14px;z-index:3;width:24px;height:18px;background:#10131f;border:2px solid #000}.desk__monitor b{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#1d2b46;display:block}.desk__name{margin-top:6px;font-family:var(--font-pixel);font-size:8px;color:var(--text-dim)}.bubble{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);width:150px;background:#f4ecd8;color:#2a2018;border:2px solid #000;box-shadow:3px 3px #000;padding:7px 8px;z-index:4}.bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000}.bubble__title{font-size:10px;font-weight:700;line-height:1.25}.bubble__meta{display:flex;align-items:center;gap:6px;margin-top:5px}.bubble__bar{flex:1;height:5px;background:#cdbf9e;border:1px solid #000}.bubble__bar>i{display:block;height:100%;background:var(--neon-cyan)}.bubble__check{width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;background:var(--neon-green);border:2px solid #000;color:#06231d;font-size:11px;font-weight:900}.bubble__check:active{transform:translate(1px,1px)}.bubble--idle{background:#e7e0cf;opacity:.82}.bubble--idle .bubble__title{color:#6a5f4c;font-style:italic;font-weight:600}.pm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:left 1.5s steps(14),top 1.5s steps(10);z-index:6;display:flex;flex-direction:column;align-items:center}.pm__tag{margin-top:2px;font-family:var(--font-pixel);font-size:7px;color:var(--neon-yellow);background:#1a1320;padding:2px 5px;border:1px solid #000}.spark{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:6;font-size:14px;color:var(--neon-yellow);animation:pop .5s steps(3) infinite}@keyframes pop{50%{transform:translate(-50%) translateY(-4px);opacity:.5}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9}.confetti>span{position:absolute;top:-10px;image-rendering:pixelated;border:1px solid rgba(0,0,0,.5);animation-name:confetti-fall;animation-timing-function:steps(10);animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(420px) translate(var(--drift, 0px)) rotate(180deg);opacity:0}}.roster-row{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px dashed var(--line)}.roster-row__dot{width:7px;height:7px;border:1px solid #000}.avatar-sq{width:22px;height:22px;display:grid;place-items:center;font-family:var(--font-pixel);font-size:7px;color:#10131f;border:1px solid #000}.feed-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 12px;border-bottom:1px dashed var(--line);font-size:11px}.feed-row b{color:var(--text)}.feed-row .v{color:var(--text-mute)}.feed-row .t{color:var(--neon-cyan);font-family:var(--font-mono)}.feed-row .ago{color:var(--text-mute);font-size:9px}.list-row{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px dashed var(--line);font-size:11px}.list-row .code{font-family:var(--font-mono);color:var(--neon-cyan);font-size:10px}.todo-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px dashed var(--line);font-size:11px;cursor:pointer;transition:background 80ms steps(2)}.todo-row:hover{background:#5eead41a}.todo-row__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-row__go{font-family:var(--font-pixel);font-size:7px;color:var(--neon-cyan);opacity:0}.todo-row:hover .todo-row__go{opacity:1}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(rgba(94,234,212,.06) 1px,transparent 1px),radial-gradient(rgba(244,113,181,.04) 1px,transparent 1px),var(--bg);background-size:32px 32px,32px 32px}.login__card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 26px;width:300px}.login__logo{font-size:38px}.login__title{font-size:14px;color:var(--neon-cyan)}.login__sub{font-size:11px;color:var(--text-mute);margin-bottom:6px}.login__input{width:100%;padding:9px 10px;font-family:var(--font-mono);font-size:12px;background:var(--surf-2);border:2px solid var(--line);color:var(--text)}.login__input:focus{outline:none;border-color:var(--neon-cyan)}.login__err{color:var(--neon-red);font-size:10px}.login__btn{width:100%;justify-content:center;margin-top:4px}.workshop__select{width:100%;margin-bottom:14px;padding:8px 10px;font-family:var(--font-mono);font-size:12px;background:var(--surf-2);border:2px solid var(--line-2);color:var(--text)}.workshop__actions{display:flex;align-items:center;gap:10px;margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}.empty{padding:18px;color:var(--text-mute);font-size:11px;text-align:center}.workshop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060912d1;display:grid;place-items:center;padding:24px}.workshop__panel{width:min(720px,96vw);padding:16px}.workshop__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.workshop__states{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:repeating-linear-gradient(0deg,var(--floor-1) 0 16px,var(--floor-2) 16px 32px);border:2px solid #000;padding:14px 8px}.workshop__cell{display:flex;flex-direction:column;align-items:center;gap:6px}.workshop__cell-label{font-family:var(--font-pixel);font-size:8px;color:var(--text-dim)}.workshop__controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.workshop__label{font-family:var(--font-pixel);font-size:8px;color:var(--text-mute);margin-bottom:8px}.workshop__swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.workshop__swatch{width:24px;height:24px;border:2px solid #000;cursor:pointer;padding:0}.workshop__picker{width:30px;height:26px;border:2px solid #000;background:none;cursor:pointer;padding:0}.workshop__accs{display:flex;flex-wrap:wrap;gap:6px}.workshop__acc{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:var(--surf-2);border:2px solid var(--line);padding:5px 8px;cursor:pointer}.workshop__acc.is-on{color:#10131f;background:var(--neon-cyan);border-color:#000}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.floor{background:radial-gradient(120% 80% at 50% 120%,rgba(0,0,0,.45),transparent 60%),repeating-linear-gradient(0deg,#6b4a2f 0,#6b4a2f 22px,#5c3f28 22px,#5c3f28 44px)}.wall{position:absolute;top:0;left:0;right:0;height:47%}.wall__paper{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3a4a78,#324067 60%,#2a3658);box-shadow:inset 0 -6px #00000040}.wall__paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:18px 18px}.wall__base{position:absolute;left:0;right:0;bottom:0;height:12px;background:#243;box-shadow:inset 0 3px #ffffff14,0 2px #000;background:linear-gradient(180deg,#5a4733,#3e3122);border-top:2px solid #000}.window{position:absolute;top:16px;width:92px;height:78px;border:3px solid #1c2236;box-shadow:3px 3px #000,inset 0 0 0 2px #6b7aa8;background:#0b1020}.window--0{left:7%}.window--1{left:41%}.window--2{left:75%}.window__sky{position:absolute;top:2px;right:2px;bottom:2px;left:2px;overflow:hidden;background:linear-gradient(180deg,#2a2050,#6a3d8f 38%,#d96a8f 70%,#ffb27a)}.sky__sun{position:absolute;right:12px;top:30px;width:16px;height:16px;border-radius:50%;background:#ffe7a8;box-shadow:0 0 10px 4px #ffe7a899}.sky__star{position:absolute;width:2px;height:2px;background:#fff;opacity:.85;animation:twinkle 2.4s steps(2) infinite}.sky__star.s1{left:14px;top:10px}.sky__star.s2{left:60px;top:16px;animation-delay:.8s}.sky__star.s3{left:36px;top:8px;animation-delay:1.4s}.sky__cloud{position:absolute;height:7px;width:26px;background:#ffffffd9;border-radius:6px;box-shadow:8px -3px 0 -1px #ffffffd9}.sky__cloud.c1{top:24px;animation:drift 14s linear infinite}.sky__cloud.c2{top:44px;width:18px;opacity:.7;animation:drift 20s linear infinite reverse}.sky__hill{position:absolute;left:-10%;right:-10%;bottom:-6px;height:22px;background:#243a2a;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:inset 0 3px #ffffff0f}.window__bars{position:absolute;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;background:linear-gradient(#1c2236,#1c2236) center/3px 100% no-repeat,linear-gradient(#1c2236,#1c2236) center/100% 3px no-repeat}.window__sill{position:absolute;left:-4px;right:-4px;bottom:-7px;height:6px;background:#5a4733;border:2px solid #000;box-shadow:2px 2px #000}.window__plant{position:absolute;left:6px;bottom:-6px;width:12px;height:12px;background:radial-gradient(circle at 50% 30%,#86efac 0 40%,transparent 41%),radial-gradient(circle at 30% 60%,#4ade80 0 40%,transparent 41%),radial-gradient(circle at 70% 60%,#4ade80 0 40%,transparent 41%)}.window__plant:after{content:"";position:absolute;left:2px;bottom:-4px;width:8px;height:6px;background:#c2602f;border:1px solid #000}@keyframes drift{0%{transform:translate(-40px)}to{transform:translate(120px)}}@keyframes twinkle{50%{opacity:.15}}.clock{position:absolute;left:28%;top:12px;width:30px;height:30px;border-radius:50%;background:#f4ecd8;border:3px solid #2a2018;box-shadow:2px 2px #000}.clock__hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;background:#2a2018}.clock__hand--h{width:2px;height:8px;transform:translate(-50%) rotate(40deg)}.clock__hand--m{width:2px;height:11px;transform:translate(-50%) rotate(160deg);animation:tick 60s steps(60) infinite}.clock__pin{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#b3261e;border-radius:50%;transform:translate(-50%,-50%)}@keyframes tick{to{transform:translate(-50%) rotate(520deg)}}.poster{position:absolute;width:30px;height:38px;border:3px solid #2a2018;box-shadow:2px 2px #000}.poster span{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:block}.poster--a{left:60%;top:22px}.poster--a span{background:linear-gradient(135deg,#5eead4,#a78bfa)}.poster--b{left:88%;top:18px}.poster--b span{background:linear-gradient(135deg,#fb923c,#f471b5)}.shelf{position:absolute;left:50%;bottom:20%;width:96px;height:18px;transform:translate(-50%);background:#5a4733;border:2px solid #000;box-shadow:2px 2px #000;display:flex;align-items:flex-end;gap:3px;padding:0 5px 2px}.book{width:6px;display:block;border:1px solid #000}.book.b1{height:13px;background:#fb7185}.book.b2{height:16px;background:#5eead4}.book.b3{height:11px;background:#fde047}.book.b4{height:15px;background:#a78bfa}.book.b5{height:12px;background:#86efac}.shelf__plant{margin-left:auto;width:12px;height:14px;background:radial-gradient(circle at 50% 25%,#86efac 0 45%,transparent 46%),radial-gradient(circle at 25% 60%,#4ade80 0 45%,transparent 46%),radial-gradient(circle at 75% 60%,#4ade80 0 45%,transparent 46%)}.vine{position:absolute;top:0;width:14px;display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:sway 5s ease-in-out infinite}.vine--l{left:2%}.vine--r{right:2%;animation-delay:1.5s}.vine span{width:3px;height:16px;background:#3f7a4e;position:relative}.vine span:before,.vine span:after{content:"";position:absolute;top:4px;width:7px;height:7px;background:#4ade80;border:1px solid #14391f;border-radius:60% 0}.vine span:before{left:-7px}.vine span:after{right:-7px;transform:scaleX(-1)}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.rug{position:absolute;left:50%;top:44%;transform:translate(-50%);width:34%;height:52%;background:repeating-linear-gradient(45deg,#4b2e83 0,#4b2e83 8px,#5b378f 8px,#5b378f 16px);border:3px solid #c9a227;box-shadow:0 0 0 2px #000,inset 0 0 0 4px #c9a22766;opacity:.85}.rug span{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed rgba(255,255,255,.25)}.prop{position:absolute;z-index:1}.prop--cooler{left:10px;bottom:8px;width:22px;height:46px}.cooler__body{position:absolute;bottom:0;width:22px;height:30px;background:#cfd8ec;border:2px solid #000;box-shadow:2px 2px #000}.cooler__bottle{position:absolute;bottom:28px;left:2px;width:18px;height:18px;background:#5eead480;border:2px solid #000}.prop--plant-l,.prop--plant-r{bottom:6px;width:30px;height:34px;background:radial-gradient(circle at 50% 20%,#86efac 0 30%,transparent 31%),radial-gradient(circle at 25% 40%,#4ade80 0 28%,transparent 29%),radial-gradient(circle at 75% 40%,#4ade80 0 28%,transparent 29%),radial-gradient(circle at 50% 55%,#22c55e 0 30%,transparent 31%)}.prop--plant-l:after,.prop--plant-r:after{content:"";position:absolute;left:7px;bottom:0;width:16px;height:14px;background:#c2602f;border:2px solid #000;box-shadow:2px 2px #000}.prop--plant-l{left:8px}.prop--plant-r{right:8px}.prop--crate{right:14px;bottom:8px;width:26px;height:24px;background:#7a5230;border:2px solid #000;box-shadow:2px 2px #000,inset 0 0 0 2px #91643c}.motes{position:absolute;top:0;right:0;bottom:0;left:0}.mote{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #ffe7a8b3;opacity:0;animation:float 7s ease-in-out infinite}.mote.m1{left:12%;bottom:12%;animation-delay:0s}.mote.m2{left:28%;bottom:30%;animation-delay:1.1s;background:#5eead4;box-shadow:0 0 6px 2px #5eead4b3}.mote.m3{left:44%;bottom:18%;animation-delay:2.2s}.mote.m4{left:60%;bottom:34%;animation-delay:3s;background:#f471b5;box-shadow:0 0 6px 2px #f471b5b3}.mote.m5{left:73%;bottom:14%;animation-delay:.6s}.mote.m6{left:86%;bottom:28%;animation-delay:1.8s;background:#a78bfa;box-shadow:0 0 6px 2px #a78bfab3}.mote.m7{left:52%;bottom:40%;animation-delay:2.6s}@keyframes float{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:.9}80%{opacity:.9}to{opacity:0;transform:translateY(-46px) scale(1.1)}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 35%,transparent 55%,rgba(20,10,30,.45) 100%);mix-blend-mode:multiply}.desk--receiving .bubble{box-shadow:3px 3px #000,0 0 0 2px var(--neon-yellow)}.handoff{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:var(--font-pixel);font-size:7px;color:#10131f;background:var(--neon-yellow);padding:3px 6px;border:2px solid #000;box-shadow:2px 2px #000;white-space:nowrap;z-index:7;animation:handoff-pop .4s steps(3)}@keyframes handoff-pop{0%{transform:translate(-50%) translateY(6px);opacity:0}}.desk--celebrating .desk__bear{animation:bigjump .42s steps(8) 3}@keyframes bigjump{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-32px) scale(1.08)}}.desk--celebrating .desk__name{color:var(--neon-green)}.celebration{position:fixed;z-index:99999;pointer-events:none}.celebration__bit{position:absolute;left:0;top:0;border:1px solid rgba(0,0,0,.4);animation-name:blast;animation-timing-function:cubic-bezier(.15,.7,.3,1);animation-fill-mode:forwards}@keyframes blast{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}12%{transform:translate(calc(-50% + var(--dx) * .45),calc(-50% + var(--dy) * .45)) scale(1.15);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 240px)) scale(.5) rotate(var(--rot));opacity:0}}.celebration__ring{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;border:6px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);animation:shock .5s ease-out forwards}@keyframes shock{0%{width:12px;height:12px;opacity:.9;border-width:6px}to{width:320px;height:320px;opacity:0;border-width:1px}}