:root{--void: #030504;--ph: #39ff6a;--ph-dim: #2a9a4a;--ph-faint: rgba(57, 255, 106, .14);--amber: #ffb347;--gold: #e6b422;--bone: #d8e6db;--mute: #8aa792;--line: rgba(57, 255, 106, .28);--glass: rgba(3, 10, 6, .78);--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--hand: "Caveat", "Segoe Print", cursive;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--void);color:var(--bone);font-family:var(--mono);font-size:13px;-webkit-font-smoothing:antialiased}body{overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}:focus-visible{outline:1px solid var(--ph);outline-offset:3px}::selection{background:var(--ph);color:var(--void)}#vessel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#vessel:active{cursor:grabbing}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}.brand,.stage-line,.vitals,.rail,.mind,.terminal{opacity:0;transition:opacity .9s ease}body.awake .brand,body.awake .stage-line,body.awake .vitals,body.awake .rail,body.awake .mind,body.awake .terminal{opacity:1}body.awake .stage-line{transition-delay:.15s}body.awake .vitals{transition-delay:.3s}body.awake .rail{transition-delay:.45s}body.awake .mind{transition-delay:.6s}body.awake .terminal{transition-delay:.75s}.face{position:fixed;left:0;top:0;z-index:5;pointer-events:none;white-space:pre;font-size:26px;font-weight:500;color:var(--ph);text-shadow:0 0 6px rgba(57,255,106,.9),0 0 22px rgba(57,255,106,.45);transition:opacity .25s;will-change:transform,opacity}.face[data-face=glitch]{color:var(--amber);text-shadow:2px 0 rgba(255,0,80,.7),-2px 0 rgba(0,200,255,.7)}.face[data-face=happy],.face[data-face=wow]{color:#b9ffcb}.speech{position:fixed;left:0;top:0;z-index:15;pointer-events:none;width:max-content;max-width:min(420px,78vw);max-height:40vh;overflow:hidden;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--bone);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform}.speech:before{content:"homun";display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ph);margin-bottom:4px}.speech[data-kind=thought]:before{content:"homun · thinking";color:var(--ph-dim)}.speech[data-kind=reading]:before{content:"homun · reading"}.speech[data-kind=thought]{color:#a9c7b1;font-style:italic}.breath{position:fixed;z-index:4;left:50%;top:22%;transform:translate(-50%) rotate(-4deg);pointer-events:none;font-family:var(--hand);font-size:30px;text-align:center;max-width:min(520px,80vw);color:#d8e6db8c;text-shadow:0 0 14px rgba(216,230,219,.35);animation:fog 9s ease-in-out infinite}@keyframes fog{0%,to{opacity:.15}40%,60%{opacity:.8}}.brand{position:fixed;z-index:10;top:calc(18px + var(--safe-t));left:calc(20px + var(--safe-l));display:flex;gap:12px;align-items:center}.brand .sigil{width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(57,255,106,.5))}.brand .wordmark{width:168px;height:auto;display:block;mix-blend-mode:screen}.brand .tag{font-size:11px;color:var(--ph-dim);margin-top:4px;letter-spacing:.04em}.stage-line{position:fixed;z-index:10;top:calc(86px + var(--safe-t));left:calc(20px + var(--safe-l));display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12px;color:var(--mute);letter-spacing:.03em;max-width:360px}.stage-line b{color:var(--ph);font-weight:600}.stage-dots{display:inline-flex;gap:5px}.stage-dots i{width:9px;height:9px;border:1px solid var(--ph-dim);border-radius:50%;display:block}.stage-dots i:nth-child(1).on{background:#0b0b0b;border-color:var(--ph);box-shadow:0 0 6px var(--ph)}.stage-dots i:nth-child(2).on{background:#e8efe9}.stage-dots i:nth-child(3).on{background:var(--gold)}.stage-dots i:nth-child(4).on{background:#c0262f}.about{position:fixed;z-index:20;top:calc(120px + var(--safe-t));left:calc(20px + var(--safe-l));width:min(380px,calc(100vw - 40px));padding:14px 16px 16px;background:#020804f0;border:1px solid var(--ph);box-shadow:0 0 30px #39ff6a26;animation:open .4s ease}.about-head{display:flex;justify-content:space-between;align-items:center;color:var(--ph);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.about p{margin:0 0 9px;font-size:13.5px;line-height:1.55;color:#c9dacd}.about p b{color:var(--ph);font-weight:600}.how{margin:12px 0 14px;padding:10px 0 0;border-top:1px dashed var(--line);display:grid;gap:5px}.how div{display:grid;grid-template-columns:150px 1fr;gap:8px;font-size:12px}.how dt{color:var(--amber)}.how dd{margin:0;color:var(--mute)}.link{color:var(--ph-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:2px 4px}.link:hover{color:var(--ph)}.go{width:100%;padding:9px;background:var(--ph);color:var(--void);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11.5px}.go:hover{box-shadow:0 0 16px #39ff6a99}.vitals{position:fixed;z-index:10;top:calc(18px + var(--safe-t));right:calc(20px + var(--safe-r));width:236px;padding:10px 12px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vitals .row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dashed rgba(57,255,106,.12);font-size:12px}.vitals .row span{color:var(--mute)}.vitals .row b{font-weight:500;color:var(--bone);font-variant-numeric:tabular-nums;text-align:right}#vMind[data-deep="1"]{color:var(--ph)}#vMind[data-deep="0"]{color:var(--amber)}.vit-btns{display:flex;gap:6px;margin-top:8px}.pill{flex:1;padding:5px 8px;border:1px solid var(--line);color:var(--ph);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pill.square{flex:0 0 32px;font-weight:600}.pill:hover,.pill[aria-pressed=true]{background:var(--ph-faint)}.dock{position:fixed;z-index:12;left:0;right:0;bottom:calc(18px + var(--safe-b));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;padding:0 12px}.dock>*{pointer-events:auto}.rail{position:fixed;z-index:10;left:calc(20px + var(--safe-l));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.rail-btn{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;border:1px solid transparent;color:var(--mute);text-align:left}.rail-btn .g{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);font-size:15px;color:var(--ph);background:#00000080}.rail-btn .t{font-size:12px}.rail-btn:hover,.rail-btn.on,.rail-btn:focus-visible{color:var(--ph);border-color:var(--line);background:#0000008c}.rail-btn:hover .g,.rail-btn.on .g{background:var(--ph);color:var(--void);box-shadow:0 0 12px #39ff6a99}.rail-btn.alt .g{color:var(--amber);border-color:#ffb34759}.rail-btn.alt:hover .g,.rail-btn.alt.on .g{background:var(--amber);color:var(--void);box-shadow:0 0 12px #ffb34799}.mind{position:fixed;z-index:10;right:calc(20px + var(--safe-r));top:calc(268px + var(--safe-t));bottom:calc(150px + var(--safe-b));width:280px;display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mind-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--ph);letter-spacing:.14em;text-transform:uppercase;font-size:11px;cursor:default}.live{display:inline-flex;align-items:center;gap:6px;color:var(--ph-dim)}.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ph);box-shadow:0 0 8px var(--ph);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.2}}.mind-list{list-style:none;margin:0;padding:6px 12px 12px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--ph-dim) transparent}.mind-list li{padding:7px 0;border-bottom:1px dashed rgba(57,255,106,.1);font-size:12px;line-height:1.5;color:#b6cdbb}.mind-list li .ts{display:block;font-size:10px;color:var(--ph-dim);letter-spacing:.06em;margin-bottom:1px}.mind-list li.th:first-child{color:var(--bone)}.mind-list li.hd{color:var(--mute);font-size:11.5px}.mind-list li.sep{color:var(--amber);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:0;padding-top:12px}.mind-list li.dim{color:var(--ph-dim)}.mind-tabs{display:flex;border-bottom:1px solid var(--line)}.mind-tab{flex:1;padding:7px 8px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);border-bottom:2px solid transparent}.mind-tab[aria-selected=true]{color:var(--ph);border-bottom-color:var(--ph)}.mind-tab:hover{color:var(--ph)}.mind-list li.ox a{color:var(--bone);text-decoration:none}.mind-list li.ox a:hover,.mind-list li.ox a:focus-visible{color:var(--ph);text-decoration:underline}.mind-list li.ox .take{display:block;margin-top:4px;color:var(--ph);font-style:italic}.k{font-style:normal;display:inline-block;padding:0 4px;margin-right:4px;border:1px solid var(--line);color:var(--ph)}.k-world{color:#9ec5ff;border-color:#9ec5ff59}.k-research{color:var(--amber);border-color:#ffb34759}.k-x{color:var(--bone)}.k-forums{color:#d7b3ff;border-color:#d7b3ff59}.terminal{width:min(640px,100%)}.transcript{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;max-height:130px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%);mask-image:linear-gradient(to bottom,transparent,#000 35%)}.ln{font-size:12.5px;line-height:1.45;color:#9fbea8}.ln .who{color:var(--ph-dim)}.ln.homun .tx{color:var(--bone)}.ln.you .who{color:var(--amber)}.ln.sys{color:var(--mute);font-style:italic}.ln.typing:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.prompt{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;background:#020804e0;border:1px solid var(--ph);box-shadow:0 0 0 1px #39ff6a1f,0 0 28px #39ff6a29}.caret{color:var(--ph);animation:pulse 1.1s steps(1) infinite}.prompt input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:16px;color:var(--bone);caret-color:var(--ph)}.prompt input::placeholder{color:#55805f}.send{padding:7px 14px;background:var(--ph);color:var(--void);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.send:hover{box-shadow:0 0 14px #39ff6ab3}.terminal.waiting .send{background:var(--amber)}.hint{text-align:center;margin-top:6px;font-size:10.5px;color:var(--ph-dim);letter-spacing:.1em;text-transform:uppercase}.plate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));animation:open .35s ease}.plate[hidden]{display:none}@keyframes open{0%{opacity:0}}.win{position:relative;width:min(720px,100%);max-height:100%;overflow:auto;background:#020604;border:1px solid var(--ph);box-shadow:0 0 40px #39ff6a2e;animation:rise .45s cubic-bezier(.2,.8,.2,1);outline:none}@keyframes rise{0%{transform:translateY(12px) scale(.985);clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.win-head{display:flex;justify-content:space-between;gap:12px;padding:9px 96px 9px 14px;border-bottom:1px solid var(--line);color:var(--ph);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.win-plate{margin:0;border-bottom:1px solid var(--line);background:#000}.win-plate img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.win-plate.small img{aspect-ratio:16 / 6;object-position:center 45%}.win-body{padding:16px 18px 6px}.win-body p{margin:0 0 11px;font-size:15px;line-height:1.6;color:#c9dacd;max-width:62ch}.win-body b{color:var(--ph);font-weight:600}.win-foot{display:flex;justify-content:space-between;gap:8px;padding:10px 14px 14px;flex-wrap:wrap}.nav{padding:8px 12px;border:1px solid var(--line);color:var(--ph);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.nav:hover,.nav:focus-visible{background:var(--ph);color:var(--void)}.x{position:absolute;top:5px;right:8px;color:var(--ph);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;background:#020604}.x:hover{color:var(--void);background:var(--ph)}.log{list-style:none;margin:0;padding:6px 16px}.log li{padding:12px 0;border-bottom:1px dashed rgba(57,255,106,.15)}.log li.empty{color:var(--mute);line-height:1.65;font-size:13.5px}.log li.empty b{color:var(--bone);font-weight:500}.lg-h{display:flex;justify-content:space-between;gap:10px;color:var(--ph);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.lg-r{font-size:13px;line-height:1.55;color:#c9dacd}.lg-r b{color:var(--amber);font-weight:500;margin-right:6px}.lg-r.dim{color:var(--mute)}.lg-note{font-family:var(--hand);font-size:22px;color:#d8e6dbb3;margin-top:4px}.lex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;padding:12px 16px 16px;border-top:1px solid var(--line);font-size:11.5px;color:var(--mute)}.lex b{color:var(--ph);font-weight:500;margin-right:4px}.label-card{margin:18px;padding:20px;border:1px solid rgba(255,179,71,.45);background:linear-gradient(180deg,rgba(255,179,71,.06),transparent)}.lbl-top{font-size:10.5px;letter-spacing:.2em;color:var(--amber)}.lbl-ca{margin:14px 0;font-size:18px;color:var(--bone);word-break:break-all}.lbl-row{display:flex;gap:10px;align-items:center;margin-bottom:6px}.lbl-note{margin:10px 0 0;font-size:13px;color:var(--mute);line-height:1.6}.lbl-note b{color:var(--bone);font-weight:500}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#000;cursor:progress}.boot.waking{background:transparent;pointer-events:none}.boot canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.boot-text{position:absolute;left:50%;top:66%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);display:grid;gap:10px;justify-items:start;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .7s ease;animation:bootIn 1.2s ease both}.boot-text.gone{animation:none;opacity:0;transform:translate(-50%) translateY(10px);filter:blur(4px)}.boot-title{font-size:10.5px;white-space:nowrap;letter-spacing:.32em;text-transform:uppercase;color:var(--ph-dim)}.boot pre{margin:0;min-height:6.4em;color:var(--ph);font-size:12px;line-height:1.6;text-shadow:0 0 6px rgba(57,255,106,.55);white-space:pre}.boot-bar{font-size:12px;color:var(--amber);text-shadow:0 0 8px rgba(255,179,71,.5);white-space:pre;letter-spacing:.04em}.boot-skip{font-size:10px;letter-spacing:.2em;color:#8aa79280;animation:bootIn 1s 2.6s ease both}@keyframes bootIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@media(max-width:600px){.boot pre,.boot-bar{font-size:10.5px}}.nojs{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--ph);background:#000;z-index:99}@media(max-width:1180px)and (min-width:901px){.mind{width:240px}.vitals{width:220px}}@media(max-width:900px){.vitals{width:auto;padding:6px 10px;top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r))}.vitals .row:nth-child(3),.vitals .row:nth-child(4),.vitals .row:nth-child(5){display:none}.vitals .row{font-size:11px}.vit-btns{margin-top:6px}.brand{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));gap:8px}.brand .sigil{width:32px;height:32px}.brand .wordmark{width:112px}.brand .tag{display:none}.stage-line{top:calc(56px + var(--safe-t));left:calc(12px + var(--safe-l));font-size:11px;max-width:58vw}.about{top:auto;bottom:calc(150px + var(--safe-b));left:12px;right:12px;width:auto;max-height:52vh;overflow:auto}.how div{grid-template-columns:1fr;gap:0}.dock{bottom:calc(10px + var(--safe-b));gap:8px}.rail{position:static;transform:none;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:4px}.rail-btn{padding:0}.rail-btn .t{display:none}.rail-btn .g{width:36px;height:36px}.mind{top:auto;bottom:auto;position:fixed;right:calc(12px + var(--safe-r));left:auto;top:calc(108px + var(--safe-t));width:44px;max-height:38px;overflow:hidden;transition:width .3s ease,max-height .35s ease,opacity .9s ease}.mind-head span:first-child{white-space:nowrap}.mind .live{display:none}body.mind-open .mind{width:min(320px,calc(100vw - 24px));max-height:50vh}body.mind-open .mind .live{display:inline-flex}.mind-head{cursor:pointer}.transcript{max-height:66px}.terminal{width:100%}.hint{display:none}.face{font-size:20px}.speech{font-size:13px}.breath{font-size:22px;top:19%}.win-head{padding-right:84px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}.features-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.feat-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.feat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.shelf{position:fixed;z-index:13;top:calc(140px + var(--safe-t));left:calc(20px + var(--safe-l));display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .9s ease .9s}body.awake .shelf{opacity:1}.shelf[hidden]{display:none}.shelf-h{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ph-dim);white-space:nowrap}.jars{list-style:none;margin:0;padding:0 0 3px;display:flex;gap:6px;border-bottom:1px solid rgba(255,179,71,.35);box-shadow:0 3px 0 -2px #ffb34726}.jar-wrap{position:relative}.jar{position:relative;width:26px;height:32px;display:grid;place-items:center;padding:0;margin-top:5px;border:1px solid var(--line);border-top:0;border-radius:3px 3px 9px 9px;background:linear-gradient(180deg,#39ff6a08,#ffb3471f)}.jar:before{content:"";position:absolute;left:4px;right:4px;top:-5px;height:5px;background:#8a6a45;border-radius:2px 2px 0 0;opacity:.85}.jar-g{font-size:14px;line-height:1;color:var(--amber);text-shadow:0 0 6px rgba(255,179,71,.7)}.jar:hover,.jar[aria-expanded=true],.jar:focus-visible{border-color:var(--amber);box-shadow:0 0 12px #ffb34759}.jar-card{position:absolute;z-index:2;top:calc(100% + 8px);left:0;width:max-content;max-width:min(260px,70vw);padding:9px 11px 10px;background:#020804f0;border:1px solid rgba(255,179,71,.5);box-shadow:0 0 22px #ffb3471f;animation:open .25s ease}.jar-card[hidden]{display:none}.jar-t{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:4px}.jar-s{font-size:12.5px;line-height:1.5;color:var(--bone)}.jar-go{margin-top:8px;padding:4px 8px;border:1px solid var(--line);color:var(--ph);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.jar-go:hover,.jar-go:focus-visible{background:var(--ph);color:var(--void)}.cabinet-btn{position:relative;width:28px;height:32px;display:grid;place-items:center;padding:0;margin:5px 0 0 4px;border:1px dashed rgba(255,179,71,.45);border-radius:2px;background:#02080499;color:var(--amber);cursor:pointer}.cabinet-btn[hidden]{display:none}.cab-g{font-size:15px;line-height:1;color:var(--amber);text-shadow:0 0 6px rgba(255,179,71,.55)}.cab-n{position:absolute;right:-6px;bottom:-6px;min-width:14px;height:14px;padding:0 3px;display:grid;place-items:center;font-size:9px;line-height:1;color:var(--void);background:var(--amber);border-radius:7px;font-variant-numeric:tabular-nums}.cabinet-btn:hover,.cabinet-btn.open,.cabinet-btn:focus-visible{border-style:solid;border-color:var(--amber);box-shadow:0 0 12px #ffb34759}.cabinet{position:fixed;z-index:14;display:flex;flex-direction:column;overflow:hidden;background:#020804f2;border:1px solid rgba(255,179,71,.5);box-shadow:0 0 22px #ffb3471f;animation:open .25s ease}.cabinet[hidden]{display:none}.cabinet-h{display:flex;align-items:center;gap:8px;padding:7px 8px 6px 10px;border-bottom:1px dashed rgba(255,179,71,.3)}.cabinet-t{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);white-space:nowrap}.cabinet-c{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--ph-dim);white-space:nowrap}.cabinet-x{flex:none;margin-left:auto}.cabinet-x{width:24px;height:24px;display:grid;place-items:center;padding:0;border:1px solid var(--line);color:var(--ph);font-size:14px;line-height:1}.cabinet-x:hover,.cabinet-x:focus-visible{background:var(--ph);color:var(--void)}.cabinet-list{list-style:none;margin:0;padding:4px;overflow-y:auto;overscroll-behavior:contain}.cab-row{width:100%;display:grid;grid-template-columns:18px 1fr auto;column-gap:7px;row-gap:2px;align-items:baseline;text-align:left;padding:6px 6px 7px;border:0;border-left:2px solid transparent;background:none;color:var(--bone);cursor:pointer}li+li .cab-row{border-top:1px dotted rgba(57,255,106,.14)}.cab-rg{grid-row:span 2;font-size:14px;line-height:1.1;color:var(--amber);text-shadow:0 0 6px rgba(255,179,71,.6);text-align:center}.cab-rt{min-width:0;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cab-rd{font-size:9.5px;color:var(--ph-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.cab-rs{grid-column:2 / 4;min-width:0;overflow-wrap:anywhere;font-size:11.5px;line-height:1.4;color:var(--bone);opacity:.85}.cab-row:hover,.cab-row:focus-visible{background:#ffb3470f}.cab-row[aria-pressed=true]{border-left-color:var(--amber);background:#ffb3471a}.cab-row[aria-pressed=true] .cab-rd:before{content:"out ▸ ";color:var(--amber)}@media(max-width:900px){.shelf{top:calc(108px + var(--safe-t));left:calc(12px + var(--safe-l));flex-direction:column;align-items:flex-start;gap:4px}.shelf-h{display:none}.jars{flex-direction:column;gap:4px;padding:0;border:0;box-shadow:none}.jar{width:30px;height:30px}.jar-g{font-size:16px;text-shadow:0 0 7px rgba(255,179,71,.85)}.jar-card{top:0;left:calc(100% + 8px)}.cabinet-btn{width:30px;height:30px;margin:4px 0 0}.cab-g{font-size:16px}.cab-rs{font-size:11px}.cabinet-t{letter-spacing:.08em}.cabinet-c{display:none}.cab-row{grid-template-columns:16px 1fr}.cab-rg{grid-row:span 3}.cab-rd,.cab-rs{grid-column:2}}
