@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #FAFAF8;--surface: #FFFFFF;--surface-warm: #F4F5F7;--surface-deep: #ECEEF1;--fg: #111827;--fg-2: #4B5563;--muted: #6B7280;--meta: #9CA3AF;--accent: #1E3A5F;--accent-strong: #0F2340;--accent-hover: #2C5580;--accent-active: #16304F;--accent-on: #FFFFFF;--accent-soft: #EEF2F7;--accent-border: #9FB5CC;--success: #047857;--success-soft: #D1FAE5;--warn: #B45309;--warn-soft: #FEF3C7;--danger: #B91C1C;--danger-soft: #FEE2E2;--border: #E5E7EB;--border-strong: #D1D5DB;--border-soft: #F2F4F7;--overlay: rgba(16, 24, 40, .55);--font-display: "Inter", "Noto Sans SC", -apple-system, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--weight-read: 400;--weight-emphasize: 510;--weight-announce: 590;--leading-body: 1.6;--leading-tight: 1.2;--leading-display: 1.1;--tracking-display: -.02em;--tracking-caps: .06em;--tracking-body: 0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 9999px;--elev-ring: 0 0 0 1px var(--border);--elev-card: 0 1px 2px rgba(17, 24, 39, .04);--elev-raised: 0 12px 32px rgba(17, 24, 39, .08), 0 2px 8px rgba(17, 24, 39, .04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--container-max: 1280px;--container-max-form: 480px;--gutter: 24px;--sidebar-w: 232px;--topbar-h: 56px;--quote-panel-w: 320px;--icon-inline: 16px;--icon-button: 20px;--icon-feature: 24px;--focus-ring: 0 0 0 3px rgba(30, 58, 95, .14);--motion-fast: .12s;--motion-base: .15s;--motion-enter: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--z-sticky: 100;--z-topbar: 150;--z-dropdown: 200;--z-modal: 300;--z-toast: 400}.tnum{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.caps-label{font-size:var(--text-xs);font-weight:var(--weight-emphasize);letter-spacing:var(--tracking-caps);text-transform:uppercase}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased}#app{min-height:100dvh}h1,h2,h3{font-family:var(--font-display);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-on);font:inherit;font-weight:var(--weight-emphasize);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.btn:hover{background:var(--accent-strong)}.btn:active{background:var(--accent-active)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--ghost{background:var(--surface);color:var(--fg-2);border-color:var(--border)}.btn--ghost:hover{background:var(--surface-warm);color:var(--fg)}.btn--ghost:active{background:var(--surface-warm)}.btn--danger{background:var(--danger)}.btn--danger:hover{background:var(--danger);filter:brightness(.92)}.opt{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);color:var(--fg-2);cursor:pointer;text-align:start;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.opt:hover{background:var(--surface-warm)}.opt--picked{background:var(--accent-soft);color:var(--accent-strong);font-weight:var(--weight-emphasize)}.opt--disabled{color:var(--meta);cursor:not-allowed;text-decoration:line-through;background:none}.opt--disabled .opt__ban{flex-shrink:0}.opt__label{flex:1 1 auto;min-width:0;word-break:break-word;line-height:var(--leading-snug, 1.4)}.opt__check{flex-shrink:0;color:var(--accent)}.opt__power{flex:0 1 auto;min-width:0;font-size:var(--text-xs);font-weight:400;color:var(--muted);word-break:break-word;line-height:var(--leading-snug, 1.4)}.opt--picked .opt__power{color:var(--fg-2)}.opt__onrequest{flex-shrink:0;padding:2px var(--space-2);font-size:var(--text-xs);color:var(--fg-2);background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-pill, 999px);white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-card)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);color:var(--fg-2);font-weight:var(--weight-emphasize)}.field__input{min-height:42px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font:inherit;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.field__input:focus{border-color:var(--accent);outline:none;box-shadow:var(--focus-ring)}.field__input--error{border-color:var(--danger)}.field__error{display:flex;align-items:center;gap:var(--space-1);color:var(--danger);font-size:var(--text-sm)}.field__hint{color:var(--muted);font-size:var(--text-sm)}.skeleton{position:relative;overflow:hidden;background:var(--surface-warm);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:skeleton-sweep 1.4s infinite var(--ease-standard)}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-emphasize)}.pill--accent{background:var(--accent-soft);color:var(--accent)}.pill--success{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.pill--warn{background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn)}[dir=rtl] .icon-flip{transform:scaleX(-1)}.ltr-nums{unicode-bidi:plaintext;direction:ltr}.toast-host{position:fixed;inset-inline-end:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast)}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--elev-raised);border:1px solid var(--border);font-size:var(--text-sm);animation:toast-in var(--motion-enter) var(--ease-standard)}.toast--success{color:var(--success)}.toast--danger{color:var(--danger)}.toast--warn{color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--warn);font-size:var(--text-sm)}.notice button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;padding:0}.state-empty,.state-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);color:var(--muted);text-align:center}.state-error{color:var(--danger)}.tooltip-host{position:relative}.tooltip-host:after{content:attr(data-tooltip);position:absolute;inset-inline-start:0;top:calc(100% + 4px);min-width:200px;max-width:260px;padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--warn);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--elev-raised);font-size:var(--text-xs);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard);white-space:normal;z-index:var(--z-dropdown)}.tooltip-host:hover:after,.tooltip-host:focus-visible:after{opacity:1}@media(prefers-reduced-motion:reduce){.skeleton:after,.toast{animation:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}