:root{color-scheme:dark;--canvas: #121822;--panel: #1b2330;--raised: #263040;--raised-2: #303c4f;--overlay: #232c3a;--stage: #1b1b1e;--scrim: rgba(7, 10, 18, .72);--line: rgba(195, 205, 220, .12);--line-2: rgba(195, 205, 220, .2);--line-3: #6b7a90;--line-4: #8393aa;--text: #f2f5fa;--text-2: #c3cddc;--text-3: #9aa8bd;--accent: #ffb23e;--accent-hover: #ffc56a;--accent-press: #f29f1f;--accent-ink: #1c1100;--accent-soft: rgba(255, 178, 62, .16);--start: #a5b4fc;--start-hover: #c7d0ff;--start-soft: rgba(165, 180, 252, .16);--start-ring: rgba(165, 180, 252, .28);--red: #ff7b6b;--red-fill: #c8352a;--red-soft: rgba(255, 123, 107, .15);--green: #5fd29a;--green-soft: rgba(95, 210, 154, .15);--warn: #ffe08a;--warn-soft: rgba(255, 224, 138, .14);--seal: #d9333f;--side-l: #6cc4ff;--side-r: #b49bff;--font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: .9375rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--ctl: 2.5rem;--ctl-sm: 2.25rem;--ctl-main: 3rem;--btn-pad: .625rem 1.25rem;--btn2-pad: .5rem .875rem;--news: 2rem;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s12: 3rem;--r-sm: .375rem;--r-md: .5rem;--r-lg: .75rem;--r-xl: 1rem;--r-pill: 999px;--edge: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-float: 0 .75rem 2rem -.75rem rgba(0, 0, 0, .6), 0 2px .375rem rgba(0, 0, 0, .28);--shadow-dialog: 0 1.5rem 4rem -1rem rgba(0, 0, 0, .7);--accent-grad: linear-gradient(180deg, #ffc768 0%, var(--accent) 55%, #f7a52c 100%);--accent-grad-hover: linear-gradient(180deg, #ffd488 0%, var(--accent-hover) 55%, var(--accent) 100%);--accent-ring: rgba(255, 178, 62, .8);--ember: 0 0 0 1px rgba(255, 178, 62, .35), 0 .5rem 1.25rem -.5rem rgba(255, 160, 40, .6), inset 0 1px 0 rgba(255, 255, 255, .35);--ember-hover: 0 0 0 1px rgba(255, 178, 62, .55), 0 .625rem 1.75rem -.375rem rgba(255, 160, 40, .8), inset 0 1px 0 rgba(255, 255, 255, .45);--card-top: #202938;--card-end: #182029;--t-fast: .1s;--t: .15s;--t-slow: .2s;--t-out: .15s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--text);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:var(--s2);top:-5rem;z-index:70;padding:.625rem .875rem;border-radius:var(--r-md);background:var(--text);color:var(--canvas);font-weight:600;text-decoration:none}.skip:focus{top:var(--s2)}.brand{flex:none;display:inline-flex;align-items:center;gap:.625rem;margin:0;color:var(--text);font:600 1rem/1 var(--font);letter-spacing:-.01em;text-decoration:none}.brand img{flex:none;display:block;width:auto;height:2.125rem}.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border-radius:var(--r-md);line-height:1.2;text-align:center;text-decoration:none;transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.btn{min-height:var(--ctl-main);padding:var(--btn-pad);border:0;background:var(--accent);color:var(--accent-ink);font-size:var(--fs-md);font-weight:600}.btn:not(:disabled){background:var(--accent-grad);box-shadow:var(--ember);transition:box-shadow var(--t) var(--ease-out),transform var(--t-fast) var(--ease-out),filter var(--t) var(--ease-out);animation:ember-in .3s var(--ease-out)}.btn:hover:not(:disabled){background:var(--accent-grad-hover);box-shadow:var(--ember-hover);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.985);filter:brightness(.96)}@media (prefers-reduced-motion: reduce){.btn:hover:not(:disabled){transform:none}}@keyframes ember-in{0%{box-shadow:0 0 0 0 var(--accent-ring),0 0 0 0 transparent}}.btn:not(:disabled){position:relative;overflow:hidden;isolation:isolate;animation:ember-in .3s var(--ease-out),btn-breathe 2.8s ease-in-out .3s infinite}.btn:not(:disabled):before{content:"";position:absolute;z-index:-1;top:-20%;bottom:-20%;left:0;width:38%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);transform:translate(-130%) skew(-18deg);animation:btn-sheen 2.8s cubic-bezier(.45,0,.25,1) .6s infinite}@keyframes btn-sheen{0%{transform:translate(-130%) skew(-18deg)}45%,to{transform:translate(300%) skew(-18deg)}}@keyframes btn-breathe{0%,to{box-shadow:var(--ember)}50%{box-shadow:var(--ember-hover)}}@media (prefers-reduced-motion: reduce){.btn:not(:disabled){animation:none}.btn:not(:disabled):before{animation:none;display:none}}.btn:disabled{background:none;color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line-3)}.btn2{min-height:var(--ctl);padding:var(--btn2-pad);border:1px solid var(--line-3);background:var(--raised);color:var(--text);font-size:var(--fs-md);font-weight:500}.btn2:hover:not(:disabled){background:var(--raised-2);border-color:var(--line-4)}.btn2:active:not(:disabled){transform:scale(.98)}.btn2:disabled{background:none;border-color:var(--line-2);color:var(--text-3)}.btn small,.btn2 small{font-size:var(--fs-xs);font-weight:500;opacity:.8}.seg{display:flex;border:1px solid var(--line-3);border-radius:var(--r-md);background:var(--canvas)}.seg button{flex:1;min-width:0;min-height:var(--ctl-sm);padding:.125rem .5rem;border:0;border-radius:0;background:none;color:var(--text-2);font-size:var(--fs-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color var(--t-fast),color var(--t-fast)}.seg button+button{box-shadow:-1px 0 0 var(--line-3)}.seg button:first-child{border-radius:calc(var(--r-md) - 1px) 0 0 calc(var(--r-md) - 1px)}.seg button:last-child{border-radius:0 calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0}.seg button:only-child{border-radius:calc(var(--r-md) - 1px)}.seg button:hover:not(:disabled):not(.on){color:var(--text);background:var(--raised)}.seg button.on{position:relative;z-index:1;background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:inset 0 0 0 1px var(--accent)}.seg button:focus-visible{z-index:2;outline-offset:1px}.seg button:disabled{color:var(--text-3);opacity:.65}.chip{min-height:var(--ctl-sm);padding:.25rem .875rem;border-radius:var(--r-pill);border:1px solid var(--line-3);background:var(--raised);color:var(--text);font-size:var(--fs-sm);font-weight:500;transition:background-color var(--t-fast),border-color var(--t-fast)}.chip:hover:not(:disabled){border-color:var(--line-4);background:var(--raised-2)}.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.chip:disabled{color:var(--text-3);border-color:var(--line-2)}.field{width:100%;padding:.625rem .75rem;border:1px solid var(--line-3);border-radius:var(--r-md);background:var(--canvas);color:var(--text);font-size:var(--fs-md);line-height:1.45;transition:border-color var(--t-fast)}.field:hover:not(:disabled){border-color:var(--line-4)}.field:focus-visible{outline-offset:1px}.field::placeholder{color:var(--text-3);opacity:1}.field:disabled{color:var(--text-3);border-color:var(--line-2)}.modal{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--s6);overscroll-behavior:contain;animation:fade-in var(--t-slow) var(--ease-out)}.dialog{width:min(28.75rem,100%);max-height:100%;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s6);border-radius:var(--r-xl);background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--shadow-dialog),var(--edge);animation:rise-in var(--t-slow) var(--ease-out)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.dialog-title{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em}.dialog-row{display:flex;gap:var(--s2);justify-content:flex-end}.dialog-row .btn,.dialog-row .btn2{width:auto;min-width:7.5rem}.dialog-row .btn{min-height:var(--ctl);font-size:var(--fs-sm)}@keyframes rise-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes fade-in{0%{opacity:0}}.news{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--s3);min-height:var(--news);padding:0 var(--s3);background:var(--raised);color:var(--text);font-size:var(--fs-sm);text-align:center}.news>span{flex:1}.acct{flex:none;display:flex;align-items:center;gap:var(--s2)}.acct-link{min-height:var(--ctl-sm);padding:0 var(--s2);border:0;background:none;color:var(--text);font-size:var(--fs-md);font-weight:500;white-space:nowrap}.acct-link:hover{text-decoration:underline;text-underline-offset:4px}.acct-sign{width:auto;min-height:var(--ctl-sm);white-space:nowrap}.acct-credits{display:inline-flex;align-items:center;gap:.375rem;min-height:var(--ctl-sm);padding:0 .625rem;border:1px solid var(--line-3);border-radius:var(--r-pill);background:var(--raised);color:var(--text);font-size:var(--fs-md);font-weight:600;font-variant-numeric:tabular-nums}.acct-credits:hover{border-color:var(--line-4);background:var(--raised-2)}.acct-credits i{width:.625rem;height:.625rem;border-radius:2px;background:var(--text-2);transform:rotate(45deg)}.acct-face{width:var(--ctl-sm);height:var(--ctl-sm);padding:0;overflow:hidden;border:1px solid var(--line-3);border-radius:50%;background:var(--raised)}.acct-face:hover{border-color:var(--line-4)}.acct-face img{display:block;width:100%;height:100%;object-fit:cover}.acct-x{flex:none;width:var(--news);height:var(--news);padding:0;border:0;border-radius:var(--r-sm);background:none;color:var(--text-2);font-size:1.125rem;line-height:1}.acct-x:hover{background:var(--raised-2);color:var(--text)}.acct-dialog{width:min(24rem,100%)}.acct-dialog .btn,.acct-dialog .btn2{width:100%}.acct-ways{display:flex;flex-direction:column;gap:var(--s2)}.acct-ways .btn2{justify-content:flex-start;gap:var(--s3);min-height:2.75rem}.acct-ways b{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--canvas);font-size:var(--fs-xs);font-weight:600}.acct-or{display:flex;align-items:center;gap:var(--s3);color:var(--text-2);font-size:var(--fs-sm)}.acct-or:before,.acct-or:after{content:"";flex:1;height:1px;background:var(--line-2)}.acct-note{margin:0;color:var(--text-2);font-size:var(--fs-sm)}.acct-big{margin:0;color:var(--text-2)}.acct-big b{color:var(--text);font-size:var(--fs-xl);font-weight:600;font-variant-numeric:tabular-nums}.acct-prices{margin:0;display:flex;flex-direction:column}.acct-prices>div{display:flex;justify-content:space-between;gap:var(--s3);padding:.375rem 0;border-top:1px solid var(--line);font-size:var(--fs-sm)}.acct-prices dt{color:var(--text-2)}.acct-prices dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}.acct-me{display:flex;align-items:center;gap:var(--s3)}.acct-me img{border-radius:50%}.acct-me b{display:block;font-size:var(--fs-md);font-weight:600}.acct-me span{color:var(--text-2);font-size:var(--fs-sm)}[data-cost]:after{content:"◆ " attr(data-cost);display:inline-flex;align-items:center;min-width:1.5rem;justify-content:center;margin-left:var(--s1);padding:.0625rem .375rem;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums}.btn[data-cost]:after{background:#1c110029}.btn:disabled[data-cost]:after,.btn2[data-cost]:after,.chip[data-cost]:after{background:var(--canvas)}@media (prefers-reduced-motion: reduce){.btn:active,.btn2:active{transform:none!important}}
