@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";.warning-screen{z-index:var(--z-top,1000);background:var(--phase-bg-primary);justify-content:center;align-items:center;transition:opacity .8s;animation:1s forwards fadeIn;display:flex;position:fixed;inset:0}.warning-screen--fading{opacity:0;pointer-events:none}.warning-content{text-align:center;max-width:28rem;padding:var(--space-8);animation:1s .2s backwards slideUp}.warning-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--phase-accent);background:var(--phase-accent-soft);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--phase-border);margin-bottom:var(--space-8);animation:.8s .1s backwards fadeIn;display:inline-block}.warning-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--phase-text-primary);margin-bottom:var(--space-4);text-shadow:var(--phase-glow-md)}.warning-title-char{opacity:0;animation:slideUp .6s var(--ease-out,ease) forwards;display:inline-block}.warning-subtitle{font-size:var(--text-lg);color:var(--phase-text-secondary);margin-bottom:var(--space-8);animation:1s 1s backwards fadeIn}.warning-divider{background:linear-gradient(90deg, transparent, var(--phase-accent), transparent);width:3rem;height:1px;margin:0 auto var(--space-6);animation:1s 1.2s backwards fadeIn}.warning-notice{font-size:var(--text-sm);color:var(--phase-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);animation:1s 1.4s backwards fadeIn}.warning-actions{gap:var(--space-3);flex-direction:column;align-items:center;animation:1s 1.6s backwards fadeIn;display:flex}.warning-btn{width:100%;max-width:16rem;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.warning-btn--primary{background:var(--phase-btn-bg);color:var(--phase-btn-text);box-shadow:var(--phase-glow-sm);border:none}.warning-btn--primary:hover{background:var(--phase-btn-hover);box-shadow:var(--phase-glow-md);transform:translateY(-1px)}.warning-btn--primary:active{transform:translateY(0)}.warning-btn--ghost{color:var(--phase-text-muted);border:1px solid var(--phase-border);font-size:var(--text-sm);background:0 0}.warning-btn--ghost:hover{color:var(--phase-text-secondary);border-color:var(--phase-border-hover);background:var(--phase-accent-soft)}.warning-footer{font-size:var(--text-xs);color:var(--phase-text-muted);margin-top:var(--space-8);letter-spacing:.05em;animation:1s 1.8s backwards fadeIn}.warning-ambient{pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 50%, var(--phase-accent-soft), transparent);opacity:.5;animation:8s ease-in-out infinite breathe;position:fixed;inset:0}@media (width<=768px){.warning-title{font-size:var(--text-3xl)}.warning-content{padding:var(--space-6)}}.quiz-card{width:100%;max-width:36rem;padding:var(--space-8) var(--space-6);animation:dropIn .5s var(--ease-out,ease) forwards;margin:0 auto}.quiz-card--entering{animation:dropIn .5s var(--ease-out,ease) forwards}.quiz-card--exiting{pointer-events:none;animation:.4s forwards fadeOut}.quiz-category{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--phase-accent);background:var(--phase-accent-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-6);letter-spacing:.06em;border:1px solid var(--phase-border);transition:all var(--duration-phase,1s) ease;display:inline-block}.quiz-question{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--phase-text-primary);line-height:var(--leading-normal);margin-bottom:var(--space-8);transition:color var(--duration-phase,1s) ease}.quiz-options{gap:var(--space-3);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--phase-bg-card);border:1px solid var(--phase-border);color:var(--phase-text-primary);text-align:left;cursor:pointer;box-shadow:var(--phase-shadow-card);transition:all .3s;display:flex;position:relative;overflow:hidden}.quiz-option:before{content:"";background:linear-gradient(135deg, transparent 0%, var(--phase-accent-soft) 100%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.quiz-option:hover:not(:disabled){background:var(--phase-bg-card-hover);border-color:var(--phase-border-hover);box-shadow:var(--phase-glow-sm);transform:translate(4px)}.quiz-option:hover:not(:disabled):before{opacity:1}.quiz-option:active:not(:disabled){transform:translate(2px)}.quiz-option-indicator{border-radius:var(--radius-full);border:1px solid var(--phase-border-hover);width:2rem;height:2rem;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--phase-text-muted);z-index:1;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.quiz-option:hover:not(:disabled) .quiz-option-indicator{border-color:var(--phase-accent);color:var(--phase-accent)}.quiz-option-text{font-size:var(--text-base);line-height:var(--leading-normal);z-index:1;position:relative}.quiz-option--selected{background:var(--phase-accent-soft)!important;border-color:var(--phase-accent)!important;box-shadow:var(--phase-glow-md)!important}.quiz-option--selected .quiz-option-indicator{background:var(--phase-accent);border-color:var(--phase-accent);color:#fff}.quiz-option--dimmed{opacity:.3;pointer-events:none;transform:scale(.98)}.quiz-confrontation-hint{margin-top:var(--space-6);justify-content:center;display:flex}.quiz-confrontation-dot{border-radius:var(--radius-full);background:var(--phase-danger,#f46);width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}[data-phase=breaking] .quiz-question{animation:.15s ease-in-out infinite textTremor}[data-phase=obsessed] .quiz-question{animation:4s ease-in-out infinite textFlicker}@media (width<=768px){.quiz-card{padding:var(--space-6) var(--space-4)}.quiz-question{font-size:var(--text-xl)}.quiz-option{padding:var(--space-3) var(--space-4)}}.progress-bar{z-index:var(--z-overlay,100);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--phase-bg-secondary);border-bottom:1px solid var(--phase-border);transition:all var(--duration-phase,1s) ease;display:flex;position:fixed;top:0;left:0;right:0}.progress-track{background:var(--phase-progress-bg);border-radius:var(--radius-full);flex:1;height:3px;overflow:hidden}.progress-fill{background:var(--phase-progress);border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out,ease);box-shadow:0 0 8px var(--phase-accent-glow);animation:3s ease-in-out infinite progressPulse}.progress-text{font-size:var(--text-xs);color:var(--phase-text-muted);font-weight:var(--weight-medium);letter-spacing:.05em;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}[data-phase=breaking] .progress-fill{animation:1s ease-in-out infinite progressPulse}.meta-layer{z-index:500;pointer-events:none;animation:.1s fadeIn;position:fixed;inset:0}.meta-flicker{background:#ffffff0f;animation:.3s steps(2,end) forwards metaFlicker;position:absolute;inset:0}@keyframes metaFlicker{0%{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:.8}40%{opacity:0}50%{opacity:.5}60%{opacity:0}70%{opacity:.3}80%{opacity:0}to{opacity:0}}.meta-breathe{animation:3s ease-in-out metaBreathe;position:absolute;inset:0}@keyframes metaBreathe{0%,to{opacity:0;transform:scale(1)}50%{opacity:.15;background:var(--phase-accent-soft);transform:scale(1.03)}}.meta-color-shift{animation:2s forwards metaColorShift;position:absolute;inset:0}@keyframes metaColorShift{0%{background:0 0}15%{background:#c8325014}30%{background:#5032c80f}50%{background:#c832500a}to{background:0 0}}.meta-cursor-drift{position:absolute;inset:0}.meta-cursor-trail{background:var(--phase-accent-glow);pointer-events:none;border-radius:50%;width:12px;height:12px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.meta-glitch{position:absolute;inset:0;overflow:hidden}.meta-glitch-line{background:#ffffff14;animation:.3s ease-in-out infinite alternate metaGlitchLine;position:absolute;left:0;right:0}@keyframes metaGlitchLine{0%{opacity:.8;transform:translate(-5%)}to{opacity:.3;transform:translate(5%)}}.meta-glitch-color{mix-blend-mode:multiply;animation:.5s steps(3,end) infinite metaGlitchColor;position:absolute;inset:0}@keyframes metaGlitchColor{0%{background:#ff000008}33%{background:#00ff0005}66%{background:#0000ff08}to{background:#ff000005}}.meta-shake-trigger~*{animation:.5s ease-in-out shake}.tab-crack{z-index:800;pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 0% 30%,#0000002e 100%);animation:.55s cubic-bezier(.36,.07,.19,.97) forwards tab-crack-impact;position:fixed;inset:0}.tab-crack-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.crack-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:200;stroke-dashoffset:200px;animation:crack-draw .18s ease-out var(--draw-delay,0s) forwards}.crack-stroke--main{stroke:#ffffffeb;stroke-width:1.4px;filter:drop-shadow(0 0 1px #b4d2ff99)}.crack-stroke--fine{stroke:#d2e1ff80;stroke-width:.7px}@keyframes crack-draw{to{stroke-dashoffset:0}}.crack-impact{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 6px #ffffffe6);animation:.5s ease-out forwards crack-impact-flash}@keyframes crack-impact-flash{0%{opacity:0;transform:scale(2.4)}18%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1)}}@keyframes tab-crack-impact{0%{transform:translate(0)}6%{transform:translate(7px,-5px)}12%{transform:translate(-6px,6px)}20%{transform:translate(5px,3px)}30%{transform:translate(-4px,-3px)}42%{transform:translate(3px,2px)}56%{transform:translate(-2px,1px)}72%{transform:translate(1px,-1px)}to{transform:translate(0)}}.tab-crack--1{opacity:.85}.tab-crack--2{opacity:.92}.tab-crack--3{opacity:1;background:radial-gradient(circle at 50% 44%,#0000 0% 24%,#00000047 100%)}.tab-crack--4{opacity:1;background:radial-gradient(circle at 50% 44%,#0000 0% 18%,#0a000066 100%)}.tab-whisper{z-index:820;pointer-events:none;color:#c8283c00;letter-spacing:.08em;text-shadow:0 0 8px #c8000066;font-family:STKaiti,KaiTi,SimHei,serif;font-size:.95rem;animation:4.2s ease-in-out forwards tab-whisper-life;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes tab-whisper-life{0%{opacity:0;transform:translateY(8px)}20%{opacity:.55;transform:translateY(0)}75%{opacity:.55}to{opacity:0;transform:translateY(-4px)}}.tab-heavy{z-index:99998;background:#000;flex-direction:column;place-content:flex-start;animation:.25s ease-out forwards tab-heavy-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes tab-heavy-in{0%{opacity:0}to{opacity:1}}.tab-heavy-line{color:#d00000;letter-spacing:.08em;text-shadow:0 0 6px #dc0000b3;white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none;width:100%;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.15;animation:.22s ease-out forwards tab-heavy-line-in;overflow:hidden}@keyframes tab-heavy-line-in{0%{opacity:0;transform:translate(-3%)}to{opacity:1;transform:translate(0)}}.ending-screen{color:#e0e0e0;background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;animation:1.5s forwards fadeIn;display:flex;position:relative;overflow:hidden}.hide-cursor{cursor:none!important}.ending-loading,.ending-loading-inline{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.ending-loading{background:#0a0a0f;min-height:100vh}.ending-loading-inline{padding:3rem}.ending-spinner{border:2px solid #333;border-top-color:#e86bad;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ending-content{z-index:10;width:100%;max-width:42rem;position:relative}.ending-monologue-container{justify-content:center;align-items:center;min-height:14rem;margin-bottom:2rem;display:flex}.ending-monologue{color:#e0e0e0;text-align:center;white-space:pre-wrap;z-index:10;font-size:1.1rem;line-height:2;position:relative}.ending-cursor{vertical-align:text-bottom;background:currentColor;width:2px;height:1.2em;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ending-noise{z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ending-a{background:radial-gradient(#2e081c 0%,#0a0508 100%);transition:background 2s}.ending-a-cursor{color:#f36;pointer-events:none;z-index:99999;text-shadow:0 0 10px #f36c;font-size:1.5rem;position:fixed}.ending-a-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 40%,#ff146426 100%);animation:2s ease-in-out infinite heartbeat;position:absolute;inset:0}@keyframes heartbeat{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.ending-a-petals{pointer-events:none;z-index:3;filter:blur(1px);position:fixed;inset:0;overflow:hidden}.petal{top:-20px;left:calc(var(--i) * 5.8%);width:12px;height:12px;animation:petalFall calc(4s + var(--i) * .3s) linear infinite;animation-delay:calc(var(--i) * -.4s);background:#ff69b499;border-radius:50% 0;position:absolute}@keyframes petalFall{0%{opacity:.8;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.ending-a-contract{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ff14640d;border:1px solid #ff69b466;border-radius:12px;padding:2.5rem;position:relative;box-shadow:0 0 30px #ff146433}.ending-a-contract-title{color:#f9c;letter-spacing:.2em;margin-bottom:1.5rem;font-size:1.5rem}.ending-a-evidence{text-align:left;background:#ff14641a;border-radius:8px;margin-bottom:2rem;padding:1rem 1.5rem}.ending-a-evidence-title{color:#fcd;margin-bottom:.8rem;font-size:.85rem}.ending-a-evidence ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ending-a-evidence li{color:#fef;padding-left:1.2rem;font-size:.95rem;position:relative}.ending-a-evidence li:before{content:"♥";color:#f36;font-size:.8rem;position:absolute;top:.15em;left:0}.ending-a-buttons{justify-content:center;align-items:center;gap:1rem;min-height:4rem;display:flex}.ending-a-btn-accept{color:#fff;cursor:pointer;letter-spacing:.1em;background:linear-gradient(135deg,#f36,#c03);border:none;border-radius:50px;padding:1rem 4rem;font-size:1.3rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #f369}.ending-a-btn-accept:hover{transform:scale(1.1);box-shadow:0 6px 30px #f36c}.ending-a-btn-reject{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #555;border-radius:50px;padding:.4rem 1rem;font-size:.75rem}.ending-a-accepted{text-align:center;z-index:100;animation:1s fadeIn;position:relative}.ending-a-big{color:#f9c;text-shadow:0 0 20px #f36;margin-bottom:1rem;font-size:3rem}.ending-a-sub{color:#fcd;font-size:1.2rem}.ending-a-spam{color:#ff69b4cc;pointer-events:none;z-index:50;white-space:nowrap;font-weight:700;animation:3s infinite fadeInOut;position:fixed}@keyframes fadeInOut{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ending-b{background:radial-gradient(#110505 0%,#050101 100%)}.ending-b-svg-filter{pointer-events:none;position:absolute}.ending-b--dissolved .ending-b-gooey{filter:url(#goo);animation:3s infinite alternate heartbeat}.ending-b-vines{pointer-events:none;z-index:2;position:fixed;inset:0}.vine{width:4px;animation:vineGrow calc(4s + var(--i) * .5s) ease-in-out infinite alternate;left:calc(var(--i) * 8.5%);transform-origin:bottom;background:linear-gradient(#0000,#c81e3280,#0000);border-radius:4px;height:0;position:absolute;bottom:0}@keyframes vineGrow{to{height:calc(30% + var(--i) * 10%);opacity:.8}}.ending-b-pwa{text-align:center;color:#ff6b6b;margin-top:2rem;font-size:1.2rem;line-height:1.8;animation:1s fadeIn}.ending-b-subtext{color:#a44;font-size:.9rem}.ending-b-pwa-btn{color:#f88;cursor:pointer;letter-spacing:.1em;background:#ff32321a;border:1px solid #f33;border-radius:4px;margin-top:1.5rem;padding:.8rem 2.5rem;font-size:1rem;transition:all .3s}.ending-b-pwa-btn:hover{background:#ff32324d;transform:scale(1.05);box-shadow:0 0 30px #ff323280}.ending-c{background:#050505}.ending-c-vignette{pointer-events:none;z-index:10;background:radial-gradient(circle,#0000 50%,#f003 100%);animation:1.5s infinite alternate redAlert;position:absolute;inset:0}@keyframes redAlert{0%{opacity:.3}to{opacity:.8}}.ending-c-cursor{pointer-events:none;z-index:99999;border:2px solid red;border-radius:50%;width:24px;height:24px;transition:width .1s,height .1s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px red}.ending-c-captcha{color:#eee;z-index:20;background:#111;border:1px solid #333;border-radius:4px;width:min(400px,95vw);padding:1.5rem;position:relative;box-shadow:0 10px 40px #000c,0 0 0 1px #f003}.ending-c-captcha-header{color:#f44;border-bottom:1px solid #333;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.8rem;font-size:.85rem;display:flex}.ending-c-captcha-prompt{color:#ddd;margin-bottom:1rem;font-size:1rem}.ending-c-captcha-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:1rem;display:grid}.ending-c-captcha-cell{aspect-ratio:1;color:#aaa;cursor:pointer;text-align:center;word-break:break-all;-webkit-user-select:none;user-select:none;background:#222;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:.3rem;font-size:.8rem;transition:all .2s;display:flex}.ending-c-captcha-cell.selected{color:#fff;background:#ff00001a;border-color:#f33}.ending-c-captcha-fail{color:#f33;text-align:center;margin-bottom:.5rem;font-size:.85rem;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-3px)}40%{transform:translate(3px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(-1px)}}.ending-c-captcha-btn{color:#fff;cursor:pointer;background:#800;border:none;border-radius:4px;width:100%;padding:.8rem;font-size:1rem;transition:background .2s}.ending-c-captcha-btn:hover{background:#a00}.ending-c-captcha-footer{text-align:center;color:#555;margin-top:.8rem;font-size:.7rem}.ending-c-lockdown{color:#fff;text-align:center;background:#a00;flex-direction:column;justify-content:center;align-items:center;animation:.1s 5 lockdownFlash}@keyframes lockdownFlash{0%{background:#000}to{background:#a00}}.lockdown-glitch-bg{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000001a,#0000001a 2px,#0000 2px 4px);position:absolute;inset:0}.lockdown-content{z-index:10;flex-direction:column;gap:1.5rem;font-family:Courier New,Courier,monospace;display:flex;position:relative}.lockdown-title{letter-spacing:.1em;text-shadow:2px 2px #000;margin-bottom:2rem;font-size:2rem;font-weight:900}.lockdown-eye{margin:1rem 0;font-size:8rem;line-height:1;animation:1.5s infinite heartbeat}.lockdown-big{margin-top:2rem;font-size:1.5rem;font-weight:700}.ending-d{color:#000;background:#fff}.ending-d-mono{color:#000}.ending-d-watermarks{pointer-events:none;z-index:1;opacity:.03;color:#000;white-space:nowrap;flex-direction:column;justify-content:space-around;align-items:center;font-size:15vw;font-weight:900;display:flex;position:absolute;inset:0;overflow:hidden}.ending-d-hijack{z-index:10;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;animation:1.2s forwards fadeIn;display:flex;position:relative}.ending-d-prompt{color:#333;letter-spacing:.05em;text-align:center;font-size:1.2rem}.ending-d-input-wrap{width:100%;position:relative}.ending-d-input{box-sizing:border-box;color:#000;caret-color:#0000;text-align:center;resize:none;background:0 0;border:none;border-bottom:2px solid #000;outline:none;width:100%;padding:1rem 1.2rem;font-family:serif;font-size:1.5rem}.ending-d-cursor-blink{background:#000;width:2px;height:1.5em;animation:1s infinite typewriter-cursor;position:absolute;bottom:1.5rem;right:1rem}.ending-d-done-line{color:#555;margin-top:1rem;font-size:1.1rem}.ending-e{background:#0a0a0f}.ending-e--glitch{animation:.2s infinite rgbSplit}@keyframes rgbSplit{0%{text-shadow:-2px 0 red,2px 0 #0ff;transform:translate(1px,1px)}50%{text-shadow:2px 0 red,-2px 0 #0ff;transform:translate(-1px,-1px)}to{text-shadow:none;transform:translate(0)}}.ending-e-popup{color:#fff;z-index:200;background:#c00;border:1px solid #f33;border-radius:0;min-width:200px;max-width:260px;padding:1rem 1.2rem;position:fixed;transform:translate(-50%,-50%);box-shadow:5px 5px #000c}.ending-e-popup-title{border-bottom:1px solid #ffffff4d;margin-bottom:.5rem;padding-bottom:.3rem;font-size:1rem;font-weight:900}.ending-e-popup p{margin:0 0 1rem;font-size:.95rem;font-weight:700;line-height:1.4}.ending-e-popup button{color:#c00;cursor:pointer;background:#fff;border:none;width:100%;padding:.4rem;font-weight:700}.ending-f{background:#000;align-items:flex-start;padding:0;font-family:Courier New,monospace;overflow:hidden}.ending-f-console{z-index:10;background:#050505;border:1px solid #333;width:100%;max-width:800px;margin:2rem auto;position:relative;box-shadow:0 0 20px #ff00001a}.ending-f-console-header{background:#1a1a1a;border-bottom:1px solid #333;align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex}.ending-f-dot{border-radius:50%;width:12px;height:12px}.ending-f-dot.red{background:#ff5f56}.ending-f-dot.yellow{background:#ffbd2e}.ending-f-dot.green{background:#27c93f}.ending-f-console-body{flex-direction:column;gap:.5rem;min-height:400px;padding:1.5rem;display:flex}.ending-f-log-line{font-size:.95rem}.ending-f-timestamp{color:#555;margin-right:1rem}.ending-f-log-red{color:#f33;font-weight:700}.ending-f-log-dim{color:#888}.ending-f-final-line{color:red;border-left:3px solid red;margin-top:2rem;padding-left:1rem;font-size:1.2rem}.ending-f--gravity *{animation:2s cubic-bezier(.55,.085,.68,.53) forwards fallDown!important}@keyframes fallDown{to{opacity:0;transform:translateY(150vh)rotate(45deg)}}.ending-f-destroyed{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex}.ending-f-crt-off{z-index:99999;background:#fff;animation:.5s cubic-bezier(.23,1,.32,1) forwards crtTurnOff;position:absolute;inset:0}@keyframes crtTurnOff{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scaleY(.005)}to{opacity:0;transform:scale(0,.005)}}.ending-f-reddot{background:red;border-radius:50%;width:4px;height:4px;animation:2s infinite pulseDot;box-shadow:0 0 10px red}@keyframes pulseDot{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (width<=768px){.ending-monologue{font-size:1rem}.ending-f-console{margin:1rem}}.horror-overlay{z-index:99999;pointer-events:all;cursor:default;background:#000;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.horror-overlay--fade{opacity:0}.horror-overlay--frozen,.horror-overlay--frozen *{cursor:none!important}.horror-overlay--frozen{pointer-events:all}.horror-text{color:#c00;letter-spacing:.15em;text-shadow:0 0 10px #c8000080;-webkit-user-select:none;user-select:none;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;font-size:3rem;font-weight:700}.horror-text--typewriter{min-height:3rem}.horror-cursor{color:#c00;animation:.6s step-end infinite horror-blink}@keyframes horror-blink{50%{opacity:0}}.horror-text--shatter{animation:.15s ease-out horror-scare-in}@keyframes horror-scare-in{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.horror-text--glitch{animation:.1s linear infinite horror-shake}@keyframes horror-shake{0%{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-3px)}to{transform:translate(2px,3px)}}.horror-shatter-grid{position:fixed;inset:0}.horror-shard{animation:horror-shard-fly 1.2s var(--delay) ease-in forwards;background:#000;border:1px solid #6400004d;position:absolute}@keyframes horror-shard-fly{0%{opacity:1;transform:rotate(0)translate(0)}to{transform:rotate(var(--angle)) translate(var(--tx), var(--ty));opacity:0}}.horror-sand{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:.05em;max-width:80vw;display:flex;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}.horror-sand-char{color:#dcdcdcd9;letter-spacing:.04em;white-space:pre;will-change:transform, opacity, filter;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;font-size:1.8rem;display:inline-block}.horror-sand-char--fall{animation:horror-sand-fall var(--dur) var(--delay) cubic-bezier(.6, 0, .9, .3) forwards}@keyframes horror-sand-fall{0%{opacity:1;filter:blur();transform:translate(0)rotate(0)}70%{opacity:.8;filter:blur(.5px)}to{transform:translate(var(--tx), 90vh) rotate(var(--rot));opacity:0;filter:blur(2px)}}.horror-text--accuse{text-align:center;color:#c00;max-width:80vw;font-size:2rem;animation:.6s ease-out horror-accuse-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes horror-accuse-in{0%{opacity:0}to{opacity:1}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.pre-ending-screen{color:#ece7e9;background:radial-gradient(circle at 50% 35%,#b0264e38,#0000 38%),linear-gradient(145deg,#07070b 0%,#151018 52%,#050507 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.pre-ending-vignette{pointer-events:none;background:radial-gradient(circle,#0000 42%,#000000b8 100%);position:absolute;inset:0}.pre-ending-panel{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:min(42rem,100%);min-height:18rem;display:flex;position:relative}.pre-ending-monologue{white-space:pre-wrap;text-align:center;color:#f0e9ec;text-shadow:0 0 18px #e86bad2e;margin:0;font-size:1.1rem;line-height:2}.pre-ending-loading{color:#ece7e9b8;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:12rem;display:flex}.pre-ending-spinner{border:2px solid #ffffff2e;border-top-color:#e86bad;border-radius:50%;width:32px;height:32px;animation:1s linear infinite preEndingSpin}.pre-ending-cursor{vertical-align:text-bottom;background:currentColor;width:2px;height:1.2em;margin-left:2px;animation:1s infinite preEndingBlink;display:inline-block}.pre-ending-button{color:#ffeef6;cursor:pointer;letter-spacing:0;background:#e86bad1f;border:1px solid #e86bad8c;border-radius:6px;min-width:9rem;min-height:2.75rem;padding:.7rem 1.4rem;font-size:1rem;transition:background .2s,border-color .2s,transform .2s}.pre-ending-button:not(:disabled):hover{background:#e86bad33;border-color:#e86bade6;transform:translateY(-1px)}.pre-ending-button:disabled{cursor:wait;opacity:.58}@keyframes preEndingSpin{to{transform:rotate(360deg)}}@keyframes preEndingBlink{50%{opacity:0}}@media (width<=768px){.pre-ending-monologue{font-size:1rem;line-height:1.85}.pre-ending-panel{min-height:22rem}}:root{--phase-bg-primary:#0a0a0a;--phase-bg-secondary:#111;--phase-bg-card:#141414e6;--phase-bg-card-hover:#1e1e1eeb;--phase-bg-overlay:#050505f2;--phase-text-primary:#e8e8e8;--phase-text-secondary:#a0a0a0;--phase-text-muted:#606060;--phase-text-accent:#fff;--phase-accent:#d0d0d0;--phase-accent-soft:#c8c8c81a;--phase-accent-glow:#c8c8c833;--phase-accent-secondary:#888;--phase-border:#ffffff14;--phase-border-hover:#fff3;--phase-glow-sm:0 0 4px #ffffff0d;--phase-glow-md:0 0 12px #ffffff14;--phase-glow-lg:0 0 24px #ffffff1a;--phase-shadow-card:0 4px 24px #00000080;--phase-progress:silver;--phase-progress-bg:#ffffff0f;--phase-btn-bg:linear-gradient(135deg, #333 0%, #1a1a1a 100%);--phase-btn-hover:linear-gradient(135deg, #444 0%, #2a2a2a 100%);--phase-btn-text:#fff;--phase-danger:#c33;--phase-warning:#963;--font-sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.8;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-phase:1s;--duration-dramatic:1.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glitch{0%{filter:hue-rotate();transform:translate(0)}10%{filter:hue-rotate(90deg);transform:translate(-2px,1px)}20%{filter:hue-rotate(180deg);transform:translate(2px,-1px)}30%{filter:hue-rotate(270deg);transform:translate(-1px,2px)}40%{filter:hue-rotate();transform:translate(1px,-2px)}50%{transform:translate(-2px)}60%{filter:hue-rotate(120deg);transform:translate(2px,1px)}70%{transform:translateY(-1px)}80%{filter:hue-rotate(240deg);transform:translate(-1px)}90%{transform:translate(1px,1px)}to{filter:hue-rotate();transform:translate(0)}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.015)}}@keyframes textFlicker{0%,to{opacity:1}5%{opacity:.3}10%{opacity:1}15%{opacity:.6}20%{opacity:1}55%{opacity:1}57%{opacity:.4}60%{opacity:1}}@keyframes textTremor{0%,to{transform:translate(0)}25%{transform:translate(.5px,-.5px)}50%{transform:translate(-.5px,.5px)}75%{transform:translate(.5px,.5px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-2rem)scale(.95)}60%{transform:translateY(.25rem)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes progressPulse{0%,to{box-shadow:0 0 4px var(--phase-accent-glow)}50%{box-shadow:0 0 12px var(--phase-accent-glow)}}@keyframes rain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(100vh)}}@keyframes typewriter-cursor{0%,to{border-right-color:var(--phase-accent)}50%{border-right-color:#0000}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--phase-text-primary);background-color:var(--phase-bg-primary);min-height:100vh;transition:background-color var(--duration-phase) var(--ease-in-out), color var(--duration-phase) var(--ease-in-out);overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--phase-text-primary);transition:color var(--duration-phase) var(--ease-in-out)}p{color:var(--phase-text-secondary);transition:color var(--duration-phase) var(--ease-in-out)}a{color:var(--phase-accent);transition:color var(--duration-normal) var(--ease-out);text-decoration:none}a:hover{color:var(--phase-text-accent)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none}button:focus-visible{outline:2px solid var(--phase-accent);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0}img,svg{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--phase-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--phase-text-secondary)}html{scrollbar-width:thin;scrollbar-color:var(--phase-text-muted) transparent}::selection{background:var(--phase-accent-soft);color:var(--phase-text-primary)}::selection{background:var(--phase-accent-soft);color:var(--phase-text-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-phase=breaking] body,body[data-phase-breaking]{animation:6s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
