:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI Variable Display", "Segoe UI", "Microsoft YaHei UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--bg: #ffffff;--bg-2: #f5f5f7;--bg-3: #ebebef;--bg-elev: #ffffff;--fg: #1d1d1f;--fg-2: #6e6e73;--fg-3: #a1a1a6;--line: rgba(0, 0, 0, .08);--line-2: rgba(0, 0, 0, .14);--hover: rgba(0, 0, 0, .035);--press: rgba(0, 0, 0, .06);--accent: #fa2d48;--accent-fg: #ffffff;--accent-soft: rgba(250, 45, 72, .1);--ok: #34c759;--warn: #ff9f0a;--scrim: rgba(0, 0, 0, .28);--shadow: 0 0 0 .5px rgba(0, 0, 0, .06), 0 8px 32px rgba(0, 0, 0, .12);--shadow-sm: 0 0 0 .5px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .06);--cover-shadow: 0 6px 24px rgba(0, 0, 0, .14);--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .14s;--t: .24s;--t-slow: .42s;--topbar: 52px;--playbar: 72px;--content: 1080px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #000000;--bg-2: #111113;--bg-3: #1c1c1e;--bg-elev: #1c1c1e;--fg: #f5f5f7;--fg-2: #98989d;--fg-3: #636366;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--hover: rgba(255, 255, 255, .06);--press: rgba(255, 255, 255, .1);--accent: #ff375f;--accent-soft: rgba(255, 55, 95, .16);--scrim: rgba(0, 0, 0, .5);--shadow: 0 0 0 .5px rgba(255, 255, 255, .1), 0 12px 40px rgba(0, 0, 0, .6);--shadow-sm: 0 0 0 .5px rgba(255, 255, 255, .08), 0 2px 8px rgba(0, 0, 0, .4);--cover-shadow: 0 6px 24px rgba(0, 0, 0, .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--bg-2: #111113;--bg-3: #1c1c1e;--bg-elev: #1c1c1e;--fg: #f5f5f7;--fg-2: #98989d;--fg-3: #636366;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--hover: rgba(255, 255, 255, .06);--press: rgba(255, 255, 255, .1);--accent: #ff375f;--accent-soft: rgba(255, 55, 95, .16);--scrim: rgba(0, 0, 0, .5);--shadow: 0 0 0 .5px rgba(255, 255, 255, .1), 0 12px 40px rgba(0, 0, 0, .6);--shadow-sm: 0 0 0 .5px rgba(255, 255, 255, .08), 0 2px 8px rgba(0, 0, 0, .4);--cover-shadow: 0 6px 24px rgba(0, 0, 0, .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:400 14px/1.45 var(--font);letter-spacing:-.006em;font-feature-settings:"kern";font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}#app{height:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:default;border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}img{display:block}img.fade{opacity:0;transition:opacity .32s var(--ease-out)}img.fade.ok{opacity:1}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--fg-3)}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;white-space:nowrap;background:var(--bg-2);color:var(--fg);transition:background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.btn:hover{background:var(--bg-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn.primary{background:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.btn.plain{background:transparent;color:var(--accent);padding:0 8px}.btn.plain:hover{background:var(--accent-soft)}.btn.lg{height:38px;padding:0 20px;font-size:14px}.btn svg{width:16px;height:16px;flex:none}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;color:var(--fg-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.icon-btn:hover{background:var(--hover);color:var(--fg)}.icon-btn:active{transform:scale(.92);background:var(--press)}.icon-btn.on{color:var(--accent)}.icon-btn svg{width:18px;height:18px}.input{height:34px;width:100%;padding:0 12px;border-radius:var(--r);border:0;background:var(--bg-2);outline:none;transition:box-shadow var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.input:focus{background:var(--bg);box-shadow:0 0 0 1px var(--line-2),0 0 0 4px var(--accent-soft)}.input::placeholder{color:var(--fg-3)}.muted{color:var(--fg-2)}.faint{color:var(--fg-3)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1;border:1px solid currentColor;color:var(--fg-3);flex:none}.badge.vip{color:var(--accent)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--fg-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}