@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Caveat:wght@400;700&family=Permanent+Marker&display=swap";:root{--bg-primary:#1a1d23;--bg-secondary:#232830;--bg-tertiary:#2d333b;--bg-card:#2d333b;--bg-card-hover:#373e47;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-primary:#58a6ff;--accent-primary-dim:#58a6ff26;--accent-success:#238636;--accent-success-dim:#23863626;--accent-warning:#d29922;--accent-warning-dim:#d2992226;--accent-danger:#da3633;--accent-danger-dim:#da363326;--border-subtle:#30363d;--border-medium:#444c56;--border-highlight:#58a6ff;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";background:var(--bg-primary);pointer-events:none;z-index:0;position:fixed;inset:0}#root{z-index:1;position:relative}.app{min-height:100vh;transition:filter var(--transition-slow);flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);z-index:100;padding:1rem 1.5rem;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.app-title{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.title-icon{-webkit-text-fill-color:initial;font-size:1.3rem}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tm{vertical-align:super;opacity:.6;font-size:.6em}.app-tagline{color:var(--text-muted);margin-top:.2rem;font-size:.85rem;font-style:italic}.status-bar{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:.5rem;max-width:350px;padding:.4rem .75rem;font-size:.8rem;display:flex;overflow:hidden}.status-dot{background:var(--accent-success);border-radius:50%;flex-shrink:0;width:6px;height:6px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:90;padding:.75rem 2rem;position:sticky;top:82px}.nav-features{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:1400px;margin:0 auto;display:flex}.nav-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;display:flex}.nav-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.nav-btn.active{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.nav-icon{font-size:1rem}.nav-label-short{display:none}.nav-actions{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.notification-bell{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.25rem;transition:transform .2s;position:relative}.notification-bell:hover{transform:scale(1.1)}.bell-badge{background:var(--accent-danger);color:#fff;border-radius:10px;padding:.1rem .3rem;font-size:.65rem;font-weight:700;position:absolute;top:-6px;right:-10px}.notifications-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow-lg);z-index:1000;text-align:left;padding:.5rem;animation:.15s ease-out fadeIn;position:absolute;top:150%;right:0}.notifications-dropdown h4{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);margin:0 0 .5rem;padding:.5rem;font-size:.8rem}.notification-item{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);padding:.6rem .5rem}.notification-item:last-child{border-bottom:none}.ux-btn{margin-left:0}.ux-btn.chaos-active{background:var(--accent-danger-dim);border-color:var(--accent-danger);color:var(--accent-danger)}@keyframes pulse-border{0%,to{border-color:var(--accent-danger)}50%{border-color:var(--border-medium)}}.chaos-indicator{background:var(--accent-red);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse-dot}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.welcome-panel{justify-content:center;align-items:center;min-height:60vh;display:flex}.welcome-content{text-align:center;max-width:600px}.welcome-icon{margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-content h2{margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.welcome-sub{color:var(--text-secondary);margin-bottom:2rem}.welcome-features{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.welcome-feature{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-base);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.welcome-feature:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.welcome-feature span:first-child{font-size:1.2rem}.welcome-footer{color:var(--text-muted);font-size:.85rem;font-style:italic}.feature-panel{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feature-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.feature-icon{font-size:1.75rem}.feature-header h2{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.feature-badge{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;padding:.2rem .6rem}.feature-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.btn-primary{border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:500}.btn-primary:hover{background:#79b8ff}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);padding:.4rem .8rem;font-size:.82rem;font-weight:500}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:.3rem .6rem;font-size:.75rem}.reviewer-modes{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.mode-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);padding:.3rem .6rem;font-size:.75rem}.mode-btn:hover{color:var(--text-secondary);border-color:var(--border-medium)}.mode-btn.active{background:var(--accent-primary-dim);border-color:var(--accent-primary);color:var(--accent-primary)}.code-area textarea{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:160px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;transition:border-color var(--transition-base);padding:1rem;font-size:.85rem;line-height:1.6}.code-area textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary-dim);outline:none}.code-area textarea::placeholder{color:var(--text-muted)}.reviewer-actions{gap:.75rem;margin:1rem 0;display:flex}.analyze-btn.analyzing{animation:1.5s ease-in-out infinite pulse-btn}@keyframes pulse-btn{0%,to{opacity:1}50%{opacity:.7}}.review-output{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:1rem;padding:1.25rem;animation:.3s fadeIn}.review-output pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--text-primary);font-size:.85rem;line-height:1.6}.review-output.techbro{border-left:3px solid var(--accent-warning)}.review-output.philosopher{border-left:3px solid var(--accent-primary)}.review-output.passive{border-left:3px solid var(--accent-success)}.review-output.corporate{border-left:3px solid var(--accent-primary)}.review-output.chaos{border-left:3px solid var(--accent-danger)}.confidence-bar{background:var(--bg-secondary);border-radius:var(--radius-sm);height:24px;margin-top:1rem;overflow:hidden}.confidence-fill{background:var(--accent-primary);border-radius:var(--radius-sm);align-items:center;height:100%;padding:0 .75rem;transition:width .8s;display:flex}.confidence-fill span{color:#fff;white-space:nowrap;font-size:.7rem;font-weight:600}.tea-upload-area{margin-bottom:1rem}.upload-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-glass);cursor:pointer;transition:all var(--transition-base);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.upload-dropzone:hover{border-color:var(--accent-primary);background:var(--accent-primary-dim)}.dropzone-icon{margin-bottom:.75rem;font-size:3rem}.dropzone-hint{color:var(--text-muted);font-size:.8rem;font-style:italic}.tea-preview-container{justify-content:center;display:flex}.tea-image-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-medium);max-width:400px;position:relative;overflow:hidden}.tea-preview{border-radius:var(--radius-lg);width:100%;display:block}.scan-line{background:var(--accent-success);height:2px;animation:2s linear infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{top:0}to{top:100%}}.scan-overlay{color:var(--accent-success);font-family:var(--font-mono);letter-spacing:.1em;background:#0009;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.tea-actions{gap:.75rem;margin-bottom:1rem;display:flex}.tea-result{background:var(--bg-tertiary);border:1px solid var(--accent-success-dim);border-left:3px solid var(--accent-success);border-radius:var(--radius-md);padding:1.5rem;animation:.4s fadeIn}.tea-result-header h3{margin-bottom:1rem;font-size:1.1rem}.tea-result-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.tea-stat{background:var(--bg-glass);border-radius:var(--radius-sm);text-align:center;padding:.75rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem;display:block}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:700;display:block}.tea-name{color:var(--accent-success)}.confidence-max{color:var(--accent-danger)}.tea-detail{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.tea-excuse{color:var(--text-muted);margin-top:.5rem;font-style:italic}.reanalyze-note{color:var(--accent-warning);margin-top:.75rem;font-size:.8rem;font-style:italic}.volume-display{justify-content:center;margin:1.5rem 0;display:flex}.volume-circle{border:2px solid var(--accent-primary);width:140px;height:140px;transition:border-color var(--transition-base);background:var(--bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.volume-emoji{font-size:2rem}.volume-number{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);transition:color var(--transition-base)}.volume-slider-container{margin:1.5rem 0}.volume-slider-container label{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;display:block}.useless-slider{appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:not-allowed;outline:none;width:100%;height:6px}.useless-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-muted);cursor:not-allowed;border-radius:50%;width:20px;height:20px}.volume-message{color:var(--accent-warning);margin-top:.5rem;font-size:.82rem;font-style:italic;animation:.2s fadeIn}.volume-instructions{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:1rem 0;padding:1rem}.volume-instructions h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.85rem}.volume-instructions ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.volume-instructions li{color:var(--text-secondary);font-size:.82rem}.volume-stats{color:var(--text-muted);margin:.75rem 0;font-size:.82rem}.volume-log{margin-top:1rem}.volume-log h4{margin-bottom:.5rem;font-size:.85rem}.productivity-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.prod-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem}.prod-card h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.85rem}.gauge-container{align-items:center;gap:.75rem;display:flex}.gauge-bar{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;height:12px;overflow:hidden}.gauge-fill{border-radius:var(--radius-sm);height:100%;transition:width .5s,background .5s}.gauge-value{font-weight:700;font-family:var(--font-mono);text-align:right;min-width:40px;font-size:.9rem}.gauge-status{color:var(--text-muted);margin-top:.5rem;font-size:.78rem}.timer-display{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);text-align:center;color:var(--accent-primary);letter-spacing:.05em;margin:.5rem 0}.timer-note{color:var(--text-muted);text-align:center;margin-bottom:.75rem;font-size:.75rem;font-style:italic}.timer-running{opacity:.8}.motivation-quote{color:var(--text-secondary);border-left:3px solid var(--accent-primary);padding-left:1rem;font-size:.95rem;font-style:italic;line-height:1.5;transition:all .3s}.task-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem}.task-section h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.85rem}.task-warning{color:var(--accent-warning);font-size:.72rem;font-style:italic;font-weight:400}.task-input-row{gap:.5rem;margin-bottom:.75rem;display:flex}.task-input-row input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);flex:1;padding:.5rem .75rem;font-size:.82rem}.task-input-row input:focus{border-color:var(--accent-purple);outline:none}.task-input-row input::placeholder{color:var(--text-muted)}.task-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.task-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.task-item:hover{background:var(--bg-card-hover)}.task-item.done .task-text{color:var(--text-muted);text-decoration:line-through}.task-check{font-size:.9rem}.task-text{color:var(--text-primary);flex:1}.task-priority{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);color:var(--text-muted);padding:.1rem .4rem;font-size:.65rem;font-weight:600}.server-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.server-stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;padding:.75rem}.server-brewing{color:var(--accent-warning)}.request-builder{margin-bottom:1rem}.request-row{gap:.5rem;display:flex}.request-row select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent-success);font-family:var(--font-mono);cursor:pointer;padding:.5rem .75rem;font-size:.82rem;font-weight:600}.request-row select:focus{border-color:var(--accent-primary);outline:none}.endpoint-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);flex:1;padding:.5rem .75rem;font-size:.82rem}.endpoint-input:focus{border-color:var(--accent-primary);outline:none}.quick-endpoints{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;display:flex}.quick-label{color:var(--text-muted);margin-right:.25rem;font-size:.75rem}.quick-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .5rem;font-size:.7rem}.quick-btn:hover{border-color:var(--border-medium);color:var(--text-secondary)}.coffee-btn{border:2px dashed var(--accent-danger);border-radius:var(--radius-md);background:var(--accent-danger-dim);width:100%;color:var(--accent-danger);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);margin-bottom:1rem;padding:.75rem;font-size:.9rem;font-weight:600}.coffee-btn:hover{background:#ef444440}.server-log{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:300px;font-family:var(--font-mono);padding:1rem;font-size:.78rem;overflow-y:auto}.log-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.log-header h4{font-size:.82rem}.log-empty{color:var(--text-muted);font-style:italic}.log-entry{border-bottom:1px solid #ffffff08;align-items:flex-start;gap:.5rem;padding:.3rem 0;line-height:1.4;display:flex}.log-time{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.log-msg{color:var(--text-secondary)}.log-request .log-msg{color:var(--accent-primary)}.log-response .log-msg{color:var(--accent-success)}.log-error .log-msg{color:var(--accent-danger)}.log-system .log-msg{color:var(--accent-warning)}.log-info .log-msg{color:var(--text-muted)}.do-nothing-center{justify-content:center;margin:2rem 0;display:flex}.big-nothing-btn{border-radius:var(--radius-lg);background:var(--accent-primary);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);border:none;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 3rem;display:flex;position:relative}.big-nothing-btn:hover{background:#79b8ff}.big-nothing-btn:active{transform:scale(.98)}.btn-text{z-index:1;font-size:1.1rem;font-weight:600;position:relative}.btn-sub{opacity:.7;z-index:1;font-size:.72rem;position:relative}.big-nothing-btn.restart{padding:1rem 2rem}.nothing-progress{text-align:center;width:100%;max-width:400px}.progress-label{color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.progress-bar-container{background:var(--bg-tertiary);border-radius:var(--radius-sm);height:12px;margin-bottom:1rem;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .4s,background .4s}.abort-btn{margin-top:.5rem}.nothing-complete{text-align:center}.complete-icon{font-size:3rem;animation:2s ease-in-out infinite float}.nothing-complete h3{color:var(--accent-success);margin:.75rem 0;font-size:1.1rem}.nothing-stats{color:var(--text-muted);justify-content:center;gap:1.5rem;margin:1rem 0;font-size:.8rem;display:flex}.nothing-log{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:280px;font-family:var(--font-mono);margin-top:1.5rem;padding:1rem;font-size:.78rem;overflow-y:auto}.nothing-log h4{font-size:.82rem;font-family:var(--font-sans);margin-bottom:.75rem}.nothing-log .log-entry{border-bottom:1px solid #ffffff08;gap:.5rem;padding:.3rem 0;display:flex}.log-status{flex-shrink:0}.log-ok .log-status{color:var(--accent-green)}.log-warn .log-status{color:var(--accent-yellow)}.log-final .log-status{color:var(--accent-purple)}.log-final{color:var(--accent-purple);font-weight:600}.nothing-log .log-text{color:var(--text-secondary);flex:1}.nothing-log .log-time{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.tea-spill-overlay{pointer-events:none;z-index:9998;position:fixed;inset:0;overflow:hidden}.tea-spill-liquid{background:radial-gradient(#8b451366 0%,#0000 60%);border-radius:50%;width:300px;height:300px;animation:2s ease-out forwards tea-spill-spread;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}@keyframes tea-spill-spread{0%{opacity:0;transform:translate(-50%)scale(0)}50%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.6;transform:translate(-50%)scale(1.5)}}.tea-drop{background:linear-gradient(#8b451399,#8b45134d);border-radius:50%/60% 60% 40% 40%;width:20px;height:30px;animation:ease-in forwards tea-drop-fall;position:absolute}@keyframes tea-drop-fall{0%{opacity:1;transform:translateY(-100px)scale(1)}to{opacity:0;transform:translateY(100vh)scale(.5)}}@keyframes tea-fall{0%{opacity:1;transform:translateY(-50px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}@keyframes tea-leaf-float{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,-20px)rotate(90deg)}50%{transform:translate(-20px,10px)rotate(180deg)}75%{transform:translate(10px,30px)rotate(270deg)}}.boiling-pot-overlay{animation:.5s ease-in-out infinite pot-rumble}@keyframes pot-rumble{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-2px)rotate(-1deg)}75%{transform:translate(2px)rotate(1deg)}}.pot-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pot{font-size:4rem;animation:.3s ease-in-out infinite pot-shake}@keyframes pot-shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.steam-container{gap:5px;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.steam{background:radial-gradient(#ffffff4d 0%,#0000 70%);border-radius:50%;width:20px;height:40px;animation:2s ease-out infinite steam-rise}@keyframes steam-rise{0%{opacity:.5;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(1.5)}}.bubbles{height:30px;position:absolute;bottom:20px;left:0;right:0}.bubble{background:#8b451380;border-radius:50%;width:10px;height:10px;animation:ease-out forwards bubble-pop;position:absolute}@keyframes bubble-pop{0%{opacity:1;transform:scale(0)}50%{transform:scale(1)}to{opacity:0;transform:scale(1.2)translateY(-20px)}}.tea-rain-container{pointer-events:none;z-index:100;position:fixed;inset:0}.tea-stain{position:relative}.tea-stain:before{content:"";filter:blur(2px);pointer-events:none;background:radial-gradient(#8b451326 0%,#0000 70%);border-radius:50%;width:100px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}.welcome-hero{text-align:center;border-radius:12px;width:100%;max-width:800px;margin:0 auto 2rem;position:relative;overflow:hidden}.hero-image{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:400px;margin:0 auto;display:block}.hero-overlay{background:linear-gradient(#0000 0%,#000c 100%);padding:2rem;position:absolute;bottom:0;left:0;right:0}.hero-title{background:linear-gradient(135deg,#fff 0%,#58a6ff 50%,#238636 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem}.hero-subtitle{color:#fd4;margin:.5rem 0 0;font-size:1.2rem}@media (width<=768px){.hero-image{max-height:250px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}}@media (width<=480px){.hero-image{max-height:180px}.hero-title{font-size:1.4rem}}.developer-desk:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 80%,#8b451308 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffd70005 0%,#0000 40%);position:absolute;inset:0}.sticky-note{color:#1f2937;background:#fef3c7;padding:1rem;font-family:Caveat,cursive;font-size:1.2rem;line-height:1.4;position:relative;transform:rotate(2deg);box-shadow:2px 2px 10px #0000004d,0 0 0 1px #0000001a}.sticky-note:before{content:"📌";filter:drop-shadow(0 2px 2px #0000004d);z-index:10;font-size:1.5rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.sticky-note.pin-red:before{content:"";background:radial-gradient(circle at 30% 30%,#ff6b6b,#c00);border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0000004d,inset -2px -2px 4px #0003}.handwritten{letter-spacing:.02em;font-size:1.3em;font-family:Caveat,cursive!important}.scribble-underline:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q 25 0, 50 5 T 100 5' stroke='%23ff6b6b' fill='none' stroke-width='2'/%3E%3C/svg%3E") 0 0/100% 100% repeat-x;height:6px;position:absolute;bottom:-4px;left:-2px;right:-2px}.coffee-stain{filter:blur(1px);pointer-events:none;background:radial-gradient(80% 60% at 40% 40%,#8b451326 0%,#0000 60%),radial-gradient(60% 80% at 60% 60%,#8b45131a 0%,#0000 50%);border-radius:50%;width:60px;height:60px;position:absolute}.tape-fix:before{content:"";background:#ffffff26;border-left:2px solid #ffffff1a;border-right:2px solid #ffffff1a;width:100px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 3px #0003}.paper-texture:before{content:"";opacity:.02;pointer-events:none;mix-blend-mode:overlay;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.toggle-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem;display:flex}.toggle-label{font-size:.9rem;font-weight:500}.chaos-switch{cursor:pointer;width:52px;height:28px;position:relative}.chaos-switch input{opacity:0;width:0;height:0}.chaos-slider{background:var(--bg-tertiary);border:1px solid var(--border-medium);transition:all var(--transition-base);border-radius:14px;position:absolute;inset:0}.chaos-slider:before{content:"";background:var(--text-muted);width:22px;height:22px;transition:all var(--transition-base);border-radius:50%;position:absolute;bottom:2px;left:2px}.chaos-switch input:checked+.chaos-slider{background:var(--accent-danger-dim);border-color:var(--accent-danger)}.chaos-switch input:checked+.chaos-slider:before{background:var(--accent-danger);transform:translate(24px)}.toggle-status{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.toggle-status.active{color:var(--accent-danger)}.chaos-effects-list{background:var(--accent-danger-dim);border-radius:var(--radius-md);border:1px solid #da363333;margin-top:1rem;padding:1rem}.chaos-effects-list h4{color:var(--accent-danger);margin-bottom:.5rem;font-size:.85rem}.chaos-effects-list ul{flex-direction:column;gap:.35rem;list-style:none;display:flex}.effect-active{color:var(--text-secondary);font-size:.82rem}.metrics-dashboard{margin-top:1.5rem}.metrics-dashboard h4{margin-bottom:.75rem;font-size:.9rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;padding:1rem}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.7rem;display:block}.metric-value{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.metric-red{color:var(--accent-danger)}.metric-yellow{color:var(--accent-warning)}.metric-blue{color:var(--accent-primary)}.metric-purple{color:var(--text-primary)}.metric-green{color:var(--accent-success)}.chaos-warnings{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.chaos-warnings h4{margin-bottom:.5rem;font-size:.82rem}.warning-entry{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:.3rem 0;font-size:.8rem}.app-footer{border-top:1px solid var(--border-subtle);text-align:center;background:var(--bg-glass);padding:1.5rem 2rem}.app-footer p{color:var(--text-muted);font-size:.78rem}.footer-sub{opacity:.7;margin-top:.25rem;font-style:italic}.crash-screen{background:var(--bg-primary);z-index:10000;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.crash-content{text-align:center;max-width:500px;padding:2rem}.crash-icon{font-size:5rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-2deg)}75%{transform:translate(5px)rotate(2deg)}}.crash-content h1{color:var(--accent-danger);margin:1rem 0 .5rem;font-size:2rem}.crash-msg{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.crash-detail{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:1.5rem;font-size:.82rem;line-height:1.8}.crash-btn{border:1px solid var(--accent-danger);border-radius:var(--radius-md);background:var(--accent-danger-dim);color:var(--accent-danger);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);padding:.75rem 2rem;font-size:.9rem;font-weight:600}.crash-btn:hover{background:#da363340}.crash-note{color:var(--text-muted);margin-top:.75rem;font-size:.75rem;font-style:italic}.easter-egg-overlay,.tea-secret-overlay{z-index:9999;pointer-events:none;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.easter-egg-content,.tea-secret-content{text-align:center;padding:2rem}.easter-egg-content h2{color:var(--accent-success);font-size:1.5rem}.removing{color:var(--accent-danger);margin-top:.5rem}.tea-secret-content h2{margin-bottom:.5rem;font-size:2rem}.tea-secret-content p{color:var(--text-secondary)}.scanline-overlay{pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);animation:.1s linear infinite scanlines;position:fixed;inset:0}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.chaos .nav-btn.chaos-btn:hover{transform:translateX(calc((var(--chaos-rand,1) - .5) * 40px))}.chaos .feature-header h2{animation:3s ease-in-out infinite glitch-text}@keyframes glitch-text{0%,95%,to{filter:none;transform:none}96%{filter:hue-rotate(90deg);transform:skew(-2deg)}97%{filter:hue-rotate(180deg);transform:skew(3deg)translate(2px)}98%{filter:hue-rotate(270deg);transform:skew(-1deg)translate(-2px)}}.glitch{animation:2s ease-in-out infinite glitch-text!important}.glitch-text{animation:1s ease-in-out infinite glitch-text!important}.chaos .welcome-feature:hover{transform:translateX(calc((var(--chaos-rand,1) - .5) * 60px)) rotate(calc((var(--chaos-rand,1) - .5) * 4deg))}.chaos .btn-primary:hover{transform:translateY(-2px) rotate(calc(var(--chaos-rand,1) * 4deg - 2deg))}.chaos .task-item{transition:all .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}@media (width<=768px){.app-header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.app-title{font-size:1.3rem}.status-bar{width:100%;max-width:none}.navbar{padding:.5rem 1rem;position:relative;top:auto}.nav-features{gap:.35rem}.nav-btn{padding:.4rem .6rem;font-size:.75rem}.nav-label{display:none}.nav-label-short{display:inline}.ux-btn{margin-left:0}.app-main{padding:1rem}.productivity-grid{grid-template-columns:1fr}.server-stats{grid-template-columns:repeat(2,1fr)}.request-row{flex-direction:column}.metrics-grid{grid-template-columns:repeat(2,1fr)}.nothing-stats{flex-direction:column;gap:.25rem}.reviewer-actions{flex-direction:column}}@media (width<=480px){.app-title{font-size:1.1rem}.tea-result-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1fr 1fr}.volume-circle{width:110px;height:110px}.timer-display{font-size:2rem}}.screen-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both random-shake}@keyframes random-shake{10%,90%{transform:translate3d(calc(-1px * var(--shake-intensity,1)), 0, 0)}20%,80%{transform:translate3d(calc(2px * var(--shake-intensity,1)), 0, 0)}30%,50%,70%{transform:translate3d(calc(-4px * var(--shake-intensity,1)), 0, 0)}40%,60%{transform:translate3d(calc(4px * var(--shake-intensity,1)), 0, 0)}}.tea-rain-container{pointer-events:none;z-index:99999;position:fixed;inset:0;overflow:hidden}.floating-tea-particle{animation:linear forwards tea-fall;position:absolute;top:-50px}.welcome-hero{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:100%;max-width:600px;height:250px;box-shadow:var(--shadow-md);margin:0 auto 1.5rem;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%;transition:transform 1s}.hero-glitch .hero-image{filter:hue-rotate(90deg)contrast(150%)blur(1px);transform:scale(1.05)skew(2deg)}.hero-overlay{background:linear-gradient(to top, var(--bg-primary), transparent 80%);text-align:left;flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.hero-title{color:#fff;text-shadow:0 2px 10px #000c;margin-bottom:.25rem;font-size:2rem;font-weight:800}.hero-subtitle{color:var(--text-secondary);text-shadow:0 1px 5px #000c;font-size:1rem}.welcome-tagline-rotate{height:24px;transition:opacity .5s}.welcome-stats-bar{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.welcome-stat{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;padding:.75rem 1.25rem;display:flex}.welcome-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.25rem;font-weight:700}.welcome-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.7rem}.feature-tag{border-radius:var(--radius-sm);letter-spacing:.05em;margin-left:auto;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.tag-hot{background:var(--accent-danger-dim);color:var(--accent-danger)}.tag-ai{background:var(--bg-tertiary);color:var(--text-secondary)}.tag-broken{background:var(--bg-secondary);color:var(--text-muted);text-decoration:line-through}.tag-new{background:var(--accent-success-dim);color:var(--accent-success)}.tag-rfc{background:var(--accent-primary-dim);color:var(--accent-primary)}.tag-premium{background:var(--accent-warning-dim);color:var(--accent-warning);border:1px solid var(--accent-warning)}.tag-danger{background:var(--accent-danger-dim);color:var(--accent-danger)}.clickable-feature{cursor:pointer;transition:all .2s}.clickable-feature:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary-dim)}.clickable-feature:active{transform:scale(.98)}.uselessness-counter{background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;display:flex}.counter-label{color:var(--text-muted)}.counter-value{color:var(--text-primary);font-weight:700}.counter-trend{color:var(--accent-success);font-size:.75rem}.phase-bar{background:var(--bg-secondary);height:4px;position:absolute;bottom:0;left:0;right:0}.phase-fill{background:linear-gradient(90deg, var(--accent-primary), var(--text-secondary), var(--accent-danger));height:100%;transition:width 1s}.phase-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;position:absolute;bottom:6px;right:1rem}.chaos-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.chaos-modal{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:90%;max-width:400px;box-shadow:var(--shadow-lg);transform:translate(calc((var(--chaos-rand,1) - .5) * 20px), calc((var(--chaos-rand,1) - .5) * 20px));padding:1.5rem}.chaos-modal h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.2rem;display:flex}.chaos-modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.chaos-modal-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.chaos-modal-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);padding:.5rem 1rem}.chaos-modal-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.chaos-modal-btn.primary{background:var(--accent-primary-dim);border-color:var(--accent-primary);color:var(--accent-primary)}.sentience-toast{background:var(--bg-primary);border:1px solid var(--border-medium);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000;align-items:center;gap:1rem;max-width:350px;padding:1rem;animation:.5s forwards slideInRight;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sentience-icon{font-size:2rem}.sentience-content{flex-direction:column;display:flex}.sentience-label{color:var(--accent-primary);letter-spacing:.1em;font-size:.65rem;font-weight:700}.sentience-text{color:var(--text-primary);font-size:.9rem;font-style:italic}.interference-banner{border-radius:var(--radius-md);justify-content:space-between;align-items:center;width:calc(100% - 4rem);max-width:1400px;margin:1rem auto 0;padding:.75rem 1rem;font-size:.9rem;font-style:italic;font-weight:600;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.interference-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none}.interference-tea{background:var(--accent-success-dim);color:var(--accent-success);border:1px solid var(--accent-success)}.interference-volume{background:var(--accent-primary-dim);color:var(--accent-primary);border:1px solid var(--accent-primary)}.interference-productivity,.interference-code{background:var(--accent-warning-dim);color:var(--accent-warning);border:1px solid var(--accent-warning)}.interference-server{background:var(--accent-danger-dim);color:var(--accent-danger);border:1px solid var(--accent-danger)}.interference-nothing{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-subtle)}.bsod-screen{color:#fff;z-index:100000;font-family:"Segoe UI", var(--font-sans);cursor:none;background:#0078d7;flex-direction:column;justify-content:center;padding:4rem;display:flex;position:fixed;inset:0}.bsod-sad{margin-bottom:2rem;font-size:8rem}.bsod-content h1{margin-bottom:1.5rem;font-size:2.5rem;font-weight:300}.bsod-content p{margin-bottom:2rem;font-size:1.5rem;font-weight:300}.bsod-progress{margin-bottom:3rem;font-size:1.5rem}.bsod-details{opacity:.8;gap:.5rem;font-size:1rem;display:grid}.bsod-code{font-family:var(--font-mono);margin-top:.5rem}.bsod-click{opacity:.5;font-size:.9rem;position:absolute;bottom:2rem;right:2rem}.phase-glitch-overlay{pointer-events:none;z-index:50;background:var(--bg-primary);opacity:0;mix-blend-mode:difference;position:fixed;inset:0}.phase-3 .phase-glitch-overlay{animation:10s infinite phase-flicker}.phase-4 .phase-glitch-overlay{animation:3s infinite phase-flicker}@keyframes phase-flicker{0%,95%,to{opacity:0}96%{opacity:.1}97%{opacity:.5}98%{opacity:0}}.phase-4 .nav-btn{transform:rotate(calc((var(--chaos-rand,1) - .5) * 10deg))}.phase-4 .app-title{filter:blur(1px)}.phase-3 .app{cursor:help}.screen-flip{transition:transform 1s ease-in-out;transform:rotate(180deg)scaleX(-1)}.chaos-spin{animation:2s linear infinite barrel-roll}@keyframes barrel-roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paywall-modal{border:2px solid var(--accent-danger)!important}.flashbang-active{color:#000!important;background:#fff!important;transition:none!important}.flashbang-active *{color:#000!important;box-shadow:none!important;background:#fff!important;border-color:#000!important;transition:none!important}.cookie-banner{background:var(--bg-secondary);border-top:1px solid var(--border-medium);z-index:999999;justify-content:center;padding:1.5rem 2rem;animation:.5s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0006}.cookie-content{flex-direction:column;gap:1rem;width:100%;max-width:800px;display:flex}.cookie-buttons{gap:1rem;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.coin-slot-overlay{z-index:9999999;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.coin-slot-modal{background:var(--bg-tertiary);border:4px solid var(--accent-warning);border-radius:var(--radius-lg);text-align:center;max-width:500px;padding:3rem;animation:.3s ease-out fadeIn}.coin-slot-area{justify-content:center;align-items:center;gap:3rem;margin:2rem 0;display:flex}.coin{cursor:grab;-webkit-user-select:none;user-select:none;font-size:4rem}.coin:active{cursor:grabbing}.slot{background:#2a2a35;border:4px solid #4a4a5a;border-radius:10px;justify-content:center;align-items:center;width:25px;height:120px;display:flex}.slot-hole{background:#000;border-radius:4px;width:8px;height:90px}.coin-hint{color:var(--text-secondary);font-size:.9rem;font-style:italic}.fake-chat-bubble{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;z-index:99999;-webkit-user-select:none;user-select:none;border-radius:30px;padding:1rem 1.5rem;font-size:.9rem;font-weight:700;transition:transform .2s;position:fixed;bottom:2rem;right:2rem}.fake-chat-bubble:hover{background:var(--accent-primary);opacity:.9;transform:scale(1.05)translateY(-5px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.delete-account-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.75rem;text-decoration:underline;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.delete-account-btn:hover{color:var(--accent-danger)}.tea-drops{letter-spacing:.5rem;margin-top:1rem;font-size:1.5rem}.chaos .btn-primary,.chaos .btn-secondary,.chaos .nav-btn{transition:transform .15s cubic-bezier(.4,0,.2,1)}.chaos .btn-primary:hover,.chaos .btn-secondary:hover,.chaos .nav-btn:not(.ux-btn):hover{border-color:var(--accent-danger)!important;background:var(--accent-danger-dim)!important;color:var(--accent-danger)!important;transform:translate(25px,-15px)rotate(5deg)!important}.phase-3 .btn-primary:hover,.phase-3 .btn-secondary:hover,.phase-3 .nav-btn:not(.ux-btn):hover{transform:translate(-30px,20px)rotate(-10deg)scale(.9)!important}.phase-4 .btn-primary:hover,.phase-4 .btn-secondary:hover,.phase-4 .nav-btn:not(.ux-btn):hover{animation:.2s infinite alternate evade-rapid!important}@keyframes evade-rapid{0%{transform:translate(50px,-50px)scale(.8)}to{transform:translate(-50px,50px)scale(1.2)}}.notification-overlay-card{background:var(--bg-card);z-index:10000;text-align:center;border-radius:12px;max-width:450px;padding:2rem 3rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.notification-overlay-card.warning{border:2px solid var(--accent-warning)}.notification-overlay-card.info{border:2px solid var(--accent-primary)}.notification-overlay-card.danger{border:2px solid var(--accent-danger)}.notification-overlay-card-icon{margin-bottom:1rem;font-size:3rem}.notification-overlay-card-text{font-size:1.1rem;font-weight:700}.notification-overlay-card.warning .notification-overlay-card-text{color:var(--accent-warning)}.notification-overlay-card.info .notification-overlay-card-text{color:var(--accent-primary)}.notification-overlay-card.danger .notification-overlay-card-text{color:var(--accent-danger)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panic-screen{color:#fff;z-index:1000000;font-family:var(--font-mono);cursor:pointer;background:#a00;justify-content:center;align-items:center;padding:2rem;animation:.1s infinite alternate panic-bg;display:flex;position:fixed;inset:0}@keyframes panic-bg{0%{background:#a00}to{background:red}}.panic-content{text-align:center;max-width:600px}.panic-header{text-shadow:4px 4px #000;margin-bottom:1rem;font-size:3rem;font-weight:900}.panic-code{color:#0f0;background:#000;border:4px solid #333;margin-bottom:2rem;padding:.5rem 1rem;font-size:1.2rem;display:inline-block}.panic-body{margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.panic-loading{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.panic-dot{font-size:1.5rem;animation:.5s ease-in-out infinite alternate panic-dot-jump}@keyframes panic-dot-jump{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-20px)rotate(180deg)}}.panic-hint{opacity:.7;font-size:.9rem;font-style:italic}.flashbang-active:after{content:"";z-index:9999999;background:#fff;animation:.5s forwards flashbang-fade;position:fixed;inset:0}@keyframes flashbang-fade{0%{opacity:1}to{opacity:0}}.kernel-panic-overlay{color:#ddd;z-index:10000000;text-align:center;cursor:wait;background:#111;justify-content:center;align-items:center;padding:4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0}.kernel-panic-box{background:#000c;border:1px solid #333;border-radius:2.5rem;max-width:600px;padding:4rem;box-shadow:0 0 100px #000}.kernel-panic-icon{filter:drop-shadow(0 0 10px #fff3);margin-bottom:2rem;font-size:6rem;display:block}.kernel-panic-title{margin-bottom:2rem;font-size:1.75rem;font-weight:300;line-height:1.4}.kernel-panic-text{opacity:.6;font-size:.85rem;line-height:1.6;font-family:var(--font-mono);text-align:left;border-top:1px solid #333;padding-top:2rem}@keyframes float-particle{0%,to{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.3}90%{opacity:.3}50%{transform:translate(100px,-50px)rotate(180deg)}}.floating-particle{pointer-events:none;background:#ffffff4d;border-radius:50%;width:4px;height:4px;animation:15s ease-in-out infinite float-particle;position:fixed}@keyframes organic-breath{0%,to{filter:brightness();transform:scale(1)rotate(0)}33%{filter:brightness(1.05);transform:scale(1.02)rotate(.5deg)}66%{filter:brightness(.95);transform:scale(.98)rotate(-.5deg)}}.organic-breath{animation:8s ease-in-out infinite organic-breath}.human-touch{transform:translate(1.5px)}.btn-human{border-radius:7px 12px 8px 15px!important}.card-human{border:2px solid #ffffff26;box-shadow:3px 3px #0003;border-radius:10px 8px 15px 12px!important}.chaos-comic{font-family:Comic Sans MS,Comic Neue,cursive!important}.handwritten{color:#fd4;font-size:1.3em;display:inline-block;transform:rotate(-2deg);font-family:Caveat,cursive!important}.marker-chaos{text-transform:uppercase;letter-spacing:.05em;font-family:Permanent Marker,cursive!important}.misaligned-left{margin-left:-5px}.misaligned-right{margin-right:-3px}.slightly-crooked{transform:rotate(.5deg)}.more-crooked{transform:rotate(-1.2deg)}.padding-messy{padding:13px 17px 11px 19px!important}.border-messy{border:1px solid #666;border-top:2px solid #888;border-left:1px dashed #444}.dotted-border{border:2px dotted var(--accent-purple)}@keyframes wobble-human{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-1deg)}50%{transform:translate(2px)rotate(1deg)}75%{transform:translate(-1px)rotate(-.5deg)}}.wobble{animation:2s ease-in-out infinite wobble-human}.typo{-webkit-text-decoration:underline wavy red;text-decoration:underline wavy red}.sticky-note{color:#333;background:#ffeb3b;padding:1rem;font-family:Caveat,cursive;font-size:1.2rem;transform:rotate(2deg);box-shadow:2px 2px 10px #0003}.sticky-note:after{content:"";filter:blur(2px);background:#0000001a;width:40px;height:15px;position:absolute;bottom:-10px;right:10px;transform:rotate(-5deg)}.ms-paint-border{background:silver;border:3px solid #fff;border-color:#000 #fff #fff #000}.broken-grid{grid-template-columns:1fr 1.3fr .9fr;gap:17px;display:grid}.nineties-chaos{color:#ff0;text-shadow:2px 2px red;background:repeating-linear-gradient(45deg,#ff0080,#ff0080 10px,#00ff80 10px 20px);border:5px ridge #fff;font-family:Comic Sans MS,cursive}.cursor-messy{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='24' font-size='20'%3E🫖%3C/text%3E%3C/svg%3E"),auto}.rotate-random-1{transform:rotate(1.5deg)}.rotate-random-2{transform:rotate(-2.3deg)}.rotate-random-3{transform:rotate(.8deg)}.shadow-human{box-shadow:2px 2px #0000001a,-1px -1px #ffffff0d,4px 4px 8px #00000026}.tape-fix{position:relative}.tape-fix:before{content:"";background:#ffffff4d;width:80px;height:25px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 3px #0000001a}.scribble-underline{display:inline-block;position:relative}.scribble-underline:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpath d='M0 5 Q 25 0, 50 5 T 100 5' stroke='%23ff6b6b' fill='none' stroke-width='2'/%3E%3C/svg%3E") 0 0/20px 8px repeat-x;width:100%;height:8px;position:absolute;bottom:-5px;left:0}.crayon-text{color:#0000;-webkit-text-stroke:2px var(--accent-purple);text-shadow:3px 3px 0 var(--accent-purple-dim), -1px -1px 0 var(--accent-blue)}.glitchy-human{animation:4s steps(4,end) infinite glitchy-text}@keyframes glitchy-text{0%,90%,to{text-shadow:none;transform:none}91%{text-shadow:2px 0 #ff0080,-2px 0 #00ff80;transform:translate(2px)}92%{text-shadow:-2px 0 #ff0080,2px 0 #00ff80;transform:translate(-2px)}93%{text-shadow:none;transform:none}}.z-messy{z-index:999}.z-messier{z-index:1001}.z-messiest{z-index:9001}.btn-junior{color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(#4a90e2,#357abd);border:1px solid #2a5f9e;border-radius:4px;padding:8px 16px;font-weight:700;box-shadow:0 2px 4px #0003}.btn-junior:hover{background:linear-gradient(#5aa0f2,#458acd);transform:translateY(-1px);box-shadow:0 3px 6px #00000040}.btn-junior:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.debug-border{border:1px solid #0f0!important}.debug-border:after{content:"DEBUG";color:#000;background:#0f0;padding:0 4px;font-family:monospace;font-size:8px;position:absolute;top:-10px;left:5px}.paper-texture{position:relative}.paper-texture:before{content:"";opacity:.03;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.coffee-stain{position:relative}.coffee-stain:after{content:"";filter:blur(2px);pointer-events:none;background:radial-gradient(#8b451333 0%,#0000 70%);border-radius:50%;width:60px;height:60px;position:absolute;bottom:-20px;right:-20px}.toast{pointer-events:auto;background:var(--surface-color,#1a1a1a);transform-origin:100% 0;border:2px solid;border-radius:10px 12px 8px 14px;align-items:center;gap:12px;padding:14px 18px;animation:.4s cubic-bezier(.175,.885,.32,1.275) toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d}.toast:before{content:"";height:3px;animation:linear forwards toast-progress;animation-duration:inherit;background:currentColor;position:absolute;bottom:0;left:0}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.8)}}.toast.info{color:#4a9eff;border-color:#4a9eff}.toast.warning{color:#fa0;border-color:#fa0}.toast.error{color:#f44;border-color:#f44;animation:.4s cubic-bezier(.175,.885,.32,1.275) toast-slide-in,.5s ease-in-out .4s toast-shake}.toast.success{color:#0c6;border-color:#0c6}.toast.chaos{color:#ff6b6b;border-color:#ff6b6b;animation:.4s cubic-bezier(.175,.885,.32,1.275) toast-slide-in,.3s ease-in-out .4s toast-glitch}@keyframes toast-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes toast-glitch{0%,to{filter:none;transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-2px)}40%{filter:hue-rotate(-90deg);transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.toast-icon{filter:drop-shadow(0 0 8px);flex-shrink:0;font-size:1.3em}.toast-message{color:var(--text-color,#fff);flex:1;font-size:.95rem;line-height:1.4}.toast-close:hover{color:var(--text-color,#fff);background:#ffffff1a}.chaos .toast{animation:.4s cubic-bezier(.175,.885,.32,1.275) toast-slide-in,3s ease-in-out infinite alternate toast-chaos-float}@keyframes toast-chaos-float{0%{transform:rotate(-1deg)translateY(0)}to{transform:rotate(1deg)translateY(-5px)}}@media (width<=600px){.toast-container{max-width:none;top:10px;left:10px;right:10px}.toast{padding:12px 14px}}.fake-cursor{-webkit-user-select:none;user-select:none;animation:.5s ease-in-out infinite alternate cursor-flicker}@keyframes cursor-flicker{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.9;transform:translate(-50%,-50%)scale(1.05)}}.chaos .fake-cursor{animation:.5s ease-in-out infinite alternate cursor-flicker,3s ease-in-out infinite cursor-glitch}@keyframes cursor-glitch{0%,90%,to{filter:drop-shadow(0 0 8px #ff6b6b99)}91%{filter:drop-shadow(3px 0 #ff0080)drop-shadow(-3px 0 #00ff80)}92%{filter:drop-shadow(-3px 0 #ff0080)drop-shadow(3px 0 #00ff80)}93%{filter:drop-shadow(0 0 8px #ff6b6b99)}}.cursor-chaos-indicator{color:#fff;z-index:999999;background:#f00c;border-radius:4px;padding:5px 10px;font-family:monospace;font-size:.7rem;animation:1s step-end infinite blink;position:fixed;bottom:10px;right:10px}@keyframes blink{50%{opacity:0}}@keyframes breathing-ui{0%,to{transform:scale(1);box-shadow:0 4px 12px #0000004d}50%{transform:scale(1.02);box-shadow:0 8px 24px #58a6ff33}}.breathing{animation:4s ease-in-out infinite breathing-ui}@keyframes nervous-jitter{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.nervous-input:hover{animation:.1s linear infinite nervous-jitter;border-color:var(--accent-danger)!important}@keyframes organic-morph{0%,to{border-radius:12px 15px 10px 14px}25%{border-radius:15px 10px 14px 12px}50%{border-radius:10px 14px 12px 15px}75%{border-radius:14px 12px 15px 10px}}.organic-hover:hover{animation:2s ease-in-out infinite organic-morph}.watcher-container{pointer-events:none;z-index:10000;opacity:.6;gap:10px;width:80px;height:40px;transition:opacity .3s;display:flex;position:fixed;bottom:20px;left:20px}.watcher-container:hover{opacity:1}.eye{background:#fff;border:2px solid #333;border-radius:50%;width:30px;height:30px;position:relative;overflow:hidden}.pupil{background:#000;border-radius:50%;width:12px;height:12px;transition:transform .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eye:after{content:"";background:linear-gradient(#0000 80%,#0000001a 100%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.panic-melt{filter:blur(1px)contrast(1.2)hue-rotate(10deg);animation:10s linear infinite melting}@keyframes melting{0%{filter:blur();transform:skew(0deg)translateY(0)}50%{filter:blur(1px);transform:skew(5deg)translateY(2px)}to{filter:blur(2px);transform:skew(-5deg)translateY(5px)}}.panic-chromatic{text-shadow:2px 0 #ff000080,-2px 0 #0000ff80}.splash-screen{z-index:999999;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-bg{pointer-events:none;opacity:.1;font-size:1.5rem;position:absolute;inset:0}.splash-particle{filter:drop-shadow(0 0 8px #58a6ff4d);font-size:2rem;position:absolute}.splash-icons-row{z-index:5;opacity:.7;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0 1rem;display:flex;position:absolute;top:2rem;left:0;right:0}.splash-icon-item{filter:drop-shadow(0 0 10px #fff3);font-size:1.5rem;animation:3s ease-in-out infinite icon-float}.splash-icon-item:nth-child(odd){animation-duration:3.5s;animation-delay:.5s}.splash-icon-item:nth-child(2n){animation-duration:2.8s;animation-delay:1s}.splash-icon-item:nth-child(3n){animation-duration:4s;animation-delay:1.5s}@keyframes icon-float{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-8px)rotate(-5deg)scale(1.1)}50%{transform:translateY(0)rotate(0)scale(1)}75%{transform:translateY(-4px)rotate(5deg)scale(1.05)}}.splash-icon-item.gear{animation:3s ease-in-out infinite icon-float,4s linear infinite gear-spin}@keyframes gear-spin{0%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(360deg)}}.splash-content{text-align:center;z-index:10;max-width:500px;padding:2rem;position:relative}.splash-card{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:2.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.splash-card:before{content:"";background:linear-gradient(90deg,#0000,#58a6ff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.splash-logo{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:3rem;font-weight:800;display:flex}.splash-logo.glitch{animation:.2s ease-out splash-glitch}@keyframes splash-glitch{0%,to{filter:none;transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-3px,2px)}40%{filter:hue-rotate(-90deg);transform:translate(3px,-2px)}60%{filter:brightness(1.5);transform:translate(-2px,-1px)}80%{filter:contrast(1.5);transform:translate(2px,1px)}}.logo-icon{filter:drop-shadow(0 0 20px #58a6ff66);font-size:3.5rem;animation:2s ease-in-out infinite logo-bounce;display:inline-block}@keyframes logo-bounce{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-12px)rotate(-15deg)scale(1.1)}50%{transform:translateY(0)rotate(0)scale(1)}75%{transform:translateY(-6px)rotate(15deg)scale(1.05)}}.logo-text{background:linear-gradient(135deg,#fff 0%,#e0e0e0 50%,#fff 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff4d;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.logo-accent{background:linear-gradient(135deg,#58a6ff 0%,#238636 50%,#58a6ff 100%) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.logo-tm{vertical-align:super;color:var(--text-muted);font-size:1rem;font-weight:300}.splash-tagline{color:var(--text-secondary);letter-spacing:.05em;margin-bottom:2rem;font-size:1.2rem;font-style:italic;font-weight:300;display:inline-block;position:relative}.splash-tagline:after{content:"";background:linear-gradient(90deg, transparent, var(--text-muted), transparent);height:1px;position:absolute;bottom:-8px;left:25%;right:25%}.splash-progress-container{margin-bottom:1.5rem;position:relative}.splash-progress-wrapper{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.splash-progress-bg{background:#ffffff14;border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.splash-progress-bg:before{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%);animation:2s ease-in-out infinite progress-glint;position:absolute;inset:0}@keyframes progress-glint{0%{transform:translate(-100%)}to{transform:translate(100%)}}.splash-progress-fill{background:linear-gradient(90deg,#58a6ff 0%,#238636 50%,#d29922 100%) 0 0/200% 100%;border-radius:7px;height:100%;transition:width .3s ease-out;animation:2s linear infinite progress-shine,1.5s ease-in-out infinite progress-pulse;position:relative;box-shadow:0 0 10px #58a6ff4d}.splash-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);border-radius:0 7px 7px 0;width:20px;position:absolute;top:0;bottom:0;right:0}@keyframes progress-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}.splash-progress-text{color:var(--accent-primary);text-align:right;text-shadow:0 0 10px #58a6ff4d;min-width:50px;font-family:SF Mono,Courier New,monospace;font-size:.95rem;font-weight:600}.splash-message{color:var(--accent-primary);letter-spacing:.02em;min-height:1.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:500}.splash-fact{color:var(--text-secondary);text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.5;transition:all .3s;display:flex}.splash-fact:hover{background:#ffffff14;border-color:#58a6ff4d;transform:translateY(-2px)}.fact-icon{flex-shrink:0;font-size:1.4rem;animation:2s ease-in-out infinite lightbulb-pulse}@keyframes lightbulb-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3)drop-shadow(0 0 10px gold);transform:scale(1.1)}}.fact-text{flex:1}.splash-version{color:var(--text-muted);letter-spacing:.1em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.4rem .8rem;font-family:SF Mono,Courier New,monospace;font-size:.8rem;display:inline-block}.splash-steam{pointer-events:none;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.steam-puff{background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;width:60px;height:60px;position:absolute}.splash-skip{color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;transition:all .2s;display:flex;position:absolute;bottom:2rem;right:2rem}.splash-skip:hover{color:var(--text-primary);background:#ffffff26;border-color:#58a6ff66;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.splash-skip:active{transform:translateY(0)}.splash-decoration{border:2px solid #58a6ff1a;border-radius:50%;width:100px;height:100px;animation:20s linear infinite decoration-spin;position:absolute}.splash-decoration.top-left{top:-50px;left:-50px}.splash-decoration.bottom-right{animation-direction:reverse;bottom:-50px;right:-50px}@keyframes decoration-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-tea-cup{opacity:.3;font-size:2rem;animation:3s ease-in-out infinite tea-steam-float;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes tea-steam-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}@media (width<=600px){.splash-card{margin:0 .5rem;padding:1.5rem 1rem}.splash-logo{font-size:2rem}.logo-icon{font-size:2.5rem}.splash-tagline{font-size:1rem}.splash-content{padding:1rem}.splash-icons-row{gap:.3rem;top:1rem}.splash-icon-item{font-size:1.2rem}.splash-fact{padding:.75rem 1rem;font-size:.85rem}.splash-skip{padding:.5rem 1rem;font-size:.75rem;bottom:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.splash-icon-item,.logo-icon,.splash-progress-fill,.fact-icon,.splash-decoration{animation:none}}.toast{background:var(--surface-color,#1a1a1a);pointer-events:auto;z-index:10000;border:2px solid;border-radius:10px 12px 8px 14px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:14px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d}.toast-progress{height:3px;transition:width 50ms linear;position:absolute;bottom:0;left:0}.toast-icon{filter:drop-shadow(0 0 8px);flex-shrink:0;font-size:1.3em;animation:2s ease-in-out infinite icon-pulse}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast-message{color:var(--text-color,#fff);word-wrap:break-word;flex:1;font-size:.95rem;line-height:1.4}.toast-close{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.1em;transition:all .2s;display:flex}.toast-close:hover{color:var(--text-color,#fff);background:#ffffff1a;transform:rotate(90deg)}.toast-chaos{animation:.3s ease-in-out toast-glitch}.toast-chaos-overlay{pointer-events:none;opacity:.3;position:absolute;inset:0;overflow:hidden}.chaos-particle{font-size:.8rem;animation:3s ease-in-out infinite particle-float;position:absolute}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-20px)rotate(180deg)}}.toast-tea-steam{pointer-events:none;position:absolute;top:-10px;right:20px}.steam-wisp{background:radial-gradient(#fff3 0%,#0000 70%);border-radius:50%;width:20px;height:30px;animation:2s ease-out infinite steam-rise;position:absolute}.toast-error{box-shadow:0 4px 20px #ff44444d,0 0 0 1px #f443}.toast-warning{box-shadow:0 4px 20px #ffaa004d,0 0 0 1px #fa03}.toast-success{box-shadow:0 4px 20px #00cc664d,0 0 0 1px #0c63}.toast-chaos{animation:3s ease-in-out infinite toast-float;box-shadow:0 4px 20px #ff6b6b66,0 0 0 1px #ff6b6b4d}@keyframes toast-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}.toast-tea{box-shadow:0 4px 20px #d299224d,0 0 0 1px #d2992233}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}@media (width<=600px){.toast-container{max-width:none;top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:none;padding:12px 14px}.toast-message{font-size:.9rem}}.random-chaos-element{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:2px 2px 4px #00000080,0 0 20px;filter:drop-shadow(0 0 10px);animation:2s ease-in-out infinite chaos-pulse}@keyframes chaos-pulse{0%,to{opacity:.8;filter:drop-shadow(0 0 10px)brightness()}50%{opacity:1;filter:drop-shadow(0 0 20px)brightness(1.3)}}.random-chaos-element[data-float=true]{animation:3s ease-in-out infinite chaos-float}@keyframes chaos-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(10px)rotate(-5deg)}}.random-chaos-element.glitch{animation:.3s ease-in-out infinite chaos-glitch}@keyframes chaos-glitch{0%,to{filter:none;transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-2px,2px)}40%{filter:hue-rotate(-90deg);transform:translate(2px,-2px)}60%{filter:brightness(1.5);transform:translate(-2px,-2px)}80%{filter:contrast(1.5);transform:translate(2px,2px)}}