:root{--bg:#08090b;--panel:#141519;--card:#17181c;--border:#232429;--text:#f2f2f0;--text-dim:#b5b7c0;--text-faint:#858894;--accent:#eef92e;--accent-rgb:238, 249, 46;--accent2:#b18cff;--accent2-rgb:177, 140, 255;--danger:#ff5c6a;--ease:cubic-bezier(.19, 1, .22, 1)}@font-face{font-family:Inter;src:url(/fonts/Inter-V.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap;font-feature-settings:"cv01" 1, "cv02" 1, "cv03" 1;ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:104%}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scrollbar-width:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html::-webkit-scrollbar{display:none}body{background:radial-gradient(1400px 800px at 50% 0%, #ffffff0a, transparent 60%), radial-gradient(950px 600px at 12% 20%, rgba(var(--accent-rgb), .08), transparent 42%), radial-gradient(980px 620px at 88% 22%, rgba(var(--accent2-rgb), .08), transparent 46%), var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden auto}body::-webkit-scrollbar{display:none}body:before{content:"";pointer-events:none;z-index:1;width:320px;height:320px;transform:translate3d(calc(var(--cursor-x,0px) - 160px), calc(var(--cursor-y,0px) - 160px), 0);background:radial-gradient(circle, rgba(var(--accent-rgb), .1), rgba(var(--accent-rgb), .04) 30%, transparent 68%);filter:blur(26px);opacity:var(--cursor-opacity,0);border-radius:50%;transition:opacity .2s;position:fixed;top:0;left:0}#root{width:100%;min-height:100vh;display:flex}.bg-orbs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{opacity:.18;filter:blur(96px);will-change:transform, border-radius;border-radius:50%;width:560px;height:560px;transition:filter 1.2s,opacity 1.2s;position:absolute}.orb-1{background:radial-gradient(circle at 40% 35%, rgba(var(--accent-rgb), .85), rgba(var(--accent-rgb), .2) 38%, transparent 72%);top:-180px;left:-120px}.orb-2{background:radial-gradient(circle at 50% 35%, rgba(var(--accent2-rgb), .72), rgba(var(--accent2-rgb), .16) 36%, transparent 72%);bottom:-170px;right:-100px}.layout{width:min(1400px,100%);min-height:100vh;margin:0 auto;position:relative}.main-stage{z-index:2;flex-direction:column;gap:16px;min-height:calc(100vh - 52px);padding:22px 22px 28px;display:flex;position:relative}.top-header{isolation:isolate;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14161b9e;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 18px 44px #00000047}.header-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-title h1{letter-spacing:-.05em;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2vw,22px);font-weight:800;display:inline-flex}.header-title .tag{letter-spacing:.08em;background:rgba(var(--accent-rgb), .12);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .28);box-shadow:0 0 calc(2px + var(--beat-strength,.1) * 4px) rgba(var(--accent-rgb), calc(.05 + var(--beat-strength,.1) * .12));border-radius:7px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;transition:box-shadow .15s ease-out;display:inline-flex}.btn-lang{color:var(--text-dim);cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.btn-lang-current{background:rgba(var(--accent-rgb), .12);min-width:26px;min-height:22px;color:var(--accent);border:1px solid rgba(var(--accent-rgb), .3);box-shadow:0 0 calc(2px + var(--beat-strength,.1) * 4px) rgba(var(--accent-rgb), calc(.05 + var(--beat-strength,.1) * .12));border-radius:6px;justify-content:center;align-items:center;padding:1px 6px;transition:box-shadow .15s ease-out;display:inline-flex}.ref-deltas-bar{background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:16px;padding:8px 16px;display:flex}.ref-item{color:var(--text-dim);font-size:12px;font-weight:600}.ref-item span{color:var(--accent);font-weight:700}.mode-banner{opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;height:0;transition:none;overflow:hidden}.mode-banner.active{opacity:1;visibility:visible;pointer-events:auto;background:#ffb8001a;border-color:#ffb8004d}.mode-banner-inner{color:#ffb800;padding:10px 16px;font-size:12px;font-weight:600}.mode-banner:not(.active) .mode-banner-inner{visibility:hidden}.calc-grid{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}@media (width<=1100px){.calc-grid{grid-template-columns:1fr}}.roster-container{flex-direction:column;gap:12px;display:flex}.card{isolation:isolate;background:linear-gradient(160deg,#ffffff13,#ffffff05 38%,#17181c59 62%,#17181cb8),#17181c6b;border:1px solid #ffffff24;border-radius:16px;padding:20px;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a,0 24px 50px #00000061}.card:before,.summary-card:before,.top-header:before,.top-menu-btn:before,.top-menu-popup:before,.info-popup:before,.help-popup:before,.help-section:before,.announcement:before,.page-footer:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;border:1px solid rgba(var(--accent-rgb), .18);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .05), 0 0 12px rgba(var(--accent-rgb), .08), 0 0 24px rgba(var(--accent-rgb), .04), 0 0 40px rgba(var(--accent-rgb), .02);filter:blur(10px);transition:opacity .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;position:absolute;inset:-1px}.top-header.beat-glow:before,.summary-card.beat-glow:before,.card.beat-glow:before,.page-footer.beat-glow:before,.top-menu-btn.beat-glow:before,.top-menu-popup.beat-glow:before,.info-popup.beat-glow:before,.help-popup.beat-glow:before,.help-section.beat-glow:before,.announcement.beat-glow:before{opacity:calc(var(--beat-strength,.18) * .1);filter:blur(calc(4px + (var(--beat-strength,.18) * 5px)));box-shadow:0 0 calc(10px + var(--beat-strength,.18) * 10px) rgba(var(--accent-rgb), calc(.03 + var(--beat-strength,.18) * .06)), 0 0 calc(20px + var(--beat-strength,.18) * 16px) rgba(var(--accent-rgb), calc(.015 + var(--beat-strength,.18) * .04)), 0 0 calc(32px + var(--beat-strength,.18) * 22px) rgba(var(--accent-rgb), calc(.008 + var(--beat-strength,.18) * .02))}.card:hover{border-color:#ffffff3d;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff0f,0 28px 60px #00000073}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.char-select-group{align-items:center;gap:12px;display:flex}.select-styled{color:var(--text);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;font-weight:600}.num-stepper{border-radius:8px;align-items:stretch;display:inline-flex;overflow:hidden}.num-stepper input[type=number]{appearance:textfield;text-align:center;cursor:text;border-right:none;border-radius:8px 0 0 8px;width:70px;padding:4px}.num-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-btns{border:1px solid #ffffff1a;border-left:none;border-radius:0 8px 8px 0;flex-direction:column;display:flex;overflow:hidden}.stepper-btns button{width:26px;color:var(--text-dim);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:none;border-bottom:1px solid #ffffff14;flex:1;justify-content:center;align-items:center;padding:0;font-size:8px;line-height:1;transition:background .12s,color .12s;display:flex}.stepper-btns button:last-child{border-bottom:none}.stepper-btns button:hover{background:rgba(var(--accent-rgb), .15);color:var(--accent)}.glass-select{direction:ltr;display:inline-block;position:relative}.glass-trigger{border-radius:7px;justify-content:space-between;align-items:center;gap:4px;min-width:100px;max-width:180px;padding:5px 8px;font-size:11px;display:inline-flex}.glass-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glass-trigger-label.placeholder{color:var(--text-faint)}.glass-caret{width:10px;height:10px;fill:var(--text-faint);transition:transform .2s var(--ease);flex-shrink:0}.glass-trigger.open .glass-caret{fill:var(--accent);transform:rotate(180deg)}.glass-trigger.open{border-color:rgba(var(--accent-rgb), .5);color:var(--accent)}.glass-popup{z-index:120;-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);-webkit-overflow-scrolling:touch;scrollbar-width:none;direction:ltr;background:#14151973;border:1px solid #ffffff1f;border-radius:8px;width:fit-content;min-width:100px;max-width:320px;max-height:220px;margin:0;padding:3px;list-style:none;animation:.18s cubic-bezier(.19,1,.22,1) glassPop;position:fixed;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,0 24px 60px #0000008c}.glass-popup::-webkit-scrollbar{display:none}.music-tracks::-webkit-scrollbar{display:none}.info-popup::-webkit-scrollbar{display:none}.modal-content::-webkit-scrollbar{display:none}.info-content::-webkit-scrollbar{display:none}.help-sections::-webkit-scrollbar{display:none}.glass-popup.up{transform-origin:bottom}.glass-popup.down{transform-origin:top}@keyframes glassPop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.glass-opt{width:100%;color:var(--text-dim);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;gap:6px;padding:4px 6px;font-size:11px;font-weight:600;transition:background .12s;display:flex}.glass-opt-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glass-opt-hint{color:var(--text-faint);background:#ffffff0f;border:1px solid #ffffff14;border-radius:5px;flex-shrink:0;margin-left:auto;padding:1px 4px;font-size:9px;font-weight:800}.glass-opt:hover,.glass-opt.hl{color:var(--text);background:#ffffff14}.glass-opt.selected{color:var(--accent);background:rgba(var(--accent-rgb), .12)}.glass-opt.selected:before{content:"✓";color:var(--accent);margin-right:2px;font-weight:800}@media (prefers-reduced-motion:reduce){.glass-popup{animation:none}}.header-menus{align-items:center;gap:8px;display:flex}.top-menu-wrap{position:relative}.top-menu-btn{isolation:isolate;color:var(--text);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.top-menu-btn:hover,.top-menu-btn.open{border-color:rgba(var(--accent-rgb), .45);color:var(--accent);background:#ffffff17}.top-menu-btn.active{border-color:rgba(var(--accent-rgb), .6);color:var(--accent)}.top-menu-icon{font-size:14px;line-height:1}.top-menu-label{white-space:nowrap}.top-menu-status{color:var(--text-faint);align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.top-menu-status.on{color:var(--accent)}.top-menu-status .live-dot{width:5px;height:5px}.top-menu-version{color:var(--text-faint);background:#ffffff12;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:700}.top-menu-popup{z-index:130;-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);scrollbar-width:none;scrollbar-color:transparent transparent;background:#14151973;border:1px solid #ffffff1f;width:auto;min-width:220px;max-height:none;padding:10px;overflow:visible}.top-menu-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:2px 6px 8px;font-size:11px;font-weight:700}.music-tracks{-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-color:transparent transparent;flex-direction:column;gap:2px;max-height:240px;display:flex;overflow:hidden auto}.music-track{color:var(--text-dim);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.music-track:hover{color:var(--text);background:#ffffff14}.music-track.selected{color:var(--accent);background:rgba(var(--accent-rgb), .12)}.music-track.selected.beat-glow{box-shadow:0 0 calc(4px + var(--beat-strength,.1) * 6px) rgba(var(--accent-rgb), calc(.06 + var(--beat-strength,.1) * .12))}.music-track-play{text-align:center;width:16px;color:var(--text-faint);flex-shrink:0;font-size:10px}.music-track.selected .music-track-play{color:var(--accent)}.music-track-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-controls{border-top:1px solid #ffffff14;align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}.music-volume-ctrl{color:var(--text-dim);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;gap:1px;min-width:36px;padding:6px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.music-volume-ctrl:hover{color:var(--text);border-color:rgba(var(--accent-rgb), .35);background:#ffffff17}.music-volume-value{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:auto;font-size:10px}.music-ctrl{width:30px;height:30px;color:var(--text-dim);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;font-size:13px;transition:background .12s,color .12s,border-color .12s;display:flex}.music-ctrl:hover{color:var(--text);background:#ffffff17}.music-ctrl.on{color:var(--accent);border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .12)}.music-ctrl.on.beat-glow{box-shadow:0 0 calc(3px + var(--beat-strength,.1) * 5px) rgba(var(--accent-rgb), calc(.05 + var(--beat-strength,.1) * .12))}.info-popup{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);background:#14151973;border:1px solid #ffffff1f;max-height:none;overflow:visible}.info-tabs{gap:4px;margin-bottom:8px;display:flex}.info-tab{color:var(--text-faint);cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;flex:1;padding:6px 8px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.info-tab:hover{color:var(--text)}.info-tab.active{color:var(--accent);background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .35)}.info-tab.active.beat-glow{box-shadow:0 0 calc(4px + var(--beat-strength,.1) * 6px) rgba(var(--accent-rgb), calc(.06 + var(--beat-strength,.1) * .14))}.info-content{color:var(--text-dim);-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-gutter:stable;max-height:380px;font-size:12.5px;position:relative;overflow:hidden auto}.changelog{flex-direction:column;gap:10px;display:flex}.changelog-entry{gap:10px;display:flex}.changelog-version{color:var(--accent);background:rgba(var(--accent-rgb), .1);white-space:nowrap;border-radius:5px;height:fit-content;margin-top:1px;padding:2px 6px;font-size:11px;font-weight:700}.changelog-items{margin:0;padding-left:16px}.changelog-items li{margin:2px 0;line-height:1.35}.announcements{flex-direction:column;gap:10px;display:flex}.announcement{isolation:isolate;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:8px 10px;position:relative}.announcement.beat-glow .announcement-title{text-shadow:0 0 10px rgba(var(--accent-rgb), calc(.1 + var(--beat-strength,.1) * .12))}.announcement-title{color:var(--text);margin-bottom:3px;font-weight:700}.announcement-text{color:var(--text-dim);line-height:1.4}.help-popup{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);background:#14151973;border:1px solid #ffffff1f;max-height:none;overflow:visible}.help-sections{-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-gutter:stable;flex-direction:column;gap:14px;max-height:380px;padding:4px 8px 2px;display:flex;position:relative;overflow:hidden auto}.help-section{isolation:isolate;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;position:relative}.help-title{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:700}.help-section.beat-glow .help-title{text-shadow:0 0 10px rgba(var(--accent-rgb), calc(.1 + var(--beat-strength,.1) * .12))}.help-text{color:var(--text-dim);font-size:12.5px;line-height:1.55}.help-section.api-section{background:rgba(var(--accent-rgb), .06);border:1px dashed rgba(var(--accent-rgb), .25);flex-direction:column;align-items:flex-start;gap:8px;margin-top:6px;display:flex}.api-docs-link{background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);color:var(--accent);cursor:pointer;transition:all .2s var(--ease);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.api-docs-link:hover{background:rgba(var(--accent-rgb), .2);border-color:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb), .35)}.help-section.beat-glow .api-docs-link{box-shadow:0 0 calc(3px + var(--beat-strength,.1) * 5px) rgba(var(--accent-rgb), calc(.05 + var(--beat-strength,.1) * .12))}.rank-badge{border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800;transition:box-shadow .15s ease-out}.rank-badge.S{background:linear-gradient(135deg, rgba(var(--accent-rgb), .96), rgba(var(--accent-rgb), .72));border-color:rgba(var(--accent-rgb), .85);color:#0b0d10;box-shadow:0 0 calc(3px + var(--beat-strength,.1) * 5px) rgba(var(--accent-rgb), calc(.06 + var(--beat-strength,.1) * .14))}.rank-badge.A{background:linear-gradient(135deg, rgba(var(--accent2-rgb), .92), rgba(var(--accent2-rgb), .68));border-color:rgba(var(--accent2-rgb), .8);color:#0b0d10;box-shadow:0 0 calc(3px + var(--beat-strength,.1) * 5px) rgba(var(--accent2-rgb), calc(.06 + var(--beat-strength,.1) * .14))}.btn-remove{color:var(--text-faint);cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:4px;font-size:14px;transition:color .2s}.btn-remove:hover{color:var(--danger)}.section-label{text-transform:uppercase;color:var(--text-faint);letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.chips-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.chip{color:var(--text-dim);cursor:pointer;transition:all .2s var(--ease);touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700}.chip:hover{color:var(--text);background:#ffffff14}.chip.active{background:rgba(var(--accent-rgb), .18);border-color:var(--accent);color:var(--accent);box-shadow:0 0 calc(4px + var(--beat-strength,.1) * 6px) rgba(var(--accent-rgb), calc(.06 + var(--beat-strength,.1) * .14))}.card-cost-footer{background:#00000040;border:1px solid #ffffff0a;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;padding:12px 16px;display:flex}.cost-details{gap:8px;display:flex}.cost-mini{white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;align-items:center;min-width:52px;padding:4px 8px;display:flex}.cost-mini span{letter-spacing:.5px;color:var(--text-faint);font-size:9px;font-weight:800}.cost-mini b{color:var(--text);font-size:14px}.cost-compartments{flex:1;justify-content:center;gap:10px;display:flex}.cost-box{text-align:center;max-width:110px;transition:all .25s var(--ease);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:6px 10px}.cost-box-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);font-size:9px;font-weight:800}.cost-box-val{color:var(--text);font-size:18px;font-weight:800;line-height:1.2}.cost-box.fixed{border-style:dashed}.cost-box.fixed:hover{border-color:#ffffff40}.cost-box.dynamic{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .08);box-shadow:0 0 calc(7px + var(--beat-strength,.1) * 8px) rgba(var(--accent-rgb), calc(.06 + var(--beat-strength,.1) * .14)), inset 0 1px 0 #ffffff1a}.cost-box.dynamic .cost-box-label{color:var(--accent)}.cost-box.dynamic .cost-box-val{color:var(--accent);text-shadow:0 0 16px rgba(var(--accent-rgb), .35)}.cost-box.dynamic:hover{border-color:rgba(var(--accent-rgb), .8);box-shadow:0 0 26px rgba(var(--accent-rgb), .3), inset 0 1px 0 #ffffff24}.btn-breakdown{color:var(--accent2);cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-size:11px;font-weight:700;text-decoration:underline}.summary-panel{flex-direction:column;gap:16px;display:flex}.summary-card{isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(160deg,#ffffff0f,#ffffff04 38%,#17181c66 62%,#17181cbf),#17181c6b;border:1px solid #ffffff24;border-radius:16px;padding:14px 14px 12px;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a,0 24px 50px #00000061}.summary-card h2{text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin-bottom:10px;font-size:14px;font-weight:800}.summary-card.beat-glow h2{text-shadow:0 0 calc(2px + var(--beat-strength,.1) * 3px) rgba(var(--accent-rgb), calc(.06 + var(--beat-strength,.1) * .12))}.total-cost-hero{text-align:center;border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding:10px 0 8px}.total-cost-hero .val{color:var(--accent);text-shadow:0 0 20px rgba(var(--accent-rgb), .3);font-size:42px;font-weight:900;line-height:1}.summary-card.beat-glow .total-cost-hero .val{text-shadow:0 0 calc(12px + var(--beat-strength,.1) * 14px) rgba(var(--accent-rgb), calc(.18 + var(--beat-strength,.1) * .24)), 0 0 calc(2px + var(--beat-strength,.1) * 4px) rgba(var(--accent-rgb), calc(.08 + var(--beat-strength,.1) * .12))}.total-cost-hero .lbl{color:var(--text-faint);margin-top:4px;font-size:11px;font-weight:700}.summary-rows{flex-direction:column;gap:8px;font-size:13px;display:flex}.summary-row{color:var(--text-dim);justify-content:space-between;display:flex}.summary-row.total{color:var(--text);border-top:1px solid #ffffff1a;padding-top:8px;font-weight:800}.summary-card.beat-glow .summary-row.total span:last-child{text-shadow:0 0 calc(2px + var(--beat-strength,.1) * 4px) rgba(var(--accent-rgb), calc(.08 + var(--beat-strength,.1) * .12))}.summary-card.beat-glow .total-cost-hero .lbl,.summary-card.beat-glow .summary-row span:first-child,.summary-card.beat-glow .summary-row.total{text-shadow:0 0 calc(1px + var(--beat-strength,.1) * 2px) rgba(var(--accent-rgb), calc(.04 + var(--beat-strength,.1) * .08))}.btn-add-char{width:100%;color:var(--text);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px dashed #fff3;border-radius:12px;padding:14px;font-size:13px;font-weight:700;transition:all .2s}.btn-add-char:hover{border-color:var(--accent);color:var(--accent);background:#ffffff1a}.comp-box{background:#0000004d;border-radius:10px;margin-top:8px;padding:10px 10px 8px;font-size:12px}.comp-row{justify-content:space-between;margin-bottom:6px;display:flex}.comp-row b{color:var(--text)}.diff-badge{border-radius:4px;padding:2px 6px;font-weight:800}.diff-badge.neg{color:#50c878;background:#50c87833}.diff-badge.pos{color:#ff5c6a;background:#ff5c6a33}.setting-control{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.setting-control.setting-control-row{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto 1fr;align-items:start;gap:1px 8px;display:grid}.setting-control.setting-control-row .num-stepper{grid-row:span 2;justify-self:start}.row-label{color:var(--text-faint);white-space:nowrap;font-size:11px;font-weight:700;line-height:1.25}.setting-control label{color:var(--text-faint);font-size:11px;font-weight:700}.checkbox-label{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.checkbox-label input[type=checkbox]{appearance:none;cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:5px;flex-shrink:0;width:16px;height:16px;transition:all .15s;position:relative}.checkbox-label input[type=checkbox]:checked{background:rgba(var(--accent-rgb), .25);border-color:rgba(var(--accent-rgb), .7);box-shadow:0 0 8px rgba(var(--accent-rgb), .2)}.checkbox-label input[type=checkbox]:checked:after{content:"";border:solid var(--accent);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:hover{border-color:rgba(var(--accent-rgb), .5)}.btn-shuffle-accent{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .35);color:var(--accent);cursor:pointer;transition:all .2s var(--ease);box-shadow:0 0 calc(3px + var(--beat-strength,.1) * 5px) rgba(var(--accent-rgb), calc(.05 + var(--beat-strength,.1) * .12));touch-action:manipulation;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn-shuffle-accent:hover{background:rgba(var(--accent-rgb), .2);border-color:var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb), .25)}.shuffle-icon{font-size:14px;line-height:1}.btn-shuffle-accent:active .shuffle-icon{transition:transform .25s var(--ease);transform:rotate(180deg)}.calc-toast{z-index:90;-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);color:var(--text-dim);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease), visibility 0s linear .3s;white-space:nowrap;background:#141519b8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:9px 18px;font-size:12px;font-weight:700;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%,-16px)}.calc-toast.visible{opacity:1;visibility:visible;transition:opacity .35s var(--ease), transform .35s var(--ease), visibility 0s;transform:translate(-50%)}.toast-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px rgba(var(--accent-rgb), .7);border-radius:50%;flex-shrink:0;animation:1.8s ease-in-out infinite livePulse}.page-footer{isolation:isolate;width:100%;color:var(--text-faint);background:#080a0e38;border:1px solid #ffffff0b;border-radius:18px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:auto;padding:16px 20px;font-size:12px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff09}.page-footer .footer-left{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.page-footer .footer-right{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:18px;display:flex}.page-footer a{color:var(--text-faint);transition:color .2s var(--ease);text-decoration:none}.page-footer a:hover{color:var(--accent)}.page-footer .credit{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.page-footer .credit:hover .credit-name{color:var(--accent)}.page-footer .credit-txt{white-space:nowrap;flex-shrink:0;font:500 10.5px Inter}.page-footer .credit-name{color:var(--text-dim);white-space:nowrap;transition:color .2s var(--ease);text-shadow:0 0 calc(2px + var(--beat-strength,.1) * 3px) rgba(var(--accent-rgb), calc(.06 + var(--beat-strength,.1) * .12));align-items:center;gap:4px;font:700 11px Inter;display:flex}.page-footer .credit-name svg{flex-shrink:0;width:11px;height:11px}@media (width<=760px){body{padding:18px}.main-stage{padding:16px 16px 20px}.top-header,.header-menus,.ref-deltas-bar,.page-footer{justify-content:center}.page-footer .footer-left{display:none}}@media (width<=420px){.page-footer .credit-txt{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-content{background:var(--panel);-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-color:transparent transparent;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:560px;max-height:85vh;padding:24px;overflow-y:auto}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-header h3{font-size:16px;font-weight:800}.modal-close{color:var(--text-faint);cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-size:18px}.breakdown-text{color:var(--text-dim);white-space:pre-wrap;background:#0006;border-radius:8px;padding:12px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.6}.error-banner{color:var(--danger);background:#ff5c6a1f;border:1px solid #ff5c6a59;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:600}.mb-0{margin-bottom:0}.mt-12{margin-top:12px}.magnetic{isolation:isolate;position:relative;transform:none!important}.magnetic-inner{will-change:transform;height:100%;transition:transform .32s cubic-bezier(.19,1,.22,1),filter .25s;position:relative;transform:translate(0,0)scale(1)}.magnetic:hover .magnetic-inner{filter:brightness(1.018);transform:translateY(-2px)scale(1.006)}.magnetic:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .075), rgba(var(--accent-rgb), .022) 25%, transparent 54%);z-index:3;transition:opacity .28s;position:absolute;inset:0}.magnetic:hover:after,.magnetic:focus-within:after{opacity:1}.live-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1), 0 0 12px rgba(var(--accent-rgb), .45);border-radius:50%;animation:1.8s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:.72;box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08), 0 0 8px rgba(var(--accent-rgb), .25);transform:scale(1)}50%{opacity:1;box-shadow:0 0 0 5px rgba(var(--accent-rgb), .035), 0 0 16px rgba(var(--accent-rgb), .48);transform:scale(1.28)}}.main-stage{animation:.48s cubic-bezier(.19,1,.22,1) both stageIn}@keyframes stageIn{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}.scroll-progress{z-index:95;background:linear-gradient(90deg, var(--accent), var(--accent2));height:1px;box-shadow:0 0 8px rgba(var(--accent-rgb), .3);transform-origin:0;pointer-events:none;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.scroll-nav{z-index:80;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease);flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)translate(14px)}.scroll-nav.visible{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.scroll-btn{-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);width:42px;height:42px;color:var(--text-dim);cursor:pointer;transition:all .2s var(--ease);touch-action:manipulation;background:#141519a6;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px #00000059}.scroll-btn svg{fill:currentColor;width:18px;height:18px}.scroll-btn:hover:not(:disabled){color:var(--accent);border-color:rgba(var(--accent-rgb), .5);box-shadow:0 8px 24px rgba(var(--accent-rgb), .25);transform:translateY(-1px)}.scroll-btn:disabled{opacity:.35;cursor:default}@media (width<=640px){.scroll-nav{display:none}}.skip-link:focus{top:0}.fonts-loaded{transition:font-family .2s}@media (width<=768px){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.layout{width:100%}.main-stage{gap:12px;padding:12px 12px 20px}.top-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.header-title{justify-content:space-between;width:100%}.header-title h1{font-size:18px}.header-menus{-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.ref-deltas-bar{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.calc-grid{grid-template-columns:1fr;gap:12px}.summary-panel{order:-1}.card{padding:14px}.card-header{flex-wrap:wrap;gap:8px}.cost-compartments{flex-direction:column;align-items:stretch;gap:8px}.cost-box{max-width:none}.cost-box-val{font-size:16px}.total-cost-hero .val{font-size:32px}.btn-lang{min-width:44px;min-height:44px;padding:8px 12px}.top-menu-btn{min-height:44px;padding:8px 12px}.top-menu-wrap{flex-shrink:0}.glass-trigger{min-height:44px;padding:8px 10px}.select-styled{min-height:44px;font-size:16px}.num-stepper input[type=number]{width:80px;min-height:44px;font-size:16px}.stepper-btns button{min-width:36px;min-height:22px}.btn-add-char{min-height:48px;padding:16px;font-size:14px}.btn-remove{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.chip{min-height:40px;padding:10px 18px}.btn-shuffle-accent{width:100%;min-height:44px}.scroll-btn{width:44px;height:44px}.modal-content{width:94%;max-width:none;max-height:90vh;padding:20px}.page-footer{padding:14px 16px;font-size:11px}.page-footer .footer-right{gap:10px}.cost-mini span,.cost-box-label{font-size:10px}.glass-trigger,.glass-opt,.top-menu-status,.changelog-version,.row-label{font-size:12px}}@media (width<=380px){.main-stage{padding:10px 10px 16px}.header-title h1{font-size:16px}.card{padding:12px}.total-cost-hero .val{font-size:28px}.cost-box-val{font-size:15px}.btn-lang{padding:6px 10px;font-size:11px}.top-menu-btn{padding:6px 10px;font-size:12px}}@media (width<=768px){.orb{filter:blur(60px);width:280px;height:280px}.card:before,.summary-card:before,.top-header:before,.top-menu-btn:before,.top-menu-popup:before,.info-popup:before,.help-popup:before,.help-section:before,.announcement:before,.page-footer:before{display:none}.top-header,.summary-card,.card,.page-footer{-webkit-backdrop-filter:none}.glass-popup,.top-menu-popup,.info-popup,.help-popup,.modal-overlay{-webkit-backdrop-filter:blur(16px)saturate(150%)}.bg-orbs{opacity:.6}body:before{display:none}.magnetic:hover .magnetic-inner{filter:none;transform:none}.magnetic:after{display:none}}@media (prefers-reduced-motion:reduce){.glass-popup,.main-stage{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.loading-screen{z-index:9999;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);opacity:1;pointer-events:all;background:#08090bd9;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{flex-direction:column;align-items:center;gap:16px;display:flex}.loading-logo{color:var(--accent);letter-spacing:-.05em;font-size:32px;font-weight:900}.loading-bar{background:#ffffff14;border-radius:999px;width:120px;height:4px;overflow:hidden}.loading-bar-inner{background:var(--accent);border-radius:999px;width:40%;height:100%;animation:1.2s ease-in-out infinite loadingSlide}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}