:root{--panel-width-side:220px;--bottom-bar-height:44px;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-display:"JetBrains Mono", "Courier New", monospace;--font-body:"JetBrains Mono", "Courier New", monospace;--pixel-size:2px;--color-bg:#1a1200;--color-surface:#2a1f00;--color-border:#5a4a1a;--color-primary:#f59e0b;--color-secondary:#06b6d4;--color-danger:#ff6b6b;--color-error:#ff6b6b;--color-warning:#f59e0b;--color-text:#e8d5a3;--color-text-dim:#8a7a5a;--color-glow:#8b6914;--color-c64-blue:#40318d;--color-c64-green:#7abf7e;--color-c64-brown-red:#9a6324;--color-c64-light-blue:#7869c4;--color-c64-light-green:#a8d5ab;--border-radius:0px;--border-width:1px;--transition-speed:0s;--glow-intensity:0}@property --activity-level{syntax:"<number>";inherits:true;initial-value:0}@property --tier-proximity{syntax:"<number>";inherits:true;initial-value:0}[data-tier="1"]{--color-bg:#1a1200;--color-surface:#2a1f00;--color-border:#5a4a1a;--color-primary:#f59e0b;--color-secondary:#06b6d4;--color-danger:#ff6b6b;--color-text:#e8d5a3;--color-text-dim:#8a7a5a;--color-glow:#8b6914;--color-c64-blue:#40318d;--color-c64-green:#7abf7e;--color-c64-brown-red:#9a6324;--color-c64-light-blue:#7869c4;--color-c64-light-green:#a8d5ab;--font-body:"JetBrains Mono", "Courier New", monospace;--border-radius:0px;--border-width:1px;--transition-speed:0s;--glow-intensity:0}[data-tier="2"]{--color-bg:#0f172a;--color-surface:#ffffff0d;--color-border:#ffffff1a;--color-primary:#f59e0b;--color-secondary:#06b6d4;--color-danger:#ff6b6b;--color-text:#e2e8f0;--color-text-dim:#94a3b8;--color-glow:#f59e0b;--color-success:#10b981;--color-info:#8b5cf6;--color-muted:#64748b;--color-highlight:#fbbf24;--color-text-bright:#f8fafc;--color-surface-hover:#ffffff14;--color-error:#ff6b6b;--color-warning:#f59e0b;--panel-backdrop-blur:12px;--panel-bg:#0f172acc;--panel-shadow:0 4px 20px #0000004d;--panel-border-hover:#fff3;--font-body:"Inter", system-ui, sans-serif;--font-display:"JetBrains Mono", "Courier New", monospace;--border-radius:4px;--border-width:1px;--transition-speed:.2s;--glow-intensity:.3}[data-tier="2"] .left-sidebar,[data-tier="2"] .right-panel,[data-tier="2"] .centre-panel,[data-tier="2"] .bottom-bar{-webkit-backdrop-filter:blur(var(--panel-backdrop-blur,12px));background:var(--panel-bg);box-shadow:var(--panel-shadow);border-color:var(--color-border);transition:border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease}[data-tier="2"] .scanlines:after{opacity:0;pointer-events:none}[data-tier="2"] .jitter,[data-tier="2"] .flicker{animation:none}[data-tier="2"] .cursor-block{transition:transform .12s ease-out}[data-tier="2"] .cursor-block:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){[data-tier="2"] .cursor-block{transition:none}[data-tier="2"] .cursor-block:active{opacity:.8;transform:none}}[data-tier="2"] .tok-per-sec{transition:all .2s ease-out}@media (prefers-reduced-motion:reduce){[data-tier="2"] .tok-per-sec{transition:none}}[data-tier="3"]{--color-bg:#020617;--color-surface:#ffffff14;--color-surface-hover:#ffffff1f;--color-border:#ffffff26;--color-primary:#f59e0b;--color-secondary:#06b6d4;--color-danger:#ff6b6b;--color-success:#34d399;--color-info:#a78bfa;--color-muted:#94a3b8;--color-highlight:#fcd34d;--color-ambient:#f59e0b14;--color-text:#f1f5f9;--color-text-dim:#cbd5e1;--color-text-bright:#fff;--color-glow:#f59e0b;--font-body:"Inter", system-ui, sans-serif;--font-display:"JetBrains Mono", "Fira Code", monospace;--panel-backdrop-blur:20px;--panel-bg:#020617d9;--panel-shadow:0 8px 32px #00000080, 0 0 60px #f59e0b0d;--panel-border-hover:#f59e0b26;--panel-glow:0 0 40px #f59e0b08;--border-radius:12px;--border-width:1px;--transition-speed:.4s;--glow-intensity:1;background:linear-gradient(135deg,#020617 0%,#0a0f1f 25%,#020617 50%,#0f172a 75%,#020617 100%) 0 0/400% 400%;animation:20s ease-in-out infinite tier3-bg-shift}@keyframes tier3-bg-shift{0%,to{background-position:0%}50%{background-position:100%}}[data-tier="3"]:after{content:"";pointer-events:none;z-index:0;opacity:.02;background-color:#0000;background-image:linear-gradient(#f59e0b1a 1px,#0000 1px),linear-gradient(90deg,#f59e0b1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}[data-tier="3"] .left-sidebar,[data-tier="3"] .right-panel,[data-tier="3"] .centre-panel,[data-tier="3"] .bottom-bar{-webkit-backdrop-filter:blur(20px);background:var(--panel-bg);box-shadow:var(--panel-shadow), var(--panel-glow);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease}[data-tier="3"] .scanlines:after{opacity:0;pointer-events:none}[data-tier="3"] .jitter,[data-tier="3"] .flicker{animation:none}[data-tier="3"] .tok-per-sec{transition:all .2s ease-out}@media (prefers-reduced-motion:reduce){[data-tier="3"] .tok-per-sec{transition:none}}.scanlines:after{content:"";pointer-events:none;z-index:9999;opacity:0;background:0 0;position:fixed;inset:0}[data-tier="1"] .scanlines:after{opacity:.13;background:repeating-linear-gradient(#0000 0 2px,#00000080 2px 4px)}@keyframes text-jitter{0%,92%{transform:translate(0)}93%{transform:translate(-1px)}94%{transform:translateY(1px)}95%{transform:translate(1px)}96%{transform:translateY(-1px)}97%{transform:translate(-1px,1px)}98%{transform:translate(1px,-1px)}99%{transform:translate(0)}to{transform:translate(0)}}[data-tier="1"] .jitter{animation:4s step-end infinite text-jitter}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor-block{font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:2rem;animation:1s step-end infinite cursor-blink}.cursor-block:active{opacity:.7;transform:scale(.92)}@keyframes fragment-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.token-fragment{pointer-events:none;font-family:var(--font-mono);color:var(--color-secondary);animation:.8s steps(8,end) forwards fragment-float;position:absolute}@keyframes event-flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes color-flicker{0%{color:var(--color-primary)}33%{color:var(--color-secondary)}66%{color:var(--color-c64-green)}to{color:var(--color-primary)}}[data-tier="1"] .flicker{animation:.15s step-end forwards color-flicker}[data-tier="2"] button:hover,[data-tier="2"] .generator-row:hover{box-shadow:0 0 8px rgba(245, 158, 11, calc(var(--glow-intensity) * .5));border-color:var(--panel-border-hover,#fff3);transition:all var(--transition-speed) ease}[data-tier="2"] .left-sidebar:hover,[data-tier="2"] .right-panel:hover{border-color:#ffffff26}[data-tier="3"] .counter-tick,[data-tier="3"] .tok-per-sec{text-shadow:0 0 10px #f59e0b66}[data-tier="3"] button:hover{transition:all var(--transition-speed) ease;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}@keyframes tier3-pulse{0%,to{box-shadow:0 0 8px #f59e0b1a}50%{box-shadow:0 0 16px #f59e0b33}}[data-tier="3"] .generator-row:hover{animation:2s ease-in-out infinite tier3-pulse}[data-tier="3"] .left-sidebar:hover,[data-tier="3"] .right-panel:hover{box-shadow:0 8px 32px #00000080,0 0 80px #f59e0b14}@keyframes purchase-flash-t1{0%,to{background:var(--color-surface)}50%{background:var(--color-primary)}}[data-tier="1"] .generator-row.purchased{animation:.2s step-end forwards purchase-flash-t1}@keyframes purchase-ripple-t2{0%{box-shadow:inset 0 0 #f59e0b66}30%{box-shadow:inset 0 0 20px 5px #f59e0b4d}to{box-shadow:inset 0 0 #f59e0b00}}[data-tier="2"] .generator-row.purchased{animation:.4s ease-out forwards purchase-ripple-t2}[data-tier="2"] .generator-row.purchased+.generator-row{animation:.3s ease-out .1s forwards purchase-ripple-adjacent}[data-tier="2"] .generator-row:has(+.generator-row.purchased){animation:.3s ease-out .1s forwards purchase-ripple-adjacent}@keyframes purchase-ripple-adjacent{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 10px 2px #f59e0b1a}}@keyframes purchase-glow-t3{0%{box-shadow:0 0 #f59e0b99}20%{box-shadow:0 0 20px 5px #f59e0b66}to{box-shadow:0 0 #f59e0b00}}[data-tier="3"] .generator-row.purchased{animation:.6s ease-out forwards purchase-glow-t3}@keyframes particle-scatter-t3{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--px,0), var(--py,0)) scale(.3)}}.purchase-particle{background:var(--color-primary,#f59e0b);pointer-events:none;z-index:10;border-radius:50%;width:4px;height:4px;animation:.6s ease-out forwards particle-scatter-t3;position:absolute}[data-tier="1"] .purchase-particle{border-radius:0}@keyframes prompt-glow-pulse-t1{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 8px #f59e0b66}}@keyframes prompt-glow-breathe-t3{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b80}}[data-tier="1"] .prompt-bar{animation:3s ease-in-out infinite prompt-glow-pulse-t1}[data-tier="2"] .prompt-bar{transition:box-shadow .2s ease-out;box-shadow:0 0 6px #f59e0b4d}[data-tier="3"] .prompt-bar{animation:4s ease-in-out infinite prompt-glow-breathe-t3}.prompt-bar{isolation:isolate;position:relative}[data-tier="1"] .prompt-bar{border:3px solid #f59e0b;border-radius:0;padding:0 1rem;animation:none}[data-tier="1"] .prompt-bar:after{content:"";pointer-events:none;z-index:-1;animation:3s ease-in-out infinite prompt-glow-pulse-t1;position:absolute;inset:-2px}[data-tier="2"] .prompt-bar{-webkit-backdrop-filter:blur(8px);border:1px solid #f59e0b99;border-radius:6px;padding:0 1rem;transition:box-shadow .15s ease-out;animation:none}[data-tier="2"] .prompt-bar:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;position:absolute;inset:-4px;box-shadow:0 0 6px #f59e0b4d}[data-tier="3"] .prompt-bar{border:1px solid #f59e0b66;border-radius:8px;padding:0 1rem;transition:box-shadow .15s ease-out;animation:none}[data-tier="3"] .prompt-bar:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;animation:4s ease-in-out infinite prompt-glow-breathe-t3;position:absolute;inset:-4px}.prompt-bar{--combo-spread:calc(20px + var(--combo-level,0) * 5px);--combo-alpha:calc(.2 + var(--combo-level,0) * .08);box-shadow:0 0 var(--combo-spread) rgba(245, 158, 11, var(--combo-alpha));transition:box-shadow .15s ease-out}[data-tier="1"] .prompt-bar{box-shadow:4px 4px 0px #f59e0b, 0 0 var(--combo-spread) rgba(245, 158, 11, var(--combo-alpha))}.counter-tick{display:block}@keyframes submit-flash-t2{0%{transform:scale(1);box-shadow:0 0 6px #f59e0b4d}30%{transform:scale(1.05);box-shadow:0 0 30px #f59e0bb3}to{transform:scale(1);box-shadow:0 0 6px #f59e0b4d}}@keyframes submit-flash-t3{0%{transform:scale(1);box-shadow:0 0 8px #f59e0b4d}30%{transform:scale(1.05);box-shadow:0 0 40px #f59e0bcc}to{transform:scale(1);box-shadow:0 0 8px #f59e0b4d}}[data-tier="2"] .prompt-bar.submitted{animation:.15s ease-out forwards submit-flash-t2}[data-tier="3"] .prompt-bar.submitted{animation:.2s ease-out forwards submit-flash-t3}@keyframes cursor-blink-fast{0%,49%{opacity:1}50%,to{opacity:0}}[data-tier="1"] .cursor-block.submitting{animation:.1s step-end infinite cursor-blink-fast}.generate-btn{transition:transform .12s ease-out}.generate-btn:active{transform:scale(.92)}[data-tier="2"] .generate-btn:active{transform:scale(.95)}[data-tier="3"] .generate-btn:active{transform:scale(.9)}@media (prefers-reduced-motion:reduce){[data-tier="2"] .prompt-bar.submitted,[data-tier="3"] .prompt-bar.submitted,[data-tier="1"] .cursor-block.submitting{animation:none}.generate-btn:active{transform:none}}.floater{font-family:var(--font-mono);color:var(--color-primary);-webkit-user-select:none;user-select:none;white-space:nowrap;transform-origin:bottom;font-size:.8rem;font-weight:700}@keyframes floater-rise-t1{0%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(-48px)}to{opacity:0;transform:translate(-50%)translateY(-56px)}}.floater--t1{font-size:.75rem;animation:.7s steps(7,end) forwards floater-rise-t1}@keyframes floater-rise-t2{0%{opacity:1;transform:translate(-50%)translateY(0)}70%{opacity:.9;transform:translate(-50%)translateY(-52px)}to{opacity:0;transform:translate(-50%)translateY(-64px)}}.floater--t2{animation:1s ease-out forwards floater-rise-t2}@keyframes floater-rise-t3{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}20%{opacity:1;transform:translate(-50%)translateY(-20px)scale(1.05)}80%{opacity:.8;transform:translate(-50%)translateY(-60px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-72px)scale(.9)}}.floater--t3{text-shadow:0 0 8px #f59e0b99;animation:1.1s ease-out forwards floater-rise-t3}.floater--shard{display:none!important}#toast-container{pointer-events:none;z-index:9100;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.milestone-toast{font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-primary);opacity:0;min-width:220px;max-width:280px;padding:.5rem .75rem;font-size:.7rem;transform:translate(110%)}.toast-title{color:var(--color-primary);margin-bottom:.25rem;font-weight:700;display:block}.toast-body{color:var(--color-text-dim);font-size:.65rem;display:block}@keyframes toast-enter-t1{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit-t1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.milestone-toast--t1.milestone-toast--visible{animation:.1s step-end forwards toast-enter-t1}.milestone-toast--t1.milestone-toast--dismissing{animation:.1s step-end forwards toast-exit-t1}@keyframes toast-enter-t2{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit-t2{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.milestone-toast--t2.milestone-toast--visible{animation:.3s ease-out forwards toast-enter-t2}.milestone-toast--t2.milestone-toast--dismissing{animation:.25s ease-out forwards toast-exit-t2}@keyframes toast-enter-t3{0%{opacity:0;transform:translate(110%)}60%{opacity:1;transform:translate(-6%)}80%{opacity:1;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit-t3{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.milestone-toast--t3.milestone-toast--visible{animation:.5s ease-out forwards toast-enter-t3}.milestone-toast--t3.milestone-toast--dismissing{animation:.3s ease-out forwards toast-exit-t3}@media (prefers-reduced-motion:reduce){.milestone-toast--visible,.milestone-toast--dismissing{opacity:1;transform:translate(0);animation:none!important}.milestone-toast--dismissing{opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}body.is-idle .generator-row{animation:3s ease-in-out infinite breathe}body.is-idle .cursor-block{animation-duration:2s!important}body.is-idle .generator-row.purchased{animation:none}@keyframes anchor-idle-breathe{0%,to{opacity:.6}50%{opacity:1}}body.is-idle .prompt-bar:after{animation:4s ease-in-out infinite anchor-idle-breathe!important}@keyframes prompt-glow-continuous{0%,to{opacity:.7;box-shadow:0 0 12px #f59e0b80}50%{opacity:1;box-shadow:0 0 28px #f59e0bd9}}.prompt-bar--continuous:after{animation:1.2s ease-in-out infinite prompt-glow-continuous!important}@media (prefers-reduced-motion:reduce){body.is-idle .generator-row{animation:none}body.is-idle .cursor-block{animation-duration:1s!important}body.is-idle .prompt-bar:after,.prompt-bar:after{animation:none!important}.prompt-bar--continuous:after{box-shadow:0 0 16px #f59e0b99;animation:none!important}}.distortion-overlay{white-space:pre-wrap;word-break:break-all}@media (prefers-reduced-motion:reduce){.distortion-overlay{display:none!important}}@keyframes hw-drop-t2{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--hw-drop-dy));opacity:.8}}@keyframes hw-drop-t3-fall{0%{opacity:1;transform:translateY(0)scale(1)}to{transform:translateY(var(--hw-drop-dy)) scale(1);opacity:1}}@keyframes hw-drop-t3-land{0%{transform:translateY(var(--hw-drop-dy)) scale(1.1)}to{transform:translateY(var(--hw-drop-dy)) scale(1)}}.hw-drop-t2{animation:.28s cubic-bezier(.4,0,1,1) forwards hw-drop-t2}.hw-drop-t3{text-shadow:0 0 8px var(--color-primary);animation:.22s cubic-bezier(.4,0,1,1) forwards hw-drop-t3-fall,.1s ease-out .22s forwards hw-drop-t3-land}[data-tier="1"] .hw-price-update{animation:80ms step-end forwards purchase-flash-t1}[data-tier="2"] .hw-price-update,[data-tier="3"] .hw-price-update{transition:color .4s ease-out;color:var(--color-primary)!important}@media (prefers-reduced-motion:reduce){.dataflow-vis{opacity:.2!important}}@keyframes onboard-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.onboard-prompt-highlight{animation:2s ease-in-out infinite onboard-border-pulse;box-shadow:0 0 8px #f59e0b4d;border-color:var(--color-primary)!important}@keyframes onboard-border-pulse{0%,to{box-shadow:0 0 4px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b66}}@media (prefers-reduced-motion:reduce){.onboard-prompt-highlight{animation:none!important}}[data-tier="1"] .tier-progress-fill{transition:width!important}[data-tier="2"] .tier-progress-fill{box-shadow:0 0 4px #f59e0b4d}[data-tier="1"] .generator-production-bar{opacity:.6!important;transition:width!important}[data-tier="2"] .generator-production-bar{box-shadow:0 0 4px #f59e0b4d;opacity:.5!important}[data-tier="3"] .generator-production-bar{animation:2s ease-in-out infinite production-pulse;box-shadow:0 0 6px #f59e0b80,0 0 12px #f59e0b33;opacity:.7!important;height:2px!important}@keyframes production-pulse{0%,to{opacity:.5}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.hw-drop-t2,.hw-drop-t3{animation:none!important}.hw-price-update{transition:none!important;animation:none!important}.generator-production-bar{animation:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-mono);overflow-x:hidden}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius,0)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}@keyframes jitter{0%{transform:translate(0)}10%{transform:translate(calc(var(--jitter-amt,0px) * -.6), calc(var(--jitter-amt,0px) * .4))}20%{transform:translate(calc(var(--jitter-amt,0px) * .8), calc(var(--jitter-amt,0px) * -.3))}30%{transform:translate(calc(var(--jitter-amt,0px) * -.4), calc(var(--jitter-amt,0px) * .7))}40%{transform:translate(calc(var(--jitter-amt,0px) * .5), calc(var(--jitter-amt,0px) * .2))}50%{transform:translate(0)}60%{transform:translate(calc(var(--jitter-amt,0px) * -.3), calc(var(--jitter-amt,0px) * -.5))}70%{transform:translate(calc(var(--jitter-amt,0px) * .7), calc(var(--jitter-amt,0px) * .4))}80%{transform:translate(calc(var(--jitter-amt,0px) * -.2), calc(var(--jitter-amt,0px) * -.6))}90%{transform:translate(calc(var(--jitter-amt,0px) * .4), calc(var(--jitter-amt,0px) * .1))}to{transform:translate(0)}}.tok-per-sec{animation:.12s linear infinite jitter;animation-play-state:var(--jitter-play-state,paused)}.temp-tint-overlay{pointer-events:none;z-index:50;background:linear-gradient(135deg, rgba(50, 100, 200, var(--tint-cool-opacity,0)) 0%, rgba(30, 80, 180, var(--tint-cool-opacity,0)) 100%);transition:background .5s;position:fixed;inset:0}.temp-tint-overlay:after{content:"";background:linear-gradient(135deg, rgba(220, 120, 20, var(--tint-warm-opacity,0)) 0%, rgba(200, 80, 10, var(--tint-warm-opacity,0)) 100%);transition:background .5s;position:absolute;inset:0}@keyframes generator-pulse{0%{opacity:1}50%{opacity:calc(.6 + (1 - var(--temp-value,.7)) * .2)}to{opacity:1}}.generator-row{animation:generator-pulse calc(2s / max(var(--temp-value,.7), .1)) ease-in-out infinite;animation-play-state:var(--pulse-play-state,paused)}[data-tier="2"] .centre-panel,[data-tier="3"] .centre-panel{box-shadow:inset 0 0 calc((var(--temperature,0) - 1.2) * 1.25 * 20px) calc((var(--temperature,0) - 1.2) * 1.25 * 8px) rgba(245, 158, 11, calc((var(--temperature,0) - 1.2) * 1.25 * .45));transition:box-shadow .8s ease-out}[data-tier="3"] .terminal-output:before{content:"";pointer-events:none;z-index:2;opacity:var(--temp-scanline-opacity,0);background:repeating-linear-gradient(#0000 0 2px,#00000059 2px 3px);transition:opacity .5s ease-out;position:absolute;inset:0}.terminal-output{position:relative}[data-tier="3"] .terminal-output span{text-shadow:calc(-1px * var(--temp-aberration-alpha,0)) 0 rgba(255, 0, 0, calc(var(--temp-aberration-alpha,0) * .5)), calc(1px * var(--temp-aberration-alpha,0)) 0 rgba(0, 255, 255, calc(var(--temp-aberration-alpha,0) * .5));transition:text-shadow .4s ease-out}.ambient-smear{letter-spacing:2px;text-shadow:3px 0 2px #f59e0b66}@media (prefers-reduced-motion:reduce){[data-tier="2"] .centre-panel,[data-tier="3"] .centre-panel{box-shadow:none;transition:none}[data-tier="3"] .terminal-output:before{display:none}[data-tier="3"] .terminal-output span{text-shadow:none;transition:none}.ambient-smear{letter-spacing:normal;text-shadow:none}}.tier-transition-overlay{z-index:10000;pointer-events:all;justify-content:center;align-items:center;animation:4s ease-in-out forwards ceremony-overlay;display:flex;position:fixed;inset:0}@keyframes ceremony-overlay{0%{background:0 0}5%{background:#fffc}10%{background:#0009}85%{background:#0000004d}to{background:0 0}}.tier-transition-text{letter-spacing:.3em;text-transform:uppercase;color:#f59e0b;text-shadow:0 0 40px #f59e0bcc,0 0 80px #f59e0b66;font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;animation:4s ease-in-out forwards ceremony-text}@keyframes ceremony-text{0%,7%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1.05)}15%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.1)}}.tier-transition-subtitle{letter-spacing:.2em;text-transform:uppercase;color:#f59e0bb3;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:1rem;animation:4s ease-in-out forwards ceremony-subtitle}@keyframes ceremony-subtitle{0%,15%{opacity:0}25%{opacity:1}80%{opacity:1}to{opacity:0}}.tier-transition-overlay.to-tier-2{--morph-radius-from:0px;--morph-radius-to:4px}.tier-transition-overlay.to-tier-3{--morph-radius-from:4px;--morph-radius-to:12px}.tier-transition-overlay.to-tier-2:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 2px 4px);animation:4s ease-in-out forwards scanline-fade;position:absolute;inset:0}@keyframes scanline-fade{0%,10%{opacity:1}60%{opacity:0}to{opacity:0}}.tier-transition-overlay.to-tier-3:after{content:"";pointer-events:none;background:radial-gradient(#8b5cf626 0%,#0000 70%);animation:4s ease-in-out forwards glow-pulse;position:absolute;inset:0}@keyframes glow-pulse{0%,5%{opacity:0}20%{opacity:1}70%{opacity:.6}to{opacity:0}}.tier-transition-overlay.gguf-phase .tier-transition-text,.tier-transition-overlay.gguf-phase .tier-transition-subtitle{opacity:0;transition:opacity .4s}.gguf-block{animation:.5s forwards ggufFadeIn}@keyframes ggufFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.tier-transitioning .left-sidebar,body.tier-transitioning .right-panel,body.tier-transitioning .centre-panel{opacity:.3;transition:opacity .5s ease-in}body.tier-transitioning .prompt-bar{opacity:1!important}@media (prefers-reduced-motion:reduce){body.tier-transitioning .left-sidebar,body.tier-transitioning .right-panel,body.tier-transitioning .centre-panel{transition:none}}@keyframes glitch-modal{0%,90%,to{filter:hue-rotate();transform:translate(0)}91%{filter:hue-rotate(30deg);transform:translate(-2px,1px)}92%{filter:hue-rotate(-20deg);transform:translate(3px,-1px)}95%{filter:hue-rotate(45deg);transform:translate(-1px,2px)}97%{filter:hue-rotate(-15deg);transform:translate(2px,-2px)}}[data-tier="1"] .hallucination-modal{animation:3s infinite glitch-modal}@keyframes glitch-invert-t1{0%,to{filter:none}50%{filter:invert()}}[data-tier="1"] .hallucination-modal.glitch-active{animation:.15s step-end forwards glitch-invert-t1}.hallucination-scanlines:before{content:"";pointer-events:none;z-index:1;border-radius:inherit;opacity:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:absolute;inset:0}[data-tier="1"] .hallucination-scanlines:before{opacity:1}[data-tier="2"] .hallucination-scanlines:before,[data-tier="3"] .hallucination-scanlines:before{opacity:0}@keyframes text-flicker{0%,95%,to{opacity:1}96%{opacity:.7}97%{opacity:1}98%{opacity:.8}}[data-tier="1"] .hallucination-text{animation:4s infinite text-flicker}[data-tier="2"] .hallucination-text,[data-tier="3"] .hallucination-text{animation:none}@keyframes glitch-warp-t2{0%,to{filter:hue-rotate()saturate();transform:translate(0)}25%{filter:hue-rotate(15deg)saturate(.7);transform:translate(2px)}50%{filter:hue-rotate(-10deg)saturate(.8);transform:translate(-1px)}75%{filter:hue-rotate(5deg)saturate(.9);transform:translate(1px)}}[data-tier="2"] .hallucination-modal{animation:.3s ease-out glitch-warp-t2}@keyframes glitch-rgb-t3{0%,to{box-shadow:none;filter:none;transform:translate(0)}10%{transform:translate(-2px,1px);box-shadow:-3px 0 #ff000080,3px 0 #0000ff80}20%{transform:translate(3px,-1px);box-shadow:3px 0 #ff000080,-3px 0 #0000ff80}30%{filter:hue-rotate(20deg);transform:translate(-1px,2px);box-shadow:-2px 0 #f006,2px 0 #00f6}50%{transform:translate(1px,-1px);box-shadow:-1px 0 #ff00004d,1px 0 #0000ff4d}}[data-tier="3"] .hallucination-modal{animation:.5s ease-out glitch-rgb-t3}@keyframes glitch-shake-t3{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}body.hallucination-shake{animation:.5s ease-out glitch-shake-t3}@keyframes jailbreak-flicker-t1{0%,to{background:0 0}50%{background:#ffffff1f}}@keyframes jailbreak-flicker-t23{0%,to{background:0 0}50%{background:#ffffff26}}@keyframes jailbreak-backdrop-settle{0%{background:0 0}to{background:#000000eb}}@keyframes jailbreak-fade-out{0%{opacity:1}to{opacity:0}}.jailbreak-overlay{z-index:10500;pointer-events:all;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jailbreak-headline{letter-spacing:.3em;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary), 0 0 40px #f59e0b4d;text-transform:uppercase;font-size:2.5rem;font-weight:700;font-family:var(--font-mono,"JetBrains Mono", monospace)}body.jailbreak-active .left-sidebar,body.jailbreak-active .right-panel,body.jailbreak-active .centre-panel{opacity:.05;transition:opacity .3s ease-in}.left-sidebar,.right-panel,.centre-panel{transition:opacity .3s ease-out}@media (prefers-reduced-motion:reduce){.jailbreak-overlay{animation:none!important}body.jailbreak-active .left-sidebar,body.jailbreak-active .right-panel,body.jailbreak-active .centre-panel{transition:none}}.attention-backdrop{z-index:10400;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attention-card{background:color-mix(in srgb, var(--color-bg) 95%, transparent);border:1px solid var(--color-border);border-radius:var(--border-radius);width:calc(100% - 32px);max-width:560px;padding:20px 24px;position:relative}.attention-card-enter{opacity:0;transform:translateY(12px)}.attention-card-visible{opacity:1;transition:opacity .2s ease-out,transform .2s ease-out;transform:translateY(0)}.attention-headline-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.attention-headline-label{font-size:13px;font-weight:700;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text)}.attention-skip-btn{font-family:var(--font-mono);color:var(--color-text-dim);cursor:pointer;letter-spacing:.08em;background:0 0;border:none;padding:0;font-size:9.6px;transition:color .12s}.attention-skip-btn:hover{color:var(--color-text)}.attention-instruction-block{background:color-mix(in srgb, var(--color-surface) 60%, transparent);border-left:2px solid var(--color-primary);margin-bottom:16px;padding:10px 12px}.attention-instruction-primary{font-family:var(--font-mono);color:var(--color-text);letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600}.attention-instruction-hint{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.02em;font-size:9.6px;line-height:1.5}.attention-chips-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px;display:flex}.attention-chip{border:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:2px;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px 6px;transition:border-color .1s,background .1s;display:flex}.attention-chip:hover,.attention-chip:focus-visible{background:color-mix(in srgb, var(--color-primary) 5%, transparent);border-color:#f59e0b66;outline:none}.attention-chip--level-1,.attention-chip--level-2,.attention-chip--level-3{border-color:#f59e0b40}.attention-chip--level-3{background:color-mix(in srgb, var(--color-primary) 6%, transparent);border-color:#f59e0b8c}.attention-chip-token{font-size:13px;font-family:var(--font-mono);color:var(--color-text);text-align:center}.attention-chip-blocks{flex-direction:column-reverse;gap:2px;width:100%;display:flex}.attention-chip-pct{font-size:9.6px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.attention-weight-block{background:var(--color-surface);border-radius:1px;width:100%;height:6px;transition:background 80ms ease-out}.attention-weight-block--active{background:var(--color-primary)}.attention-budget{font-family:var(--font-mono);text-align:center;letter-spacing:.06em;color:var(--color-text-dim);min-height:14px;margin-bottom:4px;font-size:9.6px}.attention-budget--ok{color:var(--color-primary)}.attention-budget--over{color:var(--color-danger,var(--color-error))}.attention-reward-preview{font-family:var(--font-mono);text-align:center;color:var(--color-text-dim);opacity:.7;letter-spacing:.04em;margin-bottom:10px;font-size:9.6px}.attention-timer-bar{background:var(--color-primary);transform-origin:0;width:100%;height:2px;transition:transform .1s linear}.attention-timer-bar--critical{background:var(--color-danger,var(--color-error));transition:background .5s}.attention-timer-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.attention-timer-digits{font-family:var(--font-mono);color:var(--color-text-dim);font-size:11px}.attention-timer-digits--critical{font-family:var(--font-mono);color:var(--color-danger,var(--color-error));font-size:11px;animation:.4s step-end infinite attention-urgent-blink}.attention-btn-row{gap:10px;display:flex}.attention-btn-submit{border:1px solid var(--color-primary);color:var(--color-primary);font-size:9.6px;font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:0 0;padding:6px 20px;transition:background .12s}.attention-btn-submit:hover{background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.attention-score-enter{opacity:0}.attention-score-visible{opacity:1;transition:opacity .15s}.attention-result-headline{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.attention-result-score{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:18px;font-weight:700}.attention-result-score--good{color:var(--color-secondary)}.attention-result-score--ok{color:var(--color-primary)}.attention-result-score--low{color:var(--color-danger,var(--color-error))}.attention-result-boost{font-family:var(--font-mono);color:var(--color-primary);letter-spacing:.06em;font-size:14px;font-weight:700}.attention-result-breakdown{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.attention-result-row{font-family:var(--font-mono);border-radius:2px;grid-template-columns:1fr 3.5rem 1.2rem 4.5rem 1fr;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:grid}.attention-result-row--perfect{background:color-mix(in srgb, var(--color-secondary) 8%, transparent);border-left:2px solid var(--color-secondary)}.attention-result-row--over{background:color-mix(in srgb, var(--color-danger,var(--color-error)) 6%, transparent);border-left:2px solid var(--color-danger,var(--color-error))}.attention-result-row--under{background:color-mix(in srgb, var(--color-primary) 6%, transparent);border-left:2px solid var(--color-primary)}.attention-result-token{color:var(--color-text);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.attention-result-player{text-align:right;letter-spacing:.06em;font-size:9px;font-weight:700}.attention-result-arrow{text-align:center;color:var(--color-text-dim);font-size:10px}.attention-result-ideal{letter-spacing:.04em;opacity:.8;font-size:9px}.attention-result-gap{color:var(--color-text-dim);text-align:right;letter-spacing:.02em;font-size:9px}.attention-result-note{font-family:var(--font-mono);color:var(--color-text-dim);text-align:center;opacity:.7;letter-spacing:.03em;border-top:1px solid var(--color-border);padding-top:4px;font-size:9.6px}@keyframes attention-urgent-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.attention-card-enter,.attention-card-visible,.attention-chip,.attention-chip--level-1,.attention-chip--level-2,.attention-chip--level-3,.attention-weight-block,.attention-score-enter,.attention-score-visible,.attention-timer-bar--critical{transition:none}.attention-timer-digits--critical{animation:none}}.app-shell{grid-template-columns:var(--panel-width-side) 1fr var(--panel-width-side);grid-template-rows:1fr minmax(var(--bottom-bar-height), auto);background:var(--color-bg);grid-template-areas:"left centre right""left bottom right";height:100vh;display:grid;overflow:hidden}.app-shell__panel{border:1px solid var(--color-border);background:var(--color-surface);overflow-y:auto}.app-shell__centre{background:var(--color-bg);grid-area:centre;overflow-y:auto}.left-sidebar{grid-area:left}.right-panel{grid-area:right}.app-shell__bottom{background:var(--color-bg);box-sizing:border-box;grid-area:bottom;justify-content:center;padding:0 1.5rem;display:flex}@media (width<=1200px){.app-shell{grid-template-columns:180px 1fr 180px}}@media (width<=900px){.app-shell{grid-template-columns:160px 1fr;grid-template-areas:"left centre""left bottom"}.right-panel{display:none}}@media (width<=640px){.app-shell{grid-template:"left""centre"1fr"right""bottom"/1fr;height:auto;min-height:100vh;overflow-y:auto}.app-shell__centre{overflow-y:visible}.right-panel{display:block}.left-sidebar,.right-panel,.app-shell__centre{max-height:none}}.typing-intercept-header{pointer-events:none;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.12em;align-items:center;gap:.5rem;font-size:9.6px;display:flex;position:absolute;top:-28px;left:0;right:0}.typing-intercept-label{color:var(--color-primary);text-transform:uppercase;font-weight:700}.typing-intercept-meta{color:var(--color-text-dim);text-transform:uppercase;flex:1}.typing-intercept-urgent{color:var(--color-danger,var(--color-error));animation:.4s step-end infinite typing-urgent-blink}.typing-skip-btn{pointer-events:all;font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--color-text-dim);cursor:pointer;letter-spacing:.08em;background:0 0;border:none;margin-left:auto;padding:0;font-size:9.6px;transition:color .12s}.typing-skip-btn:hover{color:var(--color-text)}.typing-ghost-overlay{pointer-events:none;font-family:var(--font-mono,"JetBrains Mono", monospace);align-items:center;display:flex;position:absolute;inset:0 0 0 2.5rem;overflow:hidden}.typing-ghost-char--untyped{color:var(--color-text-dim);opacity:.4}.typing-ghost-char--correct{color:var(--color-secondary);opacity:1}.typing-ghost-char--error{color:var(--color-danger,var(--color-error));opacity:1;text-underline-offset:2px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.typing-timer-bar{background:var(--color-primary);transform-origin:0;height:2px;transition:transform linear;position:absolute;bottom:0;left:0;right:0}.typing-timer-bar--critical{background:var(--color-danger,var(--color-error));transition:background .5s}.typing-status-row{pointer-events:none;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.08em;align-items:center;gap:.5rem;font-size:9.6px;display:flex;position:absolute;bottom:-28px;left:0;right:0}.typing-progress-track{background:var(--color-surface,#ffffff0f);border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.typing-progress-fill{background:var(--color-secondary);border-radius:2px;transition:width 80ms ease-out;position:absolute;top:0;bottom:0;left:0}.typing-accuracy{color:var(--color-text-dim);text-transform:uppercase;white-space:nowrap}.typing-accuracy--low{color:var(--color-danger,var(--color-error))}.typing-reward-preview{color:var(--color-text-dim);text-transform:uppercase;white-space:nowrap;opacity:.7}@keyframes typing-urgent-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.typing-timer-bar,.typing-progress-fill{transition:none}.typing-urgent-blink,.typing-intercept-urgent{animation:none}.typing-ghost-char--error{text-decoration:none}}