:root{color-scheme:dark;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--bg: #05060c;--label: #ffffff;--label-secondary: rgba(235, 235, 245, .68);--label-tertiary: rgba(235, 235, 245, .4);--fill-secondary: rgba(120, 120, 128, .4);--fill-tertiary: rgba(118, 118, 128, .28);--fill-quaternary: rgba(118, 118, 128, .18);--separator: rgba(255, 255, 255, .09);--blue: #0a84ff;--blue-soft: rgba(10, 132, 255, .2);--blue-text: #5aa9ff;--green: #30d158;--green-soft: rgba(48, 209, 88, .18);--orange: #ff9f0a;--orange-soft: rgba(255, 159, 10, .18);--red: #ff453a;--red-soft: rgba(255, 69, 58, .18);--gold-a: #ffd60a;--gold-b: #ff9f0a;--accent-a: #9d8cff;--accent-b: #4cb4ff;--glass-card: rgba(255, 255, 255, .075);--glass-chrome: rgba(46, 46, 54, .6);--glass-popover: rgba(36, 36, 44, .8);--glass-border: rgba(255, 255, 255, .13);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .18);--blur-card: blur(44px) saturate(170%);--blur-chrome: blur(30px) saturate(180%);--well: rgba(0, 0, 0, .26);--well-border: rgba(255, 255, 255, .06);--shadow-card: 0 24px 70px rgba(0, 0, 0, .38);--shadow-chrome: 0 12px 34px rgba(0, 0, 0, .4);--shadow-popover: 0 28px 80px rgba(0, 0, 0, .6);--radius-hero: 34px;--radius-card: 28px;--radius-well: 18px;--radius-control: 12px;--control-height: 44px;--content-max: 1080px;--tab-bar-space: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-caption: .76rem;--text-footnote: .84rem;--text-body: .96rem;--text-title: 1.3rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);font-family:var(--font-sans);font-size:100%;line-height:1.5;font-weight:400;color:var(--label);background:var(--bg);font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;background:var(--bg)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:#0a84ff73}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-1);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:-.028em;text-wrap:balance}h2{margin-bottom:var(--space-1);font-size:var(--text-title);font-weight:650;line-height:1.2;letter-spacing:-.018em}h3{margin-bottom:0;font-size:1.5rem;font-weight:650;line-height:1.15;letter-spacing:-.02em}.eyebrow{margin:0 0 var(--space-2);color:var(--label-secondary);font-size:var(--text-footnote);font-weight:600;letter-spacing:.01em}.login-copy,.header-copy,.section-heading p,.muted-copy{color:var(--label-secondary);font-size:var(--text-body)}.section-heading p,.header-copy,.muted-copy{margin-bottom:0}.icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-filled{fill:currentColor;stroke:none}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:#ffffff24;color:var(--label);font-size:var(--text-footnote);font-weight:650;letter-spacing:0;font-variant-numeric:tabular-nums}@keyframes materialize{0%{opacity:0;filter:blur(14px)}to{opacity:1;filter:none}}@keyframes rise{0%{translate:0 36px;scale:.96}to{translate:0 0;scale:1}}@keyframes popover-in{0%{opacity:0;scale:.92;filter:blur(10px)}to{opacity:1;scale:1;filter:none}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes breathe{0%{opacity:.45}to{opacity:1}}@keyframes drift{to{translate:0 -16%}}@keyframes toast{0%{opacity:0;translate:-50% -160%;filter:blur(8px)}9%,88%{opacity:1;translate:-50% 0;filter:none}to{opacity:0;translate:-50% -160%;visibility:hidden}}@keyframes toast-fade{0%,to{opacity:0}9%,88%{opacity:1}to{visibility:hidden}}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#7d7aff 0%,var(--blue) 55%,#64d2ff 100%);box-shadow:inset 0 1px #fff6,0 6px 18px #0a84ff5c}.brand-mark svg{width:58%;height:58%}.brand-mark-large{width:64px;height:64px;margin-bottom:var(--space-5);border-radius:18px}.brand-name{font-size:1.05rem;font-weight:650;letter-spacing:-.015em;white-space:nowrap}.app-loading,.login-shell{min-height:100dvh;display:grid;place-items:center;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom))}.app-loading{color:var(--label-secondary);font-size:var(--text-body)}.app-loading p{margin:0;animation:breathe .9s ease-in-out infinite alternate}.dashboard-panel .app-loading{min-height:50dvh}.login-shell{background:radial-gradient(60% 50% at 12% 8%,rgba(94,92,230,.6),transparent 70%),radial-gradient(50% 45% at 92% 26%,rgba(10,132,255,.46),transparent 70%),radial-gradient(55% 50% at 60% 100%,rgba(191,90,242,.42),transparent 70%),var(--bg)}.login-card,.surface-card{position:relative;max-width:100%;border:1px solid var(--glass-border);background:var(--glass-card);box-shadow:var(--glass-highlight),var(--shadow-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card)}.login-card{width:min(100%,420px);padding:40px 36px 36px;border-radius:var(--radius-hero);animation:materialize .7s var(--ease-out) both,rise .7s var(--ease-spring) both}.login-card h1{font-size:2.1rem}.login-copy{margin-bottom:var(--space-6)}.login-form,.tab-layout{display:grid;gap:var(--space-5)}.login-form{gap:var(--space-4)}.login-form .primary-button{width:100%;min-height:50px;margin-top:var(--space-2);font-size:1rem}.field{display:grid;gap:var(--space-2);min-width:0}.field>span{color:var(--label-secondary);font-size:var(--text-footnote);font-weight:500}.field input{width:100%;min-height:var(--control-height);padding:0 14px;border:1px solid transparent;border-radius:var(--radius-control);background:var(--fill-tertiary);color:var(--label);font-variant-numeric:tabular-nums;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}input::placeholder{color:var(--label-tertiary)}.field input:hover:not(:disabled){background:var(--fill-secondary)}.field input:focus,.price-field:focus-within{outline:none;border-color:var(--blue);background:#0a84ff1f;box-shadow:0 0 0 4px #0a84ff42}input:disabled{color:var(--label-tertiary);cursor:not-allowed}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex-shrink:0;width:51px;height:31px;margin:0;border-radius:999px;background:var(--fill-secondary);cursor:pointer;transition:background-color .24s ease}.switch:before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:999px;background:#fff;box-shadow:0 3px 8px #0003,0 1px 1px #00000029;transition:transform .32s var(--ease-spring),width .2s var(--ease-out)}.switch:checked{background:var(--green)}.switch:checked:before{transform:translate(20px)}.switch:active:not(:disabled):before{width:32px}.switch:checked:active:not(:disabled):before{transform:translate(15px)}.switch:disabled{opacity:.5;cursor:not-allowed}.inset-list{border:1px solid var(--well-border);border-radius:var(--radius-well);background:var(--well);overflow:hidden}.inset-list>*{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:54px;padding:7px 10px 7px var(--space-4)}.inset-list>*+*{border-top:1px solid var(--separator)}.inset-list>*>span:first-child{color:var(--label);font-size:var(--text-body);font-weight:400}.inset-list>*>strong{padding-right:6px;color:var(--label-secondary);font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.inset-list input:not([type=checkbox]){width:116px;min-height:40px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:var(--fill-quaternary);color:var(--label);font-weight:600;font-variant-numeric:tabular-nums;text-align:right;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.inset-list input:not([type=checkbox]):hover:not(:disabled){background:var(--fill-tertiary)}.inset-list input:not([type=checkbox]):focus{outline:none;border-color:var(--blue);background:#0a84ff1f;box-shadow:0 0 0 4px #0a84ff42}.themed-select,.themed-date{position:relative;width:100%}.themed-select-trigger,.themed-date-trigger{width:100%;min-height:var(--control-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 12px 0 14px;border:1px solid transparent;border-radius:var(--radius-control);background:var(--fill-tertiary);color:var(--label);cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.themed-select-trigger:hover:not(:disabled),.themed-date-trigger:hover:not(:disabled){background:var(--fill-secondary)}.themed-select-trigger:active:not(:disabled),.themed-date-trigger:active:not(:disabled){transform:scale(.98);transition-duration:80ms}.themed-select-trigger:focus-visible,.themed-date-trigger:focus-visible,.themed-select.open .themed-select-trigger,.themed-date.open .themed-date-trigger{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #0a84ff42}.themed-select-trigger:disabled,.themed-date-trigger:disabled{color:var(--label-tertiary);cursor:not-allowed}.themed-select-value,.themed-date-value{flex:1;white-space:nowrap;text-align:left;font-weight:500;font-variant-numeric:tabular-nums}.themed-date-value.placeholder{color:var(--label-tertiary)}.themed-select-icon,.themed-date-icon{flex-shrink:0;stroke:var(--label-secondary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.themed-select-icon{width:16px;height:16px}.themed-date-icon{width:18px;height:18px;stroke-width:1.4}.themed-select-popover,.themed-date-popover,.action-menu-popover{z-index:1000;max-width:calc(100vw - 24px);border:1px solid var(--glass-border);background:var(--glass-popover);box-shadow:var(--glass-highlight),var(--shadow-popover);-webkit-backdrop-filter:blur(48px) saturate(190%);backdrop-filter:blur(48px) saturate(190%);animation:popover-in .26s var(--ease-spring) both}.themed-select-popover,.themed-date-popover{position:fixed}.themed-select-popover.bottom,.themed-date-popover.bottom{transform-origin:top center}.themed-select-popover.top,.themed-date-popover.top{transform-origin:bottom center}.themed-select-popover{border-radius:16px;overflow:hidden}.themed-select-list{padding:6px;overflow-y:auto;overscroll-behavior:contain}.themed-select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:40px;padding:0 12px;border-radius:10px;color:var(--label);font-variant-numeric:tabular-nums;cursor:pointer;outline:none;transition:background-color .12s ease}.themed-select-option:hover,.themed-select-option.active{background:var(--blue)}.themed-select-option.selected{font-weight:600}.themed-select-check{width:16px;height:16px;flex-shrink:0;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.themed-date-popover{padding:14px;border-radius:22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.themed-date-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.themed-date-month{font-size:1.02rem;font-weight:650;letter-spacing:-.01em}.themed-date-nav{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:var(--fill-tertiary);color:var(--blue-text);cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease}.themed-date-nav svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.themed-date-nav:hover{background:var(--fill-secondary)}.themed-date-nav:active{transform:scale(.9);transition-duration:80ms}.themed-date-weekdays,.themed-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.themed-date-weekdays{margin-bottom:var(--space-1)}.themed-date-weekdays span{text-align:center;color:var(--label-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.themed-date-day{width:36px;height:36px;padding:0;display:grid;place-items:center;justify-self:center;border:0;border-radius:999px;background:transparent;color:var(--label);font-size:.98rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .16s var(--ease-out),background-color .12s ease}.themed-date-day:hover{background:var(--fill-tertiary)}.themed-date-day:active{transform:scale(.9);transition-duration:80ms}.themed-date-day.outside-month{color:var(--label-tertiary)}.themed-date-day.today{color:var(--blue-text);font-weight:650}.themed-date-day.selected{background:var(--blue);color:#fff;font-weight:650}.themed-date-footer{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--separator)}.themed-date-footer .ghost-button{min-height:34px;padding:0 14px;background:transparent;color:var(--blue-text)}.themed-date-footer .ghost-button:hover:not(:disabled){background:var(--fill-quaternary)}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:0 20px;border:0;border-radius:999px;font-size:var(--text-body);font-weight:600;letter-spacing:-.008em;white-space:nowrap;cursor:pointer;transition:transform .18s var(--ease-out),background-color .16s ease,opacity .16s ease,filter .16s ease}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.icon-button:hover{filter:brightness(1.16)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-button:active:not(:disabled){transform:scale(.97);transition-duration:80ms}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.text-button:focus-visible,.icon-button:focus-visible,.action-menu-item:focus-visible,.segmented-button:focus-visible,.version-picker-button:focus-visible,.themed-date-day:focus-visible,.themed-date-nav:focus-visible,.switch:focus-visible{outline:3px solid rgba(10,132,255,.65);outline-offset:2px}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.4;cursor:not-allowed}.primary-button{background:var(--blue);color:#fff;box-shadow:inset 0 1px #ffffff3d}.secondary-button{background:var(--blue-soft);color:var(--blue-text)}.ghost-button{background:var(--fill-tertiary);color:var(--label)}.text-button{padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--blue-text);font-size:var(--text-footnote);font-weight:600;cursor:pointer;transition:background-color .16s ease,transform .18s var(--ease-out)}.text-button:hover{background:var(--fill-quaternary)}.text-button:active{transform:scale(.95);transition-duration:80ms}.text-button.destructive{color:var(--red)}.icon-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-chrome);color:var(--label);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:var(--blur-chrome);backdrop-filter:var(--blur-chrome);cursor:pointer;transition:transform .18s var(--ease-out),filter .16s ease}.icon-button:active{transform:scale(.92);transition-duration:80ms}.action-menu{position:relative;flex-shrink:0}.action-menu-popover{position:absolute;top:calc(100% + var(--space-2));right:0;display:grid;min-width:210px;padding:6px;border-radius:16px;transform-origin:top right}.action-menu-item{min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--label);font-size:var(--text-body);text-align:left;cursor:pointer;transition:background-color .12s ease}.action-menu-item:hover:not(:disabled){background:var(--fill-tertiary)}.action-menu-item.destructive{color:var(--red)}.action-menu-item:disabled{color:var(--label-tertiary);cursor:not-allowed}.error-banner,.warning-banner{margin:0 0 var(--space-4);padding:12px 16px;border-radius:14px;font-size:var(--text-footnote);font-weight:500;animation:materialize .36s var(--ease-out) both}.login-form .error-banner{margin:0}.error-banner{background:var(--red-soft);color:#ff8a82}.warning-banner{background:var(--orange-soft);color:#ffc35c}.toast,.save-bar{position:fixed;left:50%;z-index:40;max-width:calc(100vw - 24px);border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-chrome);box-shadow:var(--glass-highlight),var(--shadow-chrome);-webkit-backdrop-filter:var(--blur-chrome);backdrop-filter:var(--blur-chrome);font-size:var(--text-footnote);font-weight:600;white-space:nowrap}.toast{top:calc(var(--space-4) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--space-2);margin:0;padding:10px 18px 10px 14px;pointer-events:none;animation:toast 4.4s var(--ease-out) both}.toast:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 12px var(--green)}.save-bar{bottom:calc(var(--space-6) + var(--tab-bar-space) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--space-4);padding:7px 7px 7px 20px;translate:-50% 0;transition:translate .52s var(--ease-spring),opacity .26s ease,visibility 0s}.save-bar[data-visible=false]{translate:-50% 180%;opacity:0;visibility:hidden;transition:translate .52s var(--ease-spring),opacity .26s ease,visibility 0s .52s}.save-bar-copy{display:flex;align-items:center;gap:var(--space-2)}.save-bar-copy:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--orange)}.save-bar .primary-button{min-height:40px}.app-shell{position:relative;isolation:isolate;min-height:100dvh;padding:calc(var(--space-4) + env(safe-area-inset-top)) clamp(16px,4vw,40px) calc(120px + var(--tab-bar-space) + env(safe-area-inset-bottom));overflow-x:clip}.app-shell[data-game=genshin]{--accent-a: #5ee6c4;--accent-b: #ffd76a}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg);pointer-events:none}.ambient-layer{position:absolute;top:-10%;right:-10%;bottom:-30%;left:-10%;opacity:0;transition:opacity .9s ease}.ambient-hsr{background:radial-gradient(58% 44% at 10% 6%,rgba(94,92,230,.62),transparent 70%),radial-gradient(48% 40% at 94% 24%,rgba(10,132,255,.5),transparent 70%),radial-gradient(52% 40% at 22% 62%,rgba(191,90,242,.4),transparent 70%),radial-gradient(50% 36% at 84% 88%,rgba(255,55,95,.28),transparent 70%)}.ambient-genshin{background:radial-gradient(58% 44% at 10% 6%,rgba(40,190,150,.52),transparent 70%),radial-gradient(48% 40% at 94% 24%,rgba(255,196,40,.34),transparent 70%),radial-gradient(52% 40% at 22% 62%,rgba(60,170,255,.36),transparent 70%),radial-gradient(50% 36% at 84% 88%,rgba(120,220,130,.26),transparent 70%)}.app-shell[data-game=hsr] .ambient-hsr,.app-shell[data-game=genshin] .ambient-genshin{opacity:1}@supports (animation-timeline: scroll()){.ambient-layer{animation:drift linear both;animation-timeline:scroll(root)}}.top-bar,.dashboard-stack{width:100%;max-width:var(--content-max);margin-inline:auto}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:clamp(24px,5vw,48px)}.dashboard-panel{min-width:0}.dashboard-panel[hidden]{display:none}.segmented{position:relative;display:flex;gap:2px;max-width:100%;padding:4px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-chrome);box-shadow:var(--glass-highlight),var(--shadow-chrome);-webkit-backdrop-filter:var(--blur-chrome);backdrop-filter:var(--blur-chrome)}.segmented-thumb{position:absolute;top:4px;bottom:4px;left:0;width:var(--thumb-width, 0);border-radius:999px;background:#ffffff2e;box-shadow:inset 0 1px #ffffff38,0 2px 10px #0000004d;opacity:0;transform:translate(var(--thumb-x, 0));pointer-events:none}.segmented[data-thumb=ready] .segmented-thumb{opacity:1;transition:transform .46s var(--ease-spring),width .46s var(--ease-spring)}.segmented-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:0 0 auto;min-height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--label-secondary);font-size:.92rem;font-weight:600;letter-spacing:-.008em;white-space:nowrap;cursor:pointer;transition:color .22s ease,transform .18s var(--ease-out)}.segmented-button .icon{width:18px;height:18px}.segmented-button:hover,.segmented-button[aria-pressed=true]{color:var(--label)}.segmented-button:active{transform:scale(.94);transition-duration:80ms}.game-nav .segmented-button{min-width:92px}.tab-nav{position:sticky;top:calc(var(--space-3) + env(safe-area-inset-top));z-index:20;width:fit-content;margin:0 0 var(--space-6)}.app-header{position:relative;z-index:25;display:flex;justify-content:space-between;gap:var(--space-5);align-items:flex-start;margin-bottom:var(--space-6)}.app-main{display:grid;gap:var(--space-5);min-width:0}.surface-card{padding:28px;border-radius:var(--radius-card);min-width:0}.tab-layout>:nth-child(2){--stagger: 1}.tab-layout>:nth-child(3){--stagger: 2}.tab-layout>:nth-child(n+4){--stagger: 3}.tab-layout .surface-card{animation:materialize .56s var(--ease-out) both,rise .64s var(--ease-spring) both;animation-delay:calc(var(--stagger, 0) * 70ms)}@supports (animation-timeline: view()){.tab-layout .surface-card{animation:materialize .56s var(--ease-out) both,rise linear both;animation-timeline:auto,view();animation-range:normal,entry 0% entry 80%;animation-delay:calc(var(--stagger, 0) * 70ms),0s}}.card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.section-heading{margin-bottom:var(--space-5)}.section-heading.with-action{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:30px;margin-bottom:var(--space-4)}.card-header h2{margin:0}.card-header .badge{background:#ffd60a29;color:var(--gold-a)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--space-4);min-width:0}.compact-form{align-items:end}.hero-card{isolation:isolate;display:grid;gap:var(--space-8);padding:clamp(24px,4.4vw,44px);border-radius:var(--radius-hero);background:linear-gradient(140deg,#ffffff24,#ffffff0d 62%);overflow:hidden}.hero-card:before{content:"";position:absolute;top:-55%;right:-12%;z-index:-1;width:62%;aspect-ratio:1;border-radius:999px;background:radial-gradient(closest-side,var(--accent-a),transparent);opacity:.34;pointer-events:none}.hero-headline{min-width:0}.hero-headline .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-body)}.hero-number{width:fit-content;max-width:100%;margin:0;font-size:clamp(4rem,13vw,7.5rem);font-weight:700;line-height:.98;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:transparent;background:linear-gradient(120deg,#ffffff 10%,var(--accent-a) 55%,var(--accent-b));-webkit-background-clip:text;background-clip:text}.hero-caption{margin:var(--space-3) 0 0;color:var(--label-secondary);font-size:var(--text-body);font-variant-numeric:tabular-nums}.wallet{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end}.stat-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.stat-field{display:grid;gap:2px;padding:14px var(--space-4) 10px;border:1px solid var(--well-border);border-radius:var(--radius-well);background:var(--well);cursor:text;transition:border-color .16s ease,box-shadow .16s ease}.stat-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #0a84ff42}.stat-field>span{color:var(--label-secondary);font-size:var(--text-footnote);font-weight:500}.stat-field input{width:100%;padding:0;border:0;background:transparent;color:var(--label);font-size:1.7rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-field input:focus{outline:none}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-5) var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--separator)}.stat{min-width:0}.stat span{display:block;color:var(--label-secondary);font-size:var(--text-footnote)}.stat strong{display:block;margin-top:2px;font-size:1.5rem;font-weight:650;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pity-ring{--ring-a: var(--accent-a);--ring-b: var(--accent-b);display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-5)}.pity-ring.guaranteed{--ring-a: var(--gold-a);--ring-b: var(--gold-b)}.pity-ring-dial{position:relative;flex-shrink:0;width:148px;height:148px}.pity-ring-dial svg{width:100%;height:100%;rotate:-90deg}.pity-ring-track,.pity-ring-fill{fill:none;stroke-width:11}.pity-ring-track{stroke:#ffffff1a}.pity-ring-fill{stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-spring)}.pity-ring-stop-a{stop-color:var(--ring-a);transition:stop-color .4s ease}.pity-ring-stop-b{stop-color:var(--ring-b);transition:stop-color .4s ease}.pity-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center}.pity-ring-center input{width:92px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--label);font-size:2.6rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:center;transition:background-color .16s ease}.pity-ring-center input:hover:not(:disabled){background:var(--fill-quaternary)}.pity-ring-center input:focus{outline:none;background:#0a84ff2e}.pity-ring-max{color:var(--label-tertiary);font-size:var(--text-footnote);font-weight:500}.pity-ring-copy{display:grid;gap:2px;min-width:0}.pity-ring-label{font-size:1.1rem;font-weight:650;letter-spacing:-.012em}.pity-ring-caption{color:var(--label-secondary);font-size:var(--text-body);font-variant-numeric:tabular-nums}.pack-list{border:1px solid var(--well-border);border-radius:var(--radius-well);background:var(--well);overflow:hidden}.pack-list-head,.pack-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1.3fr) 132px 124px;align-items:center;gap:var(--space-4);padding:0 var(--space-4)}.pack-list-head{min-height:38px;color:var(--label-tertiary);font-size:var(--text-caption);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pack-list-head span:first-child{grid-column:span 2}.pack-list-head span:last-child,.pack-row .switch{justify-self:end}.pack-row{min-height:64px;border-top:1px solid var(--separator)}.pack-name{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.pack-name strong{font-size:1.3rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pack-name span{color:var(--label-secondary);font-size:var(--text-footnote);white-space:nowrap}.pack-yield{color:var(--label-secondary);font-size:var(--text-footnote);font-variant-numeric:tabular-nums;transition:color .26s ease}.pack-row.available .pack-yield{color:var(--green)}.price-field{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:var(--fill-quaternary);cursor:text;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.price-field>span{color:var(--label-tertiary);font-size:var(--text-caption);font-weight:600}.price-field input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--label);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.price-field input:focus{outline:none}.odds-chart{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:var(--space-3);height:280px;margin:0;padding:0;list-style:none}.odds-column{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:var(--space-2);min-width:0;transition:opacity .2s ease}.odds-column.empty{opacity:.42}.odds-value,.odds-label{color:var(--label-secondary);font-size:var(--text-caption);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.odds-track{display:flex;align-items:flex-end;width:100%;max-width:46px;height:100%;border-radius:12px;background:#ffffff0d;overflow:hidden}.odds-bar{width:100%;height:calc(var(--value, 0) * 100%);border-radius:12px;background:#ffffff4d;transform-origin:bottom center;animation:grow-y .9s var(--ease-spring) both;animation-delay:calc(.16s + var(--row, 0) * 45ms)}.odds-column.typical .odds-bar{background:linear-gradient(180deg,var(--accent-b),var(--accent-a))}.odds-column.typical .odds-value,.odds-column.typical .odds-label{color:var(--label);font-weight:700}.split{display:grid;gap:var(--space-4)}.split-bar{height:12px;border-radius:999px;background:var(--accent-b);overflow:hidden}.split-bar-primary{display:block;width:calc(var(--share, 0) * 100%);height:100%;border-right:3px solid rgba(0,0,0,.5);background:var(--accent-a);transform-origin:left center;animation:grow-x .9s var(--ease-spring) .2s both}.split-legend{display:flex;justify-content:space-between;gap:var(--space-4)}.split-legend .stat.secondary{text-align:right}.split-legend .stat span:before{content:"";display:inline-block;width:9px;height:9px;margin-right:var(--space-2);border-radius:999px;background:var(--accent-a)}.split-legend .stat.secondary span:before{background:var(--accent-b)}.plan-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.plan-header h2{font-size:1.12rem}.plan-cost{margin:0;font-size:2.3rem;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.plan-cost span{margin-right:6px;color:var(--label-secondary);font-size:var(--text-footnote);font-weight:600;letter-spacing:0}.list-title{margin:var(--space-6) 0 var(--space-2) var(--space-1);color:var(--label-secondary);font-size:var(--text-footnote);font-weight:600;letter-spacing:0}.purchase-row{padding-block:10px}.purchase-copy,.purchase-cost{display:grid;gap:1px;min-width:0}.purchase-cost{flex-shrink:0;padding-right:6px;text-align:right}.purchase-row strong{color:var(--label);font-weight:600;font-variant-numeric:tabular-nums}.purchase-row span{color:var(--label-secondary);font-size:var(--text-footnote);font-variant-numeric:tabular-nums}.inline-form,.summary-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.version-create-form>.field{flex:0 1 160px}.summary-toolbar{gap:var(--space-4)}.version-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-4);min-width:0}.version-card,.empty-card{min-width:0;padding:var(--space-5);border:1px solid var(--well-border);border-radius:var(--radius-well);background:var(--well)}.version-card .inset-list{background:#ffffff0a}.version-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.version-card-header .eyebrow{margin-bottom:0}.version-card-header h3{font-size:2rem;font-variant-numeric:tabular-nums}.date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.empty-card{border-style:dashed;border-color:var(--separator);background:transparent;color:var(--label-secondary)}.empty-card strong{color:var(--label)}.empty-card p{margin:var(--space-1) 0 0;font-size:var(--text-footnote)}.version-picker-block{display:grid;gap:var(--space-2);flex:1 1 320px;min-width:0}.version-picker-label{color:var(--label-secondary);font-size:var(--text-footnote);font-weight:500}.version-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.version-picker-button{min-height:var(--control-height);padding:0 18px;border:0;border-radius:999px;background:var(--fill-tertiary);color:var(--label-secondary);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .18s var(--ease-out),background-color .22s ease,color .22s ease}.version-picker-button:hover{color:var(--label)}.version-picker-button:active{transform:scale(.95);transition-duration:80ms}.version-picker-button.active{background:var(--label);color:#000}.version-picker-empty{display:flex;align-items:center;min-height:var(--control-height);padding:0 14px;border:1px dashed var(--separator);border-radius:var(--radius-control);color:var(--label-secondary);font-size:var(--text-footnote)}.table-wrapper{overflow-x:auto;border:1px solid var(--well-border);border-radius:var(--radius-well);background:var(--well)}.breakdown-card-list{display:none;border:1px solid var(--well-border);border-radius:var(--radius-well);background:var(--well);overflow:hidden}.breakdown-card{display:grid;gap:var(--space-2);padding:var(--space-4)}.breakdown-card+.breakdown-card{border-top:1px solid var(--separator)}.breakdown-card-row{display:flex;justify-content:space-between;gap:var(--space-4);align-items:baseline}.breakdown-card-label{flex-shrink:0;color:var(--label-secondary);font-size:var(--text-footnote)}.breakdown-card-value{color:var(--label);font-size:var(--text-body);font-weight:500;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}strong.breakdown-card-value{font-weight:650}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px var(--space-4)}th{color:var(--label-tertiary);font-size:var(--text-caption);font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--separator)}td{color:var(--label-secondary);font-size:var(--text-body);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--separator)}td:first-child{color:var(--label);font-weight:500}tbody tr:last-child td{border-bottom:0}@media(max-width:860px){.card-pair,.wallet{grid-template-columns:1fr}.surface-card{padding:22px}.pack-list-head{display:none}.pack-row{grid-template-columns:minmax(0,1fr) 124px auto;grid-template-areas:"name price switch" "yield yield yield";gap:2px var(--space-3);padding-block:var(--space-3)}.pack-row:first-of-type{border-top:0}.pack-name{grid-area:name}.pack-yield{grid-area:yield}.price-field{grid-area:price}.pack-row .switch{grid-area:switch}}@media(max-width:640px){:root{--tab-bar-space: 76px}.app-loading,.login-shell{padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.login-card{padding:30px 22px 24px;border-radius:28px}.app-shell{padding-top:calc(var(--space-3) + env(safe-area-inset-top));padding-inline:14px}.brand-name{display:none}.game-nav{flex:1}.game-nav .segmented-button{flex:1 1 0;min-width:0}.tab-nav{position:fixed;top:auto;right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));left:var(--space-3);width:auto;margin:0;padding:5px;border-radius:30px}.tab-nav .segmented-thumb{top:5px;bottom:5px;border-radius:25px}.tab-nav .segmented-button{flex:1 1 0;flex-direction:column;gap:3px;min-width:0;min-height:54px;padding:0 4px;border-radius:25px;font-size:.7rem}.tab-nav .segmented-button .icon{width:22px;height:22px}.surface-card{padding:20px 16px;border-radius:24px}.hero-card{gap:var(--space-6);padding:26px 20px;border-radius:28px}.form-grid,.version-card-grid{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-row{grid-template-columns:minmax(0,1fr) 108px auto}.pack-name{flex-direction:column;align-items:flex-start;gap:0}.inset-list input:not([type=checkbox]){width:96px}.date-range{grid-template-columns:1fr}.pity-ring{gap:var(--space-4)}.pity-ring-dial{width:124px;height:124px}.pity-ring-center input{width:76px;font-size:2.1rem}.odds-chart{grid-template-columns:1fr;gap:10px;height:auto}.odds-column{grid-template-columns:56px minmax(0,1fr) 54px;grid-template-rows:auto;align-items:center;justify-items:stretch;gap:var(--space-3)}.odds-label{order:-1}.odds-value{order:1;text-align:right}.odds-track{align-items:stretch;max-width:none;height:10px}.odds-bar{width:calc(var(--value, 0) * 100%);height:100%;transform-origin:left center;animation-name:grow-x}.section-heading.with-action,.summary-toolbar{align-items:stretch}.version-create-form,.version-create-form>.field,.version-picker-block{flex:1 1 100%}.version-create-form>.field{flex:1 1 0}.version-create-form{flex-wrap:nowrap}.summary-toolbar>button{width:100%}.version-picker{flex-wrap:nowrap;overflow-x:auto;padding:2px;scrollbar-width:none}.version-picker::-webkit-scrollbar{display:none}.version-picker-button{flex:0 0 auto}.table-wrapper{display:none}.breakdown-card-list{display:grid}}@media(max-width:380px){.stat-fields{grid-template-columns:1fr}.inset-list input:not([type=checkbox]){width:92px}}@media(max-height:520px){.themed-date-popover{padding:var(--space-3)}.themed-date-day{width:30px;height:30px}.themed-date-footer{margin-top:var(--space-2);padding-top:var(--space-2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;animation-timeline:auto!important;transition-duration:1ms!important}.ambient-layer{animation:none!important}.toast{animation-name:toast-fade!important;animation-duration:4.4s!important;translate:-50% 0}}@media(prefers-reduced-transparency:reduce){:root{--glass-card: #1c1c22;--glass-chrome: #2c2c34;--glass-popover: #2c2c34;--blur-card: none;--blur-chrome: none}.hero-card{background:#22222a}.themed-select-popover,.themed-date-popover,.action-menu-popover{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){:root{--glass-card: #1c1c22;--glass-chrome: #2c2c34;--glass-popover: #2c2c34;--glass-border: rgba(255, 255, 255, .5);--well-border: rgba(255, 255, 255, .36);--separator: rgba(255, 255, 255, .4);--label-secondary: rgba(255, 255, 255, .88);--label-tertiary: rgba(255, 255, 255, .72)}.hero-card{background:#22222a}}