:root{--sysbar-h:26px;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--thought:#7fe7ff;--hint:#ffe066;--alert:#ff6b6b}*{box-sizing:border-box}html,body{color:#eee;height:100%;font-family:var(--sans);background:#000;margin:0;overflow:hidden}.hidden{display:none!important}.stage-root{top:var(--sysbar-h);z-index:0;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.hud{pointer-events:none;z-index:100;position:fixed;inset:0}.sysbar{pointer-events:auto;height:var(--sysbar-h);font:12px var(--mono);color:#c9c9d1;-webkit-user-select:none;user-select:none;background:#0e0e12f0;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:0 10px;display:flex;position:absolute;top:0;left:0;right:0}.sys-status{white-space:nowrap;text-overflow:ellipsis;color:#9aa0ac;overflow:hidden}.sys-spacer{flex:1}.sys-weather{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;transition:background .2s,color .6s;display:flex}.sys-weather:hover{background:#ffffff12}.sys-weather .w-temp{color:#fff;font-weight:700}.sys-weather .w-loc{color:#7d8390}.sys-weather.hot .w-temp{color:#ff9b5e}.sys-clock{color:#9aa0ac}.sys-gear{color:#9aa0ac;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:15px}.sys-gear:hover{color:#fff}.sys-menu{top:calc(var(--sysbar-h) + 4px);background:#1b1c22;border:1px solid #333;border-radius:6px;flex-direction:column;min-width:220px;padding:4px;display:flex;position:absolute;right:6px;box-shadow:0 8px 30px #00000080}.sys-menu-item{text-align:left;color:#ddd;font:13px var(--sans);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:7px 10px}.sys-menu-item:hover{background:#2c2e38}.sys-menu-item.danger{color:#ff8a8a}.monologue{width:min(520px,46vw);font:14px/1.4 var(--mono);flex-direction:column;gap:6px;display:flex;position:absolute}.monologue.pos-bottom-left{bottom:16px;left:16px}.monologue.pos-bottom-right{bottom:16px;right:16px}.monologue.pos-top-right{right:16px;top:calc(var(--sysbar-h) + 12px)}.monologue.pos-top-left{left:16px;top:calc(var(--sysbar-h) + 12px)}.thought{border-left:3px solid var(--thought);color:var(--thought);text-shadow:0 0 8px #7fe7ff40;background:#060a10d1;border-radius:2px 6px 6px 2px;gap:8px;padding:7px 11px;transition:opacity 1.1s,transform 1.1s;animation:.25s ease-out thought-in;display:flex;box-shadow:0 2px 12px #00000059}.thought-prefix{opacity:.6}.thought.kind-hint{color:var(--hint);border-left-color:var(--hint);text-shadow:0 0 10px #ffe06659}.thought.kind-system{color:#a9b1bd;text-shadow:none;border-left-color:#59606b;font-size:12.5px}.thought.kind-alert{color:var(--alert);border-left-color:var(--alert)}.thought.fading{opacity:0;transform:translateY(-4px)}@keyframes thought-in{0%{opacity:0;transform:translate(-8px)}}.popups{pointer-events:none;z-index:200;position:fixed;inset:0}.intervention-stack{right:16px;top:calc(var(--sysbar-h) + 60px);flex-direction:column;gap:10px;width:min(360px,90vw);display:flex;position:absolute}.iv-card{pointer-events:auto;font:13px var(--mono);color:#ffd9d9;background:#1a0d0f;border:1px solid #ff5a5a;border-radius:8px;padding:12px 14px;animation:.3s cubic-bezier(.2,1.4,.4,1) iv-in;box-shadow:0 0 0 1px #ff5a5a33,0 10px 30px #0009,0 0 30px #ff3c3c26}.iv-card.urgent{animation:.5s infinite alternate iv-pulse}.iv-card.blocked{color:#c8f7d8;opacity:.6;border-color:#58d68d;transition:opacity .6s}.iv-card.expired{color:#999;opacity:.7;border-color:#666}.iv-title{letter-spacing:.08em;color:#ff7b7b;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.iv-text{margin-bottom:10px;font-size:14px;line-height:1.35}.iv-row{align-items:center;gap:10px;display:flex}.iv-bar{background:#3a1a1d;border-radius:3px;flex:1;height:6px;overflow:hidden}.iv-bar-fill{background:linear-gradient(90deg,#ff5a5a,#ffb35a);width:100%;height:100%;transition:width .1s linear}.iv-btn{font:bold 13px var(--mono);color:#1a0d0f;cursor:pointer;background:#ff5a5a;border:none;border-radius:5px;padding:6px 16px}.iv-btn:hover:not(:disabled){background:#ff8080}.iv-btn:disabled{color:#aaa;cursor:default;background:#444}@keyframes iv-in{0%{opacity:0;transform:translate(60px)}}@keyframes iv-pulse{to{box-shadow:0 0 0 2px #ff5a5acc,0 10px 30px #0009,0 0 40px #ff3c3c80}}.modal-backdrop{pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:absolute;inset:0}.modal{color:#e4e4ea;background:#16171c;border:1px solid #353743;border-radius:10px;min-width:300px;max-width:min(560px,92vw);max-height:86vh;padding:18px 20px;overflow:auto;box-shadow:0 20px 60px #0009}.modal-title{font:bold 16px var(--sans);margin-bottom:10px}.modal-body{font:14px/1.5 var(--sans);white-space:pre-wrap}.modal-buttons{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-btn{font:13px var(--sans);color:#ddd;cursor:pointer;background:#24252c;border:1px solid #444;border-radius:6px;padding:7px 14px}.modal-btn.primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.toast-stack{left:50%;top:calc(var(--sysbar-h) + 14px);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.toast{font:13px var(--sans);color:#eee;background:#14161ceb;border:1px solid #3a3d48;border-radius:6px;padding:7px 14px;transition:opacity .5s;animation:.2s fade-in}.toast.fading{opacity:0}@keyframes fade-in{0%{opacity:0}}
