:root{--bg:#0e0e0e;--surface:#131313;--surface-high:#191a1a;--surface-variant:#262626;--surface-ghost:#050505;--text:#f4f1e6;--text-dim:#9d9890;--primary:#ffdd7c;--secondary:#9af6b8;--accent:#ffaa78;--shadow-block:#2d2100}*{box-sizing:border-box;border-radius:0}html,body,#root{min-height:100%}html{background:var(--bg)}body{background:radial-gradient(circle at top, #ffdd7c0f, transparent 28%), var(--bg);color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:Courier New,Lucida Console,monospace;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:20;position:fixed;inset:0}body:before{opacity:.8;background:linear-gradient(#ffffff09 50%,#0000 50%) 0 0/100% 4px,linear-gradient(90deg,#ffaa7808,#9af6b804,#ffdd7c05) 0 0/6px 100%}body:after{opacity:.1;background:#ffffff05;animation:.18s steps(2,end) infinite screen-flicker}button,canvas{image-rendering:pixelated}button{font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;border:0}.terminal-app{z-index:1;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative}.terminal-app>header,.terminal-app>main,.terminal-app>footer{z-index:2;position:relative}.sunflower-burst-overlay{z-index:15;pointer-events:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));padding:4rem 2rem 4.5rem;display:grid;position:fixed;inset:0;overflow:hidden}.burst-cell{place-items:center;padding:.5rem;display:grid;overflow:visible}.burst-sunflower{opacity:.8;filter:drop-shadow(3px 3px #2d21008c);animation:1.6s steps(2,end) infinite bloom-drift}.top-bar,.footer-bar{background:var(--surface-high);box-shadow:0 4px 0 var(--surface-variant)}.top-bar{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex}.header-action-button{background:var(--surface-variant);color:var(--primary);min-height:2.6rem;padding:.55rem .85rem;transition:transform 50ms steps(2,end),background-color 50ms steps(2,end),color 50ms steps(2,end)}.header-action-button:hover,.header-action-button:focus-visible{background:var(--primary);color:var(--bg);box-shadow:2px 2px 0 var(--shadow-block);transform:translate(-2px,-2px)}.os-title{color:var(--primary);text-shadow:2px 0 #ffdd7c2e;font-size:clamp(1rem,2vw,1.35rem);font-weight:700}.top-nav{flex-wrap:wrap;gap:.75rem;display:flex}.nav-link,.footer-button,.terminal-button{transition:transform 50ms steps(2,end),background-color 50ms steps(2,end),color 50ms steps(2,end)}.nav-link{color:var(--primary);background:0 0;padding:.35rem .5rem}.nav-link.active,.nav-link:hover,.footer-button.active,.footer-button:hover,.tertiary-button:hover{background:var(--primary);color:var(--bg);box-shadow:2px 2px 0 var(--shadow-block);transform:translate(-2px,-2px)}.terminal-main{grid-template-columns:280px minmax(0,1fr);gap:1rem;min-height:0;padding:1rem;display:grid}.panel,.display-panel{background:var(--surface);box-shadow:0 0 0 4px var(--surface-variant), 0 0 0 8px var(--primary)}.status-panel{background:linear-gradient(180deg, #ffdd7c0a, transparent 30%), var(--surface-high);flex-direction:column;gap:1.25rem;min-height:0;padding:1rem;display:flex}.display-panel{grid-template-rows:minmax(0,1fr) auto;gap:1rem;padding:1.15rem;display:grid;position:relative;overflow:hidden}.display-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffdd7c0a,#0000);animation:7s linear infinite sweep;position:absolute;inset:0}.intro-main{place-items:center;padding:1rem;display:grid}.intro-screen{background:linear-gradient(180deg, #ffdd7c0a, transparent 30%), var(--surface-high);gap:1rem;width:min(100%,56rem);padding:1.25rem;display:grid}.intro-message-shell{background:var(--surface-variant);align-items:flex-start;min-height:14rem;padding:1rem 1.1rem;display:flex;box-shadow:inset 0 0 0 2px #ffdd7c14}.intro-message{text-transform:none;letter-spacing:.02em;color:var(--text);white-space:pre-wrap;font-size:clamp(1rem,1.7vw,1.15rem);line-height:1.85}.intro-continue{justify-self:start;width:fit-content;min-width:12rem}.panel-group,.panel-stack,.controls-stack,.log-panel{background:var(--surface-variant);padding:.8rem;box-shadow:inset 0 0 0 2px #ffdd7c14}.panel-group.compact{padding:.65rem .8rem}.panel-label{color:var(--primary);margin-bottom:.55rem;font-size:.72rem}.status-chip,.metric-card{background:var(--surface);align-items:center;gap:.6rem;min-height:2.6rem;padding:.65rem .7rem;display:inline-flex}.metric-card.accent{color:var(--accent);box-shadow:inset 0 0 0 2px #ffaa7840}.status-light{background:#414141;width:.8rem;height:.8rem}.status-light.is-online{background:var(--secondary);box-shadow:2px 0 #9af6b840}.block-meter{grid-template-columns:repeat(10,minmax(0,1fr));gap:.35rem;display:grid}.meter-block{background:var(--surface);height:1rem;display:block}.meter-block-secondary{background:var(--secondary)}.meter-block-primary{background:var(--primary)}.panel-metric,.meta-line{color:var(--text-dim);margin-top:.55rem;font-size:.78rem}.panel-stack{margin-top:auto}.canvas-shell{background:var(--surface-ghost);place-items:center;min-height:22rem;display:grid;position:relative;overflow:hidden}.canvas-stage{aspect-ratio:1;width:min(100%,26rem);position:relative}.sunflower-bloom-cluster{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.bee-swarm{pointer-events:none;z-index:3;position:absolute;inset:0}.bee-orbit{width:0;height:0;animation:linear infinite bee-orbit;position:absolute;top:35%;left:50%}.pixel-bee{transform-origin:50%;filter:drop-shadow(2px 2px #2d210073);animation:.9s steps(2,end) infinite bee-hover;position:absolute;top:0;left:0}.cluster-sunflower{transform-origin:50% 100%;filter:drop-shadow(2px 2px #2d210080);animation:1.5s steps(2,end) infinite cluster-bloom;position:absolute}.phosphor-frame{box-shadow:0 0 0 4px var(--surface-variant), 0 0 0 8px var(--primary), 4px 4px 0 8px #ffdd7c1f}.sunflower-canvas{aspect-ratio:1;background:var(--surface-ghost);z-index:1;width:100%;display:block;position:relative}.telemetry-overlay{color:#ffdd7cc7;text-shadow:1px 0 #ffdd7c33;z-index:3;gap:.3rem;font-size:.7rem;display:grid;position:absolute;top:.85rem;left:.85rem}.controls-stack{z-index:1;gap:.85rem;display:grid;position:relative}.cta-banner,.system-message{background:var(--surface-variant);text-align:center;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1rem;display:flex}.cta-banner{color:var(--primary);box-shadow:0 0 0 4px var(--surface), 4px 4px 0 #ffdd7c2e}.system-message{color:var(--text-dim)}.typing-text{align-items:center;gap:.25rem;display:inline-flex}.intro-message.typing-text{display:block}.typing-cursor{background:var(--primary);width:.75ch;height:1.1em;animation:.9s steps(2,end) infinite cursor-blink}.terminal-button{min-height:3.2rem;padding:.85rem 1rem}.primary-button{background:linear-gradient(180deg, var(--accent), var(--primary));color:var(--bg);box-shadow:4px 4px #ffaa7859}.primary-button:hover,.primary-button:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px #ffaa7859}.primary-button:disabled{color:#151515;cursor:not-allowed;box-shadow:none;background:#696252;transform:none}.tertiary-button{background:var(--surface);color:var(--secondary);box-shadow:4px 4px #9af6b826}.log-panel{gap:.45rem;max-height:12rem;display:grid;overflow:auto}.log-line{color:var(--secondary);background:var(--surface);padding:.55rem .7rem;font-size:.75rem;line-height:1.5}.footer-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:.9rem 1rem 1.15rem;display:grid}.footer-button{background:var(--surface-variant);min-height:3rem;color:var(--primary)}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes screen-flicker{0%{opacity:.06}to{opacity:.11}}@keyframes sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes bloom-drift{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(2px - 50%),calc(-50% - 2px))}}@keyframes cluster-bloom{0%,to{filter:drop-shadow(2px 2px #2d210080)}50%{filter:drop-shadow(3px 3px #ffdd7c33)}}@keyframes bee-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bee-hover{0%,to{margin-top:0}50%{margin-top:-3px}}@media (width<=920px){.sunflower-burst-overlay{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.terminal-main{grid-template-columns:1fr}.status-panel{order:2}.display-panel{order:1}}@media (width<=640px){.sunflower-burst-overlay{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));padding:2rem 1rem 3rem}.top-bar{flex-direction:column;align-items:flex-start}.footer-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.sunflower-canvas{width:100%}}