html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--tb-text-body);line-height:1.5;background:var(--tb-color-bg);color:var(--tb-color-ink);-webkit-font-smoothing:antialiased}.html-modal-open{overflow:hidden}:root[data-theme=light]{--tb-color-tone-indigo: #4338ca;--tb-color-tone-indigo-subtle: #eef2ff;--tb-color-tone-sky: #0369a1;--tb-color-tone-sky-subtle: #e0f2fe;--tb-color-tone-teal: #0f766e;--tb-color-tone-teal-subtle: #ccfbf1;--tb-color-tone-green: #15803d;--tb-color-tone-green-subtle: #dcfce7;--tb-color-tone-amber: #b45309;--tb-color-tone-amber-subtle: #fef3c7;--tb-color-tone-rose: #be123c;--tb-color-tone-rose-subtle: #ffe4e6;--tb-color-bg: #f7f7f8;--tb-color-surface: #ffffff;--tb-color-surface-alt: #f2f2f4;--tb-color-border: #e4e4e8;--tb-color-border-strong: #d0d0d6;--tb-color-ink: #1a1a1e;--tb-color-ink-muted: #5c5c66;--tb-color-ink-subtle: #8a8a94;--tb-color-brand: #4338ca;--tb-color-on-warning: #ffffff;--tb-color-primary-bg: #4338ca;--tb-color-on-primary: #ffffff;--tb-color-primary-hover: #3730a3;--tb-color-mark-bg: #4338ca;--tb-color-mark-fg: #ffffff;--tb-color-brand-hover: #3730a3;--tb-color-brand-subtle: #eef2ff;--tb-color-danger: #dc2626;--tb-color-success: #16a34a;--tb-color-warning: #d97706;--tb-color-warning-subtle: #fef3c7;--tb-color-warning-border: #fbbf24;--tb-color-info: #2563eb;--tb-color-screen: #ececef;--tb-color-canvas: #8a8a94;--tb-text-hero: 32px;--tb-text-display: 24px;--tb-text-title: 18px;--tb-text-body: 16px;--tb-text-label: 14px;--tb-text-meta: 13px;--tb-text-note: 12px;--tb-radius-sm: 6px;--tb-radius-md: 8px;--tb-radius-lg: 12px;--tb-radius-xl: 16px;--tb-radius-pill: 9999px;--tb-space-xxs: 4px;--tb-space-xs: 8px;--tb-space-sm: 12px;--tb-space-md: 16px;--tb-space-lg: 24px;--tb-space-xl: 32px;--tb-space-xxl: 48px;--tb-glass-topbar-fallback: #f7f7f8ad;--tb-glass-topbar: color-mix(in srgb, #f7f7f8 68%, transparent);--tb-glass-blur: 8px;color-scheme:light}:root[data-theme=dark]{--tb-color-tone-indigo: #c7d2fe;--tb-color-tone-indigo-subtle: #232544;--tb-color-tone-sky: #7dd3fc;--tb-color-tone-sky-subtle: #0a2233;--tb-color-tone-teal: #5eead4;--tb-color-tone-teal-subtle: #12302e;--tb-color-tone-green: #4ade80;--tb-color-tone-green-subtle: #162f1d;--tb-color-tone-amber: #fbbf24;--tb-color-tone-amber-subtle: #2f2410;--tb-color-tone-rose: #fda4af;--tb-color-tone-rose-subtle: #361a22;--tb-color-bg: #0e0e11;--tb-color-surface: #17171c;--tb-color-surface-alt: #212128;--tb-color-border: #2b2b34;--tb-color-border-strong: #48485a;--tb-color-ink: #f2f2f5;--tb-color-ink-muted: #a3a3ad;--tb-color-ink-subtle: #71717c;--tb-color-brand: #ffffff;--tb-color-on-warning: #12121a;--tb-color-primary-bg: #4338ca;--tb-color-on-primary: #ffffff;--tb-color-primary-hover: #3730a3;--tb-color-mark-bg: #4338ca;--tb-color-mark-fg: #ffffff;--tb-color-brand-hover: #c7d2fe;--tb-color-brand-subtle: #232544;--tb-color-danger: #f87171;--tb-color-success: #4ade80;--tb-color-warning: #fbbf24;--tb-color-warning-subtle: #2f2410;--tb-color-warning-border: #6b5220;--tb-color-info: #60a5fa;--tb-color-screen: #000000;--tb-color-canvas: #8a8a94;--tb-text-hero: 32px;--tb-text-display: 24px;--tb-text-title: 18px;--tb-text-body: 16px;--tb-text-label: 14px;--tb-text-meta: 13px;--tb-text-note: 12px;--tb-radius-sm: 6px;--tb-radius-md: 8px;--tb-radius-lg: 12px;--tb-radius-xl: 16px;--tb-radius-pill: 9999px;--tb-space-xxs: 4px;--tb-space-xs: 8px;--tb-space-sm: 12px;--tb-space-md: 16px;--tb-space-lg: 24px;--tb-space-xl: 32px;--tb-space-xxl: 48px;--tb-glass-topbar-fallback: #0e0e11ad;--tb-glass-topbar: color-mix(in srgb, #0e0e11 68%, transparent);--tb-glass-blur: 8px;color-scheme:dark}input,textarea,select{font-size:var(--tb-text-body)}input::placeholder,textarea::placeholder{color:var(--tb-color-ink-subtle);opacity:1}button:not(:disabled),[role=button]:not([aria-disabled=true]),a[href],summary,label[for],select:not(:disabled){cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808061;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#80808099}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:transparent}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.38) transparent}}@supports selector(::-webkit-scrollbar){@media(pointer:coarse){::-webkit-scrollbar{width:0;height:0}}}@supports not selector(::-webkit-scrollbar){@media(pointer:coarse){*{scrollbar-width:none}}}.tb-tap{transition:opacity .1s ease}.tb-tap:active{opacity:.55}.tb-key{background:var(--tb-color-surface);color:var(--tb-color-ink)}.tb-key-action{background:var(--tb-color-surface-alt);color:var(--tb-color-ink)}.tb-key-primary{background:var(--tb-color-primary-bg);color:var(--tb-color-on-primary)}.tb-key:active:not(:disabled){background:var(--tb-color-border)}.tb-key-action:active:not(:disabled){background:var(--tb-color-border)}.tb-key-primary:active:not(:disabled){background:var(--tb-color-primary-hover)}.tb-key-primary:disabled{opacity:.6}.tb-key:focus-visible,.tb-key-action:focus-visible,.tb-key-primary:focus-visible{outline:2px solid var(--tb-color-primary-bg);outline-offset:-2px}.tb-key-primary:focus-visible{outline-color:var(--tb-color-on-primary)}.tb-grid-cell{background:var(--tb-color-surface);color:var(--tb-color-ink);border:1px solid var(--tb-color-border);border-radius:var(--tb-radius-md)}.tb-grid-cell:focus{outline:none;border-color:var(--tb-color-primary-bg)}.tb-card{background:var(--tb-color-surface);border:1px solid var(--tb-color-border);border-radius:var(--tb-radius-lg);color:var(--tb-color-ink)}.tb-settings-card{padding:0 var(--tb-space-md);overflow:hidden}.tb-settings-list{margin:0;padding:0;list-style:none}.tb-settings-list>.tb-settings-item:not(:last-child){border-bottom:1px solid var(--tb-color-border)}.tb-card-tap{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tb-card-tap:active{transform:translateY(0);box-shadow:0 1px 4px #0000000f}.tb-input{background:var(--tb-color-surface);border:1px solid var(--tb-color-border);border-radius:var(--tb-radius-md);color:var(--tb-color-ink);transition:border-color .15s ease,box-shadow .15s ease}.tb-input:focus,.tb-affix:focus-within{outline:none;border-color:var(--tb-color-primary-bg)}.tb-affix{display:flex;align-items:center;gap:var(--tb-space-xxs);background:var(--tb-color-surface);border:1px solid var(--tb-color-border);border-radius:var(--tb-radius-md);transition:border-color .15s ease,box-shadow .15s ease}.tb-affix-seg{flex:0 0 auto;padding:0 var(--tb-space-md);color:var(--tb-color-ink-subtle);cursor:text;user-select:none}.tb-affix-input{flex:1 1 0%;min-width:0;width:100%;padding:var(--tb-space-sm) var(--tb-space-md);border:none;background:transparent;outline:none;font:inherit}.tb-btn{background:var(--tb-color-primary-bg);color:var(--tb-color-on-primary);border:none;border-radius:var(--tb-radius-md);font:inherit;transition:background .15s ease,transform .1s ease}.tb-btn:active:not(:disabled){transform:translateY(1px)}.tb-btn:disabled{opacity:.6}.tb-btn-secondary{background:var(--tb-color-surface);color:var(--tb-color-ink);border:1px solid var(--tb-color-border-strong);border-radius:var(--tb-radius-md);font:inherit;transition:background .15s ease,border-color .15s ease,transform .1s ease}.tb-btn-secondary:active:not(:disabled){transform:translateY(1px)}.tb-btn-secondary:disabled{opacity:.6}.tb-ghost{background:transparent;border:none;border-radius:var(--tb-radius-md);color:var(--tb-color-ink);transition:background .15s ease}.tb-ghost:active{background:var(--tb-color-border)}.tb-nav-active,.tb-nav-active:active{background:var(--tb-color-brand-subtle);color:var(--tb-color-brand);font-weight:600}.tb-control{background:transparent;border:1px solid var(--tb-color-border);border-radius:var(--tb-radius-md);color:var(--tb-color-ink);transition:background .15s ease,border-color .15s ease}.tb-control:active{background:var(--tb-color-border)}.tb-control:focus-visible{outline:none;border-color:var(--tb-color-primary-bg)}@media(hover:hover){.tb-card-tap:hover{border-color:var(--tb-color-primary-bg);box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.tb-btn:hover:not(:disabled){background:var(--tb-color-primary-hover)}.tb-btn-secondary:hover:not(:disabled){background:var(--tb-color-surface-alt);border-color:var(--tb-color-primary-bg);color:var(--tb-color-primary-bg)}.tb-ghost:hover{background:var(--tb-color-surface-alt);color:var(--tb-color-primary-bg)}.tb-control:hover{background:var(--tb-color-surface-alt)}.tb-nav-active:hover,.tb-nav-active:active{background:var(--tb-color-brand-subtle);color:var(--tb-color-brand-hover);font-weight:600}.tb-key:hover:not(:disabled){background:var(--tb-color-surface-alt)}.tb-key-action:hover:not(:disabled){background:var(--tb-color-border)}.tb-key-primary:hover:not(:disabled){background:var(--tb-color-primary-hover)}}