*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2ea6;--bg-card:#16213eb3;--bg-card-solid:#16213e;--bg-secondary-solid:#1a1a2e;--text-primary:#fff;--text-secondary:#fff;--text-muted:#f0f0f0;--border-color:#2a2a4a80;--border-color-solid:#2a2a4a;--glass-blur:12px;--glass-bg:#16213e8c;--glass-border:#ffffff0f;--glass-highlight:#ffffff0a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--color-gold:#ffd54f;--color-green:#66bb6a;--color-yellow:#ffa726;--color-red:#ef5350;--color-blue:#4fc3f7;--color-purple:#ba68c8;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-mask:9000;--z-modal-card:9100;--z-graduation:9500;--z-toast:9999;--elevation-1:0 1px 3px #0000004d;--elevation-2:0 4px 12px #0006;--elevation-3:0 8px 24px #00000080;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-press:cubic-bezier(.2, 0, 0, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.68, -.55, .265, 1.55);--dur-press:80ms;--dur-release:.12s;--dur-hover:.15s;--dur-modal-in:.35s;--dur-modal-out:.2s;--dur-page-transition:.3s;--dur-number-flash:.3s;--dur-toast:.25s}html{height:100%}body{background-color:#020210;background-image:radial-gradient(at 30% 20%,#4fc3f70d 0%,#0000 55%),radial-gradient(at 70% 60%,#ba68c80d 0%,#0000 55%),radial-gradient(at 50% 40%,#ffd54f08 0%,#0000 65%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;height:100%;margin:0;overflow-x:hidden}#root{height:100%;color:var(--text-primary);z-index:1;background:0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;position:relative}.color-green{color:#66bb6a}.color-yellow{color:#ffa726}.color-red{color:#ef5350}.color-blue{color:#4fc3f7}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.text-center{text-align:center}.page{z-index:1;max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 32px;position:relative}@media (width>=768px){.page{max-width:640px;padding:32px 24px 48px}}@media (width>=1200px){.page{max-width:800px;padding:48px 32px 64px}}.card{background:var(--bg-card);border-radius:var(--radius-md);transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;margin-bottom:12px;padding:16px}.card[role=button],.card[tabindex],.card.onclick,.card-clickable{cursor:pointer}.card[role=button]:hover,.card[tabindex]:hover,.card.onclick:hover,.card-clickable:hover{border-color:#4fc3f740;transform:translateY(-1px);box-shadow:0 2px 12px #4fc3f714}.card[role=button]:active,.card[tabindex]:active,.card.onclick:active,.card-clickable:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.98)}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.btn{cursor:pointer;transition:opacity .2s, transform var(--duration-fast);text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{opacity:.9}.btn:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn:not(:disabled){transition:transform var(--dur-release) var(--ease-out)}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(var(--glass-blur));background:#2a2a4a99}.btn-ghost{color:#fff;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(var(--glass-blur));background:0 0}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.card-hover:focus-visible{outline:2px solid var(--color-blue);outline-offset:1px}input[type=range]:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px;border-radius:3px}.interactive{cursor:pointer;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000}.interactive:hover{box-shadow:var(--elevation-2);border-color:#4fc3f74d;transform:translateY(-2px)}.interactive:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.96)}.modal-enter{animation:modalBounceIn var(--dur-modal-in) var(--ease-bounce)}.modal-exit{animation:modalBounceOut var(--dur-modal-out) var(--ease-standard) forwards}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalBounceOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.page-enter{animation:pageSlideIn var(--dur-page-transition) var(--ease-standard)}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.number-flash-positive{animation:flashGreen var(--dur-number-flash) var(--ease-out)}.number-flash-negative{animation:flashRed var(--dur-number-flash) var(--ease-out)}@keyframes flashGreen{0%{color:#22c55e;transform:scale(1.15)}to{color:inherit;transform:scale(1)}}@keyframes flashRed{0%{color:#ef4444;transform:scale(1.15)}to{color:inherit;transform:scale(1)}}@keyframes attentionPulse{0%,to{box-shadow:0 0 #4fc3f766}50%{box-shadow:0 0 0 8px #4fc3f700}}.attention-pulse{animation:2s infinite attentionPulse}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.008)}}.breathe{animation:3s ease-in-out infinite breathe}.screen-flash-white{animation:.3s ease-out screenFlash}@keyframes screenFlash{0%{box-shadow:inset 0 0 200px #fff9}to{box-shadow:inset 0 0 #fff0}}.screen-shake{animation:screenShake .4s var(--ease-out)}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-4px)}30%{transform:translate(4px)}50%{transform:translate(-3px)}70%{transform:translate(3px)}90%{transform:translate(-1px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}60%{transform:translate(2px)}80%{transform:translate(-1px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes flash{0%{opacity:0}30%{opacity:.15}to{opacity:0}}.animate-fade-in{animation:fadeIn var(--duration-slow) ease}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#1c2d54 25%,#253a68 50%,#1c2d54 75%) 0 0/200% 100%;border-radius:4px;height:16px;margin-bottom:10px;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:2px}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.empty-text{color:#fff;margin-bottom:8px;font-size:16px}.empty-sub{color:var(--text-muted);font-size:13px}input[type=range]{appearance:none;background:#2a2a4a;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4fc3f7;border-radius:50%;width:22px;height:22px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#4fc3f7;border:none;border-radius:50%;width:22px;height:22px}input[type=text]{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:12px;padding:14px;font-size:16px}input[type=text]:focus{border-color:#4fc3f7}input[type=text]::placeholder{color:var(--text-muted)}.cosmic-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.cosmic-bg:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0202101a 0%,#02021066 70%,#02021099 100%);position:fixed;inset:0}.cosmic-canvas{pointer-events:none;display:block}.toast-overlay{z-index:9999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.toast-visible{pointer-events:auto;animation:.2s toastFadeIn}.toast-box{color:#fff;background:#000000d9;border-radius:12px;align-items:center;gap:10px;max-width:80vw;padding:16px 28px;display:flex;box-shadow:0 4px 24px #00000080}.toast-icon{font-size:20px}.toast-message{font-size:15px}@keyframes toastFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-overlay{z-index:9998;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.loading-box{background:#1a1a2e;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;display:flex;box-shadow:0 4px 32px #0009}.loading-spinner{border:3px solid #2a2a4a;border-top-color:#4fc3f7;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.loading-text{color:#fff;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tutorial-overlay{z-index:var(--z-graduation,9500);background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--bg-card,#16213e);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:32px 24px 24px}.tutorial-dots{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.tutorial-dot{background:#2a2a4a;border-radius:50%;width:8px;height:8px;transition:background .3s}.tutorial-dot.active{background:#4fc3f7;box-shadow:0 0 8px #4fc3f780}.tutorial-dot.done{background:#66bb6a}.tutorial-title{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700}.tutorial-desc{color:#fff;margin-bottom:12px;font-size:14px;line-height:1.6}.tutorial-tip{color:#ffa726;background:#ffa7261a;border-radius:8px;margin-bottom:20px;padding:8px 12px;font-size:12px}.tutorial-buttons{justify-content:center;gap:12px;display:flex}.audio-toggle{z-index:9999;cursor:pointer;transition:all .25s var(--ease-out);border:none;border-radius:28px;align-items:center;gap:6px;padding:12px 18px;font-family:inherit;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 20px #00000080}.audio-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px #0009}.audio-toggle:active{transition:transform 80ms var(--ease-press);transform:scale(.94)}.audio-on{background:linear-gradient(135deg,#1a3a5c 0%,#16213e 100%);border:2px solid #4fc3f7}.audio-off{background:linear-gradient(135deg,#2a1a1a 0%,#1a1a1a 100%);border:2px solid #ef5350}.audio-toggle-icon{font-size:24px;line-height:1}.audio-toggle-label{letter-spacing:1px;font-size:12px;font-weight:700}.audio-on .audio-toggle-label{color:#4fc3f7}.audio-off .audio-toggle-label{color:#ef5350}.audio-toggle{animation:audioBounceIn .6s var(--ease-bounce)}@keyframes audioBounceIn{0%{transform:scale(0)translateY(40px)}60%{transform:scale(1.1)translateY(-4px)}to{transform:scale(1)translateY(0)}}@media (width<=480px){.audio-toggle{padding:10px 14px;bottom:16px;right:12px}.audio-toggle-icon{font-size:20px}}.splash-page{cursor:pointer;background:linear-gradient(#0a0a1a 0%,#16213e 100%);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.splash-page:before{content:"";background-image:radial-gradient(1px 1px at 10% 15%,#fff6,#0000),radial-gradient(1px 1px at 25% 35%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 40% 8%,#ffffff80,#0000),radial-gradient(1px 1px at 55% 22%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 70% 42%,#fff6,#0000),radial-gradient(1px 1px at 85% 12%,#ffffff59,#0000),radial-gradient(1px 1px at 15% 55%,#ffffff40,#0000),radial-gradient(1.5px 1.5px at 35% 70%,#fff6,#0000),radial-gradient(1px 1px at 60% 60%,#ffffff4d,#0000),radial-gradient(1px 1px at 78% 78%,#ffffff59,#0000),radial-gradient(1.5px 1.5px at 92% 55%,#fff6,#0000),radial-gradient(1px 1px at 5% 80%,#ffffff4d,#0000),radial-gradient(1px 1px at 48% 88%,#ffffff40,#0000),radial-gradient(1.5px 1.5px at 68% 18%,#ffffff73,#0000),radial-gradient(1px 1px at 82% 68%,#ffffff4d,#0000);animation:3s ease-in-out infinite alternate starPulse;position:absolute;inset:0}@keyframes starPulse{0%{opacity:.6}to{opacity:1}}.splash-content{text-align:center;z-index:1;width:100%;max-width:320px;position:relative}.splash-content.animate-fade-in .logo-icon{animation:.6s both logoIn}.splash-content.animate-fade-in .logo-title{animation:.6s .15s both logoIn}.splash-content.animate-fade-in .logo-subtitle{animation:.6s .3s both logoIn}.splash-content.animate-fade-in .slogan{animation:.6s .45s both logoIn}.splash-content.animate-fade-in .loading-area{animation:.6s .6s both logoIn}.splash-content.animate-fade-in .hint{animation:.6s .75s both logoIn}@keyframes logoIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-area{margin-bottom:32px}.logo-icon{margin-bottom:12px;font-size:72px;display:block}.logo-title{color:#fff;font-size:36px;font-weight:700;display:block}.logo-subtitle{color:var(--text-muted);letter-spacing:3px;font-size:16px}.slogan{margin-bottom:40px}.slogan-text{color:#fff;font-size:15px}.loading-area{margin-bottom:20px}.loading-bar{background:#1a1a2e;border-radius:2px;height:3px;overflow:hidden}.loading-fill{background:linear-gradient(90deg,#4fc3f7,#7e57c2);border-radius:2px;height:100%;transition:width .1s linear;box-shadow:0 0 8px #4fc3f766}.hint-text{color:var(--text-muted);font-size:14px}.modal-mask{z-index:9000;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card,#16213e);border-radius:16px;width:100%;max-width:420px;max-height:80vh;animation:.3s bounceIn;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.modal-title{color:#fff;font-size:18px;font-weight:600}.modal-body{padding:8px 24px 24px}.tooltip-host{display:inline-flex;position:relative}.tooltip-bubble{color:#fff;white-space:nowrap;z-index:var(--z-dropdown,100);pointer-events:none;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:6px 12px;font-size:12px;line-height:1.5;animation:.1s ease-out tooltipFadeIn;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.tooltip-bubble.bottom{top:calc(100% + 6px)}.tooltip-bubble.top{bottom:calc(100% + 6px)}.tooltip-bubble:before{content:"";border:5px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.tooltip-bubble.bottom:before{border-bottom-color:#2a2a4a;bottom:100%}.tooltip-bubble.top:before{border-top-color:#2a2a4a;top:100%}.home-page{padding-top:16px;position:relative}.brand-footer{text-align:center;opacity:.5;margin-top:32px;padding:16px 0}.brand-icon{font-size:28px;display:block}.brand-title{font-size:16px;font-weight:600;display:block}.brand-slogan{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.about-btn-top{border:1px solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);z-index:var(--z-base);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:16px;right:16px}.about-btn-top:hover{box-shadow:var(--elevation-2);color:var(--color-blue);transform:translateY(-2px)}.about-btn-top:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.92)}.welcome-banner{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur));background:linear-gradient(135deg,#1a3a5cb3 0%,#16213eb3 100%);border:1px solid #4fc3f7;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.welcome-banner-content{flex:1;align-items:center;gap:12px;display:flex}.welcome-emoji{font-size:28px}.welcome-title{color:#fff;font-size:15px;font-weight:600}.welcome-desc{color:#fff;margin-top:2px;font-size:13px}.welcome-dismiss{color:#fff;cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px}.welcome-dismiss:hover{color:#fff}.card-highlight{-webkit-backdrop-filter:blur(var(--glass-blur));transform:scale(1.02);background:linear-gradient(135deg,#1a3a5ccc 0%,#16213ecc 100%)!important;border:2px solid #4fc3f7!important}.card-highlight .menu-title{font-size:18px}.card-highlight .menu-icon{font-size:36px}.menu-card{transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;align-items:center;gap:14px;padding:14px;display:flex}.menu-card[role=button]:hover,.menu-card.onclick:hover{border-color:#4fc3f733;transform:translateY(-1px);box-shadow:0 2px 12px #4fc3f714}.menu-card[role=button]:active,.menu-card.onclick:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.98)}.menu-icon{font-size:32px}.menu-text{flex:1}.menu-title{font-size:17px;font-weight:600;display:block}.menu-desc{color:#fff;margin-top:2px;font-size:13px;display:block}.arrow{color:#fff;font-size:14px}.menu-card-empty{opacity:.6}.menu-card-empty:hover{opacity:.9}.saves-list{margin-top:-4px}.save-item{flex-wrap:wrap;align-items:center;gap:6px 14px;padding:14px;display:flex}.save-name{font-size:14px;font-weight:600}.save-age{color:#fff;font-size:13px}.save-bg{color:#4fc3f7;font-size:13px}.save-time{margin-left:auto}.about-link{text-align:center;cursor:pointer;margin-top:24px}.skeleton-loading-text{display:block}.about-line{margin-bottom:6px}.about-divider{border:none;border-top:1px solid #2a2a4a;margin:12px 0}.collapsible-section{margin-bottom:6px}.collapsible-header{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;transition:background var(--duration-fast), border-color var(--duration-fast);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.collapsible-header:hover{background:#4fc3f70f;border-color:#4fc3f7;box-shadow:0 1px 8px #4fc3f714}.collapsible-header:active{transition:transform var(--dur-press) var(--ease-press);background:#4fc3f71a;transform:scale(.985)}.collapsible-title{font-weight:500}.collapsible-arrow{color:var(--text-muted);font-size:11px;transition:transform .15s}.init-page{padding-top:16px}.page-title{color:#fff;margin-bottom:12px;font-size:22px;font-weight:700}.step-indicator{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(var(--glass-blur));justify-content:center;gap:12px;margin-bottom:20px;padding:10px 0;display:flex}.guidance-text{color:var(--text-secondary);text-align:center;padding:4px 0 12px;font-size:13px}.section{margin-bottom:16px}.dim-help-icon{color:#fff;cursor:help;background:#2a2a4a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.slider-row{margin:8px 0}.input-wrap input{transition:border-color .2s}.input-wrap .input-error{animation:.3s shake;border-color:#ef5350!important}.error-text{color:#ef5350;margin-top:4px;font-size:12px;display:block}.random-btn{text-align:center;cursor:pointer;color:#fff;width:100%;margin-top:4px;padding:10px;font-size:14px}.deviation-hint{color:#ffa726;background:#2a2a0a;border:1px solid #ffa726;border-radius:10px;margin-top:8px;padding:10px;font-size:12px;animation:.3s fadeIn}.link-btn{color:#4fc3f7;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.link-btn:hover{color:#81d4fa}.bg-list{flex-direction:column;gap:8px;display:flex}.bg-card{cursor:pointer;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;padding:14px}.bg-card:hover{border-color:#4fc3f740;transform:translateY(-1px);box-shadow:0 2px 12px #4fc3f714}.bg-card:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.98)}.bg-selected{border:2px solid #4fc3f7;box-shadow:0 0 0 1px #4fc3f7}.bg-selected:hover{transform:none;box-shadow:0 0 0 1px #4fc3f7}.bg-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.bg-name{font-size:15px;font-weight:600}.bg-check{color:#4fc3f7;font-size:18px}.bg-desc{color:#fff;margin-bottom:6px;font-size:13px}.bg-stats{flex-wrap:wrap;gap:10px;display:flex}.bg-stat{color:#f0f0f0;font-size:12px}.summary-card{-webkit-backdrop-filter:blur(var(--glass-blur));margin:12px 0;padding:14px}.summary-row{color:#fff;justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.back-link{color:var(--text-secondary);font-size:13px;text-decoration:none}.back-link:hover{color:var(--color-blue)}.foresee-guide{text-align:center;background:#4fc3f70f;border:1px solid #4fc3f71a;border-radius:8px;margin-bottom:10px;padding:8px 12px}.foresee-guide-text{color:var(--text-muted);font-size:11px;line-height:1.5}.foresee-mask{z-index:9100;background:#000000bf;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.foresee-modal{background:#16213e;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;padding:20px 20px 28px;overflow-y:auto}.animate-slide-up{animation:.3s slideUp}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-close{color:#f0f0f0;cursor:pointer;padding:2px 6px;font-size:22px}.event-summary{background:#1a1a2e;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.event-name{font-size:15px;font-weight:500}.skeleton-area{flex-direction:column;gap:10px;margin:16px 0;display:flex}.skeleton-bar{background:linear-gradient(90deg,#1c2d54 25%,#253a68 50%,#1c2d54 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.5s infinite shimmer}.foresee-section{margin-bottom:14px}.rate-bar-wrap{align-items:center;gap:10px;display:flex}.rate-bar{background:#1a1a2e;border-radius:7px;flex:1;height:14px;overflow:hidden}.rate-fill{border-radius:7px;height:100%;transition:width .4s,background .4s}.rate-text{text-align:right;min-width:48px;font-size:16px;font-weight:700}.delta-list{flex-wrap:wrap;gap:6px;display:flex}.delta-item{border-radius:6px;padding:3px 10px;font-size:13px}.delta-negative{color:#ef5350;background:#ef535026}.delta-positive{color:#66bb6a;background:#66bb6a26}.time-section{background:#1a1a2e;border-radius:10px;padding:12px}.time-text{color:#fff;font-size:14px}.effort-slider-wrap{margin:16px 0}.effort-slider{appearance:none;background:#2a2a4a;border-radius:3px;outline:none;width:100%;height:6px}.effort-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4fc3f7;border-radius:50%;width:20px;height:20px}.effort-slider::-moz-range-thumb{cursor:pointer;background:#4fc3f7;border:none;border-radius:50%;width:20px;height:20px}.effort-text{color:#fff;text-align:center;margin-top:4px;font-size:13px;display:block}.modal-buttons{gap:12px;margin-top:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:default}.btn-primary{color:#1a1a2e;background:#4fc3f7}.btn-secondary{color:#fff;background:#2a2a4a}.prop-modal-mask{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prop-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;width:320px;max-height:80vh;padding:20px;overflow-y:auto}.prop-modal-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.prop-modal-icon{font-size:24px}.prop-modal-title{flex:1;font-size:17px;font-weight:700}.prop-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.prop-modal-close:hover{color:#fff}.prop-current-state{background:#16213e;border-radius:10px;flex-direction:column;margin-bottom:16px;padding:12px;display:flex}.prop-actions{flex-direction:column;gap:6px;display:flex}.prop-action-card{cursor:pointer;background:#16213e;border:1px solid #0000;border-radius:10px;padding:10px 14px;transition:all .15s}.prop-action-card:hover{background:#1a3a5e;border-color:#4fc3f7}.prop-action-disabled{opacity:.4;cursor:not-allowed}.prop-action-disabled:hover{background:#16213e;border-color:#0000}.prop-action-main{justify-content:space-between;align-items:center;display:flex}.prop-action-label{color:#fff;font-size:13px}.prop-action-spinner{color:#4fc3f7;font-size:16px;animation:.6s linear infinite spin}.prop-action-cost{color:#f0f0f0;margin-top:2px;font-size:10px;display:block}.cost-insufficient{color:#ef5350}.animate-bounce-in{animation:.25s ease-out bounceIn}.stat-panel{overflow:hidden}.stat-panel.compact{background:#16213e99;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 10px;display:flex}.compact-name{color:#fff;white-space:nowrap;font-size:12px;font-weight:600}.compact-sep{color:#3a3a5a;font-size:11px}.compact-stat{letter-spacing:.2px;font-size:11px;font-weight:500}.iq-badge-compact{color:#fff;white-space:nowrap;background:#7e57c2;border-radius:8px;padding:1px 6px;font-size:10px}.sp-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(var(--glass-blur));align-items:center;gap:8px;padding:10px 14px;display:flex}.sp-header:hover{background:#4fc3f70a}.sp-name{flex:1;font-size:15px;font-weight:700}.sp-iq{color:#fff;background:#7e57c2;border-radius:10px;padding:2px 8px;font-size:11px}.sp-toggle{color:#f0f0f0;font-size:12px}.sp-stats-bar{flex-direction:column;gap:3px;padding:4px 14px 8px;display:flex}.sp-stat-mini{cursor:pointer;transition:background var(--dur-hover) var(--ease-out);border-radius:6px;align-items:center;gap:6px;padding:2px 4px;display:flex}.sp-stat-mini:hover{background:#4fc3f70f}.sp-stat-mini:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.98)}.sp-stat-icon{text-align:center;width:22px;font-size:11px}.sp-stat-track{background:#2a2a4a;border-radius:2px;flex:1;height:4px;overflow:hidden}.sp-stat-fill{border-radius:2px;height:100%;transition:width .4s}.sp-stat-num{text-align:right;min-width:26px;font-size:11px;font-weight:600}.sp-properties{flex-direction:column;gap:1px;padding:0 8px 6px;display:flex}.sp-prop-row{gap:1px;display:flex}.sp-prop-row .sp-prop-tile{flex:1}.sp-prop-tile{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;transition:all .15s;display:flex}.sp-prop-tile:hover{background:#4fc3f70f;border-color:#2a3a5e}.sp-prop-tile-static{cursor:default}.sp-prop-tile-static:hover{background:0 0;border-color:#0000}.sp-prop-clickable{position:relative}.sp-prop-arrow{color:var(--color-blue);opacity:.5;margin-left:auto;font-size:10px;transition:opacity .15s}.sp-prop-clickable:hover .sp-prop-arrow{opacity:1}.sp-prop-tile:active{transform:scale(.97)}.sp-prop-icon{text-align:center;flex-shrink:0;width:24px;font-size:16px}.sp-prop-info{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.sp-prop-label{color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.sp-prop-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sp-prop-sub{color:#e0e0e0;font-size:10px}.sp-tags{flex-wrap:wrap;gap:4px;padding:2px 14px 8px;display:flex}.sp-tag{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#2a2a4a;border-radius:10px;max-width:120px;padding:2px 8px;font-size:10px;overflow:hidden}.step-indicator{border-bottom:1px solid var(--border-color);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(var(--glass-blur));background:#0f0f1abf;justify-content:center;gap:12px;margin-bottom:20px;padding:10px 0;display:flex;position:sticky;top:0}.step-dot{color:var(--text-muted);background:var(--bg-secondary);transition:all var(--duration-fast);border-radius:12px;padding:4px 10px;font-size:12px}.step-dot.step-active{color:#fff;background:var(--color-blue);font-weight:600}.step-dot.step-done{color:var(--color-green);background:#66bb6a26}.province-recommendation{color:var(--color-yellow);background:#ffa72614;border-radius:6px;margin-top:6px;padding:6px 8px;font-size:11px}.effort-diff-hint{color:var(--text-muted);text-align:center;background:#4fc3f70f;border-radius:8px;margin-top:8px;padding:8px;font-size:12px}.category-detail{animation:.2s slideUp}.dim-help-icon{color:#fff;cursor:help;vertical-align:middle;background:#2a2a4a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.dim-help-icon:hover{color:#1a1a2e;background:#4fc3f7}.gaokao-card{cursor:pointer;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;padding:18px}.gaokao-card:hover{border-color:#4fc3f740;transform:translateY(-1px);box-shadow:0 2px 12px #4fc3f71a}.gaokao-card:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.98)}.gaokao-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.gaokao-icon{font-size:28px}.gaokao-name{flex:1;font-size:18px;font-weight:700}.risk-high{color:#ef5350;background:#ef535033;border-radius:10px;padding:2px 10px;font-size:12px}.gaokao-desc{color:#fff;font-size:14px}.effort-section{padding:18px}.effort-label{color:#fff;margin-bottom:6px;font-size:14px;display:block}.effort-marks{color:var(--text-muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.effort-desc{text-align:center;color:#fff;margin-top:6px;font-size:14px;display:block}.panel-title{margin-bottom:12px;font-size:15px;font-weight:600;display:block}.foresee-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.foresee-label{color:#fff;flex-shrink:0;width:80px;font-size:13px}.foresee-value{word-break:break-all;flex:1;font-size:13px;font-weight:600}.mini-rate-bar{background:#1a1a2e;border-radius:5px;flex:1;height:10px;overflow:hidden}.mini-rate-fill{border-radius:5px;height:100%;transition:width .4s}.admission-card{text-align:center;padding:32px 20px}.admission-icon{margin-bottom:8px;font-size:48px;display:block}.admission-title{margin-bottom:12px;font-size:20px;font-weight:700;display:block}.admission-school{font-size:28px;font-weight:800;display:block}.admission-major{color:#fff;margin-top:4px;font-size:15px;display:block}.delta-animation{text-align:center;padding:16px 0}.result-label{margin-bottom:6px;font-size:20px;font-weight:700}.career-panel{-webkit-backdrop-filter:blur(var(--glass-blur));margin-bottom:12px;padding:14px 16px}.career-panel-empty{text-align:center;opacity:.5}.cp-empty-content{flex-direction:column;align-items:center;gap:4px;display:flex}.cp-empty-icon{font-size:24px}.cp-empty-text{color:var(--text-secondary);font-size:14px;font-weight:500}.cp-empty-hint{color:var(--text-muted);font-size:11px}.career-panel.compact{background:0 0;align-items:center;gap:8px;margin-bottom:0;padding:6px 0;display:flex}.cp-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cp-career-name{color:#fff;font-size:16px;font-weight:700}.cp-current-title{flex:1;font-size:14px;font-weight:600}.cp-stage-badge{color:#fff;background:#2a2a4a;border-radius:8px;padding:2px 8px;font-size:11px}.cp-stage-count{font-size:12px}.cp-education{color:#fff;margin-bottom:8px;font-size:13px}.cp-stages{align-items:flex-start;gap:0;margin-bottom:10px;padding:8px 0;display:flex;overflow-x:auto}.cp-stage{flex-direction:column;flex:1;align-items:center;min-width:60px;display:flex;position:relative}.cp-stage-dot{z-index:1;width:12px;height:12px;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);background:#2a2a4a;border:2px solid #404060;border-radius:50%;flex-shrink:0}.cp-stage-dot:hover{transform:scale(1.3)}.cp-stage.current .cp-stage-dot:hover{box-shadow:0 0 14px #4fc3f799}.cp-stage.past .cp-stage-dot:hover{box-shadow:0 0 10px #66bb6a66}.cp-stage.past .cp-stage-dot{background:#66bb6a;border-color:#66bb6a}.cp-stage.current .cp-stage-dot{background:#4fc3f7;border-color:#4fc3f7;box-shadow:0 0 8px #4fc3f780}.cp-stage-line{z-index:0;background:#2a2a4a;width:100%;height:2px;position:absolute;top:5px;left:50%}.cp-stage-line.past{background:#66bb6a}.cp-stage-title{color:var(--text-muted);text-align:center;white-space:nowrap;margin-top:6px;font-size:10px}.cp-stage.current .cp-stage-title{color:#4fc3f7;font-weight:600}.cp-stage.past .cp-stage-title{color:#f0f0f0}.cp-stage-reqs{text-align:center;margin-top:2px;font-size:9px}.cp-student-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.cp-student-actions .btn-sm{border-radius:8px;padding:5px 10px;font-size:11px}.cp-next-promo{margin-top:8px}.ring-chart{-webkit-user-select:none;user-select:none}.ring-expanded{cursor:pointer;transition:background var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:8px 12px;display:flex}.ring-expanded:hover{background:#4fc3f70a;border-color:#4fc3f726}.ring-expanded:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.98)}.ring-compact{cursor:pointer;transition:background var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out), transform var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.ring-compact:hover{background:#4fc3f70f;border-color:#4fc3f733}.ring-compact:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.97)}.ring-svg{width:96px;height:96px}.ring-center-age{fill:#fff;font-size:18px;font-weight:700}.ring-center-label{fill:var(--text-muted);font-size:9px}.ring-labels{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.ring-label{font-size:12px;font-weight:600;transition:color .3s}.ring-label-danger{animation:1s infinite pulse}.ring-age-compact{color:#fff;margin-right:4px;font-size:13px;font-weight:700}.ring-dot{width:8px;height:8px;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);cursor:pointer;border-radius:50%}.ring-dot:hover{transform:scale(1.4)}.ring-dot-danger{animation:1s infinite pulse;box-shadow:0 0 6px #ef5350}.ring-danger-pulse{animation:1.2s ease-in-out infinite ringPulse}@keyframes ringPulse{0%,to{opacity:1}50%{opacity:.5}}.identity-pool{grid-template-columns:1fr 1fr 1fr;gap:6px;padding:6px 0;display:grid}.identity-module{background:var(--bg-card);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);min-height:56px;transform-style:preserve-3d;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:8px 6px 6px;display:flex;position:relative}.identity-module:hover{border-color:#4fc3f733;box-shadow:0 4px 16px #4fc3f71f}.identity-module:active{transition:transform 80ms var(--ease-press);transform:scale(.96)}.identity-module.flipped:active{transform:rotateY(180deg)scale(.96)}.identity-module.flipped{transform:rotateY(180deg)}.identity-front,.identity-back{backface-visibility:hidden;flex-direction:column;align-items:center;gap:1px;display:flex}.identity-front{width:100%}.identity-back{justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;inset:0;transform:rotateY(180deg)}.identity-icon{font-size:14px}.identity-label{color:#fff;text-align:center;word-break:break-all;font-size:11px;font-weight:600}.identity-sub{color:var(--text-muted);text-align:center;font-size:9px}.identity-hint{color:var(--text-muted);opacity:.5;margin-top:1px;font-size:8px}.identity-dot{border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.identity-dot.green{background:#66bb6a;box-shadow:0 0 3px #66bb6a80}.identity-dot.red{background:#ef5350;box-shadow:0 0 3px #ef535080}.identity-back-text{color:#fff;text-align:center;white-space:pre-line;font-size:9px;line-height:1.4}.grad-modal-mask{z-index:9500;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.grad-modal{background:#16213e;border-radius:20px;width:100%;max-width:420px;max-height:85vh;padding:24px;overflow-y:auto}.grad-header{text-align:center;margin-bottom:16px}.grad-icon{font-size:56px;display:block}.grad-title{font-size:22px;font-weight:700}.grad-info{text-align:center;color:#fff;margin-bottom:16px;font-size:13px}.grad-info span{margin-bottom:2px;display:block}.grad-choices{flex-direction:column;gap:10px;display:flex}.grad-choice-card{cursor:pointer;background:#1a1a2e;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:background .15s;display:flex}.grad-choice-card:hover{background:#1a3a5e}.grad-choice-icon{font-size:32px}.grad-choice-title{color:#fff;font-size:15px;font-weight:600;display:block}.grad-choice-desc{color:#f0f0f0;margin-top:2px;font-size:12px;display:block}.event-card{background:var(--bg-card,#16213e);cursor:pointer;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out), border-color var(--dur-hover) var(--ease-out);-webkit-backdrop-filter:blur(var(--glass-blur));border-left:4px solid #a0a0b0;border-radius:12px;margin-bottom:10px;padding:14px}.event-card:hover{border-left-color:#4fc3f7;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.event-card:active{transition:transform var(--dur-press) var(--ease-press);transform:scale(.985)}.event-card.selected{border-left-width:6px;box-shadow:0 0 0 2px #4fc3f74d}.event-card.disabled{opacity:.5;cursor:default}.event-card.disabled:hover{box-shadow:none;border-left-color:#a0a0b0;transform:none}.event-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.event-icon{font-size:18px}.event-name{color:#fff;flex:1;font-size:15px;font-weight:600}.event-risk-tag{border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px}.event-desc{color:#fff;margin:6px 0;font-size:13px;line-height:1.5}.event-footer{color:#f0f0f0;gap:16px;margin-top:4px;font-size:12px;display:flex}.evt-preview-loading{margin:6px 0}.evt-preview{background:#00000026;border-radius:8px;margin:6px 0;padding:8px}.evt-rate-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.evt-rate-bar{background:#2a2a4a;border-radius:3px;flex:1;height:6px;overflow:hidden}.evt-rate-fill{border-radius:3px;height:100%;transition:width .4s}.evt-delta-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.evt-compact-rate{margin-left:auto;font-size:11px;font-weight:600}.event-card.compact{align-items:center;gap:8px;padding:10px 14px;display:flex}.event-name-compact{color:#fff;flex:1;font-size:14px}.event-time{color:#fff;font-size:12px}.narration-bubble{background:var(--bg-card,#16213e);border-left:3px solid #ffd54f;border-radius:12px;margin-bottom:12px;padding:16px 16px 16px 20px;position:relative}.narration-quote{color:#ffd54f;opacity:.5;font-family:Georgia,serif;font-size:32px;line-height:1}.narration-quote.end{text-align:right}.narration-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.narration-role{color:#ffd54f;font-size:13px;font-weight:600}.narration-meta{align-items:center;gap:6px;display:flex}.narration-rel{color:#f0f0f0;font-size:12px}.narration-emotion{font-size:16px}.narration-text{color:#fff;margin:8px 0;font-size:14px;line-height:1.7}.narration-ai-badge{color:var(--text-muted);margin-top:4px;font-size:10px;display:inline-block}.narration-peek{z-index:var(--z-sticky,200);cursor:pointer;transition:right .3s var(--ease-out);align-items:center;display:flex;position:fixed;top:45%;right:-16px;transform:translateY(-50%)}.narration-peek.peek-open,.narration-peek:hover{right:0}.peek-avatar{animation:peekBounceIn .5s var(--ease-bounce);background:#16213e;border-radius:50% 0 0 50%;padding:10px;font-size:42px;transition:transform .3s;display:block;box-shadow:-2px 0 12px #0006}@keyframes peekBounceIn{0%{transform:scale(0)translate(20px)}60%{transform:scale(1.15)translate(0)}to{transform:scale(1)translate(0)}}.narration-peek:hover .peek-avatar{transform:scale(1.1)}.peek-dot{background:#ef5350;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;position:absolute;top:4px;right:2px}.peek-bubble{z-index:var(--z-sticky,200);cursor:pointer;max-width:240px;animation:slideIn .3s var(--ease-out);background:#16213e;border-radius:16px;align-items:center;gap:8px;padding:12px 14px;display:flex;position:fixed;top:45%;right:44px;transform:translateY(-50%);box-shadow:0 4px 20px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%)translate(20px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.peek-bubble-icon{flex-shrink:0;font-size:20px}.peek-bubble-text{color:#fff;flex:1;font-size:13px;line-height:1.4}.peek-bubble-hint{color:var(--text-muted);font-size:10px}.peek-full-overlay{z-index:var(--z-modal-mask,9000);background:#000000b3;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.peek-full-card{background:#16213e;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:80vh;padding:20px;overflow-y:auto}.peek-full-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.peek-full-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.peek-full-nav{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.game-page{padding-bottom:100px}.dash-compact-preview{background:var(--bg-secondary);cursor:pointer;transition:border-color var(--duration-fast);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.dash-compact-preview:hover{border-color:#4fc3f7}.intent-guidance{text-align:center;color:#fff;margin-bottom:0;padding:2px 0 10px;font-size:13px;font-weight:600}.intent-guidance-sub{color:var(--text-muted);font-size:11px;font-weight:400}.gameover-actions{margin-top:16px}.gameover-secondary{margin-top:8px}.game-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.nav-title{font-size:20px;font-weight:700}.nav-actions{gap:16px;display:flex}.nav-btn{cursor:pointer;color:#fff;transition:color var(--duration-fast), transform var(--dur-press) var(--ease-press);border-radius:6px;padding:4px 8px;font-size:16px}.nav-btn:hover{color:#fff}.nav-btn:active{transform:scale(.92)}.game-step-label{text-align:center;color:var(--color-blue);border-bottom:1px solid var(--border-color);letter-spacing:.5px;margin-bottom:12px;padding:6px 0;font-size:12px;font-weight:600}.game-dashboard{margin-bottom:8px}.game-dash-header{justify-content:center;margin-bottom:2px;display:flex}.game-dash-name{color:#fff;font-size:15px;font-weight:700}.timer-warning{text-align:center;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}.timer-yellow{color:#ffa726;background:#ffa72626}.timer-red{color:#ef5350;background:#ef535026;animation:1s infinite pulse}.intent-area{max-width:420px;margin:0 auto;padding:6px 0 4px}.section-label{color:#fff;margin-bottom:12px;font-size:15px;display:block}.intent-row{gap:10px;margin-bottom:10px;display:flex}.intent-row .intent-card{flex:1;min-width:0}.main-line .main-intent{text-align:center;cursor:pointer;min-height:72px;transition:transform var(--duration-fast), box-shadow var(--duration-fast);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:3px solid #4fc3f7;border-radius:12px;padding:16px 12px 14px}.main-line .main-intent:hover{transform:translateY(-1px);box-shadow:0 2px 12px #4fc3f726}.side-line .side-intent{text-align:center;cursor:pointer;opacity:.55;min-height:56px;transition:opacity var(--duration-fast), transform var(--duration-fast);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:10px;padding:12px 8px 10px}.side-line .side-intent:hover{opacity:.8;transform:translateY(-1px)}.side-line .side-intent.intent-selected{opacity:1;background:#1a3a5e;border:2px solid #4fc3f7}.intent-card{text-align:center;cursor:pointer;padding:12px 8px}.intent-icon{margin-bottom:4px;font-size:20px;display:block}.intent-label{color:#fff;font-size:13px;font-weight:600;display:block}.intent-desc{color:#f0f0f0;margin-top:2px;font-size:10px;display:block}.intent-selected{background:#1a3a5e;border:2px solid #4fc3f7}.intent-section-label{margin-bottom:5px;font-size:11px;font-weight:500}.main-label{color:#4fc3f7}.side-label{color:var(--text-muted)}.intent-disabled{opacity:.4;cursor:not-allowed!important}.intent-disabled:hover{box-shadow:none!important;transform:none!important}.select-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settlement-area{margin-top:12px}.settlement-result{text-align:center;padding:20px 0}.result-text{font-size:24px;font-weight:700}.result-name{color:#fff;margin-top:4px;font-size:15px}.settlement-deltas{background:var(--bg-card);text-align:center;-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:12px;margin-bottom:12px;padding:12px}.delta-text{color:#fff;font-size:14px}.record-card{margin-bottom:12px}.record-header{border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.border-green{border-bottom-color:#66bb6a}.border-red{border-bottom-color:#ef5350}.record-age,.record-effort{color:#fff;font-size:13px}.record-status{font-size:13px;font-weight:600}.record-summary{color:#fff;font-size:14px}.micro-card{align-items:center;gap:10px;margin-bottom:12px;padding:14px;display:flex}.micro-icon{font-size:24px}.micro-title{color:#fff;font-size:14px;font-weight:600}.micro-delta{color:#f0f0f0;font-size:12px}.continue-area{text-align:center;margin-top:16px}.auto-countdown-bar{-webkit-backdrop-filter:blur(var(--glass-blur));background:#2a2a4a59;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:8px 12px;display:flex}.redline-explanation{text-align:center;color:#ffa726;background:#ffa72614;border:1px solid #ffa72626;border-radius:8px;margin-bottom:12px;padding:8px 16px;font-size:13px}.redline-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-mask,9000);opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s;position:fixed;inset:0}.redline-overlay.active{opacity:1}.redline-area{z-index:var(--z-modal-card,9100);position:relative}.redline-banner{color:#ef5350;text-align:center;background:#ef535033;border-radius:10px;margin-bottom:12px;padding:14px;font-size:16px;font-weight:700;animation:1.5s infinite pulse}.redline-card-wrapper{margin-bottom:8px}.redline-glow{border-radius:12px;animation:2s ease-in-out infinite redlineGlow}@keyframes redlineGlow{0%,to{box-shadow:0 0 8px #ef53504d}50%{box-shadow:0 0 20px #ef535099}}.redline-fate-btn{letter-spacing:2px;width:100%;padding:16px 24px;font-size:16px}.gameover-card{text-align:center;padding:32px}.gameover-icon{margin-bottom:12px;font-size:56px;display:block}.gameover-title{margin-bottom:8px;font-size:24px;font-weight:700;display:block}.gameover-reason{color:#fff;margin-bottom:16px;font-size:14px;display:block}.gameover-stats{-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffff0a;border-radius:10px;margin-bottom:8px;padding:12px 16px}.gameover-stat-row{color:#fff;border-bottom:1px solid #2a2a4a80;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.gameover-stat-row:last-child{border-bottom:none}.gameover-stat-value{color:#fff;font-weight:600}.replay-page{padding-bottom:40px}.replay-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.replay-title{font-size:22px;font-weight:700}.replay-count{color:#f0f0f0;font-size:13px}.timeline-section{margin-bottom:24px}.section-label{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:13px;display:block}.timeline-item{background:var(--bg-card);cursor:pointer;border-left:4px solid #2a2a4a;border-radius:12px;margin-bottom:10px;padding:14px;transition:background .2s}.timeline-item:hover{background:#1a2540}.item-success{border-left-color:#66bb6a}.item-fail{border-left-color:#ef5350}.item-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.item-age,.item-effort{color:#fff;font-size:13px}.item-status{font-size:13px;font-weight:600}.item-name{color:#fff;font-size:15px;font-weight:600}.item-delta{color:#f0f0f0;margin-top:2px;font-size:13px;display:block}.item-snapshot{background:#1a1a2e;border-radius:8px;margin-top:10px;padding:12px}.snapshot-label{color:var(--text-muted);font-size:12px}.snapshot-values{color:#fff;font-size:13px}.snapshot-tags{color:#f0f0f0;margin-top:4px;font-size:12px;display:block}.older-item{opacity:.85;cursor:pointer;flex-wrap:wrap;gap:4px 12px;display:flex}.older-item:hover{opacity:1}.older-item .item-name{flex:1}.replay-stats{text-align:center;color:var(--text-muted);background:#4fc3f70d;border-radius:8px;margin-bottom:16px;padding:8px;font-size:12px}.item-effort-text{color:#fff;font-size:13px}.load-more{text-align:center;margin:16px 0}.no-more{margin:16px 0}.ending-page .loading-area{text-align:center;padding:80px 20px}.ending-page .loading-icon{margin-bottom:16px;font-size:64px;display:block}.ending-page .loading-text{color:#fff;margin-bottom:24px;font-size:15px;display:block}.ending-header{text-align:center;margin-bottom:24px}.ending-icon{font-size:56px;display:block}.ending-title{font-size:26px;font-weight:700}.character-name{text-align:center;margin-bottom:12px;font-size:17px;font-weight:600}.info-meta{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.meta-item{color:#f0f0f0;font-size:12px}.summary-title{margin-bottom:10px;font-size:16px;font-weight:600;display:block}.summary-text{color:#fff;font-size:14px;line-height:1.8}.narrations-section{margin:20px 0}.section-title{margin-bottom:12px;font-size:16px;font-weight:600;display:block}.ending-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.ending-lockscreen{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:60px 20px 40px;transition:background .8s;display:flex}.lockscreen-center{margin-bottom:40px}.lockscreen-title{color:#fff;letter-spacing:2px;font-size:22px;font-weight:700}.lockscreen-notifications{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.lockscreen-notif{cursor:pointer;opacity:0;background:#ffffff0f;border-radius:16px;padding:14px 16px;transition:opacity .5s,transform .5s,background .3s;transform:translateY(20px)}.lockscreen-notif.notif-visible{opacity:1;transform:translateY(0)}.lockscreen-notif.notif-read{background:#ffffff1a}.notif-header{align-items:center;gap:8px;display:flex}.notif-icon{font-size:18px}.notif-sender{color:#fff;flex:1;font-size:14px;font-weight:600}.notif-time{color:var(--text-muted);font-size:11px}.notif-preview{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.notif-body{border-top:1px solid #ffffff0f;margin-top:8px;padding-top:8px}.notif-text{color:#fff;font-size:14px;font-style:italic;line-height:1.6}.notif-emotion{text-align:right;margin-top:4px;font-size:16px;display:block}.lockscreen-done{margin-top:32px}.loading-hint{color:var(--text-muted);margin-bottom:20px;font-size:12px;display:block}.lockscreen-skip{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:6px 14px;font-size:12px;transition:background .2s,color .2s;position:absolute;top:20px;right:20px}.lockscreen-skip:hover{color:#fff;background:#ffffff26}