@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=VT323&display=swap";:root{--ftrprf-indigo: #4f46e5;--ftrprf-pink: #ec4899;--ftrprf-amber: #fbbf24;--ftrprf-ink: #1b1140;--ftrprf-cream: #fcf6ff;--ftrprf-indigo-light: #6f66ff;--ftrprf-pink-light: #ff5fae;--ftrprf-wash-indigo: #c7d2fe;--ftrprf-wash-peach: #fcd5ce;--ftrprf-wash-amber: #fde68a;--ftrprf-indigo-soft: #eeeaff;--ftrprf-indigo-700: #3b2eb8;--ftrprf-pink-soft: #ffe4f0;--ftrprf-pink-700: #c72e76;--ftrprf-amber-soft: #fff1cc;--ftrprf-amber-700: #c18900;--ftrprf-ink-2: #2a1f5a;--ftrprf-ink-3: #3a2e72;--ftrprf-mesh-wash: radial-gradient(55% 70% at 0% 0%, #c7d2fe 0%, transparent 55%), radial-gradient(50% 70% at 100% 0%, #fcd5ce 0%, transparent 55%), radial-gradient(60% 80% at 50% 100%, #fde68a 0%, transparent 60%);--ftrprf-mesh-orb-indigo: radial-gradient( circle, rgba(79, 70, 229, .8), transparent 65% );--ftrprf-mesh-orb-pink: radial-gradient( circle, rgba(236, 72, 153, .8), transparent 65% );--ftrprf-mesh: radial-gradient(55% 70% at 0% 0%, #c7d2fe 0%, transparent 55%), radial-gradient(50% 70% at 100% 0%, #fcd5ce 0%, transparent 55%), radial-gradient(60% 80% at 50% 100%, #fde68a 0%, transparent 60%), linear-gradient(135deg, #4f46e5 0%, #ec4899 100%);--ftrprf-mesh-warm: linear-gradient(160deg, #ec4899 0%, #fbbf24 100%);--bg-app: #f7f3fb;--bg-surface: #ffffff;--bg-surface-2: #fcf6ff;--bg-elevated: #ffffff;--fg-1: #1b1140;--fg-2: #4a3f70;--fg-3: #8a82a8;--fg-inverse: #fcf6ff;--border-subtle: rgba(27, 17, 64, .08);--border-strong: rgba(27, 17, 64, .16);--accent: var(--ftrprf-indigo);--accent-fg: #ffffff;--accent-soft: var(--ftrprf-indigo-soft);--success: #16a34a;--success-soft: #dcfce7;--warning: var(--ftrprf-amber);--warning-soft: var(--ftrprf-amber-soft);--danger: #dc2626;--danger-soft: #fee2e2;--info: var(--ftrprf-indigo);--info-soft: var(--ftrprf-indigo-soft);--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "VT323", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Poppins", system-ui, sans-serif;--fz-eyebrow: 11px;--fz-caption: 12px;--fz-body-sm: 14px;--fz-body: 16px;--fz-body-lg: 18px;--fz-h4: 20px;--fz-h3: 24px;--fz-h2: 32px;--fz-h1: 44px;--fz-display: 56px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.45;--lh-loose: 1.6;--tracking-eyebrow: .12em;--tracking-tight: -.01em;--tracking-display: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(27, 17, 64, .06);--shadow-sm: 0 2px 8px rgba(27, 17, 64, .06);--shadow-md: 0 8px 24px rgba(27, 17, 64, .08);--shadow-lg: 0 16px 48px rgba(27, 17, 64, .12);--shadow-glow-indigo: 0 12px 32px rgba(79, 70, 229, .35);--shadow-glow-pink: 0 12px 32px rgba(236, 72, 153, .3);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .4s;--primary: var(--ftrprf-indigo);--primary-hover: var(--ftrprf-indigo-700);--primary-press: var(--ftrprf-indigo-700);--primary-soft: var(--ftrprf-indigo-soft);--primary-soft-fg: var(--ftrprf-indigo-700);--bg: var(--bg-app);--bg-raised: var(--bg-surface);--surface-1: var(--bg-surface);--surface-2: var(--bg-surface-2);--surface-sunken: #f0eaf5;--fg: var(--fg-1);--fg-muted: var(--fg-2);--fg-subtle: var(--fg-3);--fg-on-primary: #ffffff;--border-focus: var(--ftrprf-indigo);--slate-0: #ffffff;--slate-50: #f7f3fb;--slate-100: #eee9f4;--slate-200: #dcd3e5;--slate-300: #c2b7d2;--slate-400: #9e94b8;--slate-500: #6e6792;--slate-600: var(--fg-2);--slate-700: var(--ftrprf-ink);--slate-800: var(--ftrprf-ink);--slate-900: var(--ftrprf-ink);--coral-400: #f472b6;--coral-500: var(--ftrprf-pink);--coral-600: var(--ftrprf-pink-700);--yellow-400: #fdd86f;--yellow-500: var(--ftrprf-amber);--yellow-600: var(--ftrprf-amber-700);--green-400: #34d399;--green-500: #16a34a;--green-600: #15803d;--blue-50: var(--ftrprf-indigo-soft);--blue-100: #e1ddff;--blue-500: var(--ftrprf-indigo);--blue-600: var(--ftrprf-indigo-700);--blue-700: var(--ftrprf-indigo-700);--plum-400: #a78bfa;--plum-500: #8b5cf6;--plum-600: #7c3aed;--elev-1: var(--shadow-xs);--elev-2: var(--shadow-sm);--elev-3: var(--shadow-md);--elev-4: var(--shadow-lg);--elev-focus: 0 0 0 4px rgba(79, 70, 229, .22);--dur-micro: var(--dur-fast);--dur-short: var(--dur-base);--dur-enter: var(--dur-slow);--dur-hero: var(--dur-slow);--ease-out-expo: var(--ease-out);--ease-out-quick: var(--ease-spring);--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-30: 30px;--fs-36: 36px;--fs-48: 48px;--fs-60: 60px;--fs-72: 72px;--font-mono: "Poppins", system-ui, sans-serif;--tracking-caps: var(--tracking-eyebrow);--tracking-normal: 0;--tracking-wide: .04em;--ring: rgba(79, 70, 229, .4);--mesh-soft: var(--ftrprf-mesh-wash), var(--bg-app)}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--bg-app);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fz-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);color:var(--fg-1);margin:0 0 var(--space-4);text-wrap:balance}h1{font-size:clamp(var(--fz-h2),4vw + .5rem,var(--fz-h1));letter-spacing:var(--tracking-display);line-height:var(--lh-tight)}h2{font-size:var(--fz-h2)}h3{font-size:var(--fz-h3)}h4{font-size:var(--fz-h4)}p{margin:0 0 var(--space-3);color:var(--fg-2);max-width:68ch}p.lead{font-size:var(--fz-body-lg);line-height:var(--lh-snug);color:var(--fg-2)}small,.caption{font-size:var(--fz-caption);color:var(--fg-3)}.eyebrow{font-family:var(--font-sans);font-size:var(--fz-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ftrprf-indigo)}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:1.05em}code{padding:0 4px;background:var(--bg-surface-2);border-radius:var(--radius-xs);border:1px solid var(--border-subtle)}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}a{color:var(--accent);text-decoration:none;transition:opacity var(--dur-fast) var(--ease-out)}a:hover{opacity:.78}:focus-visible{outline:2px solid var(--ftrprf-indigo);outline-offset:2px;border-radius:var(--radius-xs)}body{background:radial-gradient(60% 45% at 8% 0%,color-mix(in oklab,var(--ftrprf-wash-indigo) 90%,transparent) 0%,transparent 60%),radial-gradient(50% 40% at 95% 6%,color-mix(in oklab,var(--ftrprf-wash-peach) 80%,transparent) 0%,transparent 60%),radial-gradient(60% 50% at 70% 110%,color-mix(in oklab,var(--ftrprf-wash-amber) 70%,transparent) 0%,transparent 60%),var(--bg-app);background-attachment:fixed;min-height:100vh}.app{max-width:1080px;margin:0 auto;padding:32px 28px 120px}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:36px;padding-bottom:22px;border-bottom:1px solid var(--border-subtle)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-logo{width:38px;height:38px;display:block;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.02em}.brand-tag{font-family:var(--font-sans);font-size:11px;color:var(--fg-3);letter-spacing:.04em;margin-top:2px;font-weight:500}.app-header-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.chrome{display:flex;align-items:center;gap:8px}.lang-switch{position:relative}.lang-trigger{display:inline-flex;align-items:center;gap:7px;padding:8px 10px 8px 11px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--fg-1);font:600 13px/1 var(--font-sans);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.lang-trigger:hover{border-color:var(--border-strong)}.lang-trigger:focus-visible{outline:none;border-color:var(--ftrprf-indigo);box-shadow:0 0 0 3px #4f46e52e}.lang-globe{display:inline-flex;color:var(--ftrprf-indigo)}.lang-globe svg{width:17px;height:17px}.lang-code{letter-spacing:.04em}.lang-chev{display:inline-flex;color:var(--fg-3);transition:transform var(--dur-base) var(--ease-out)}.lang-chev svg{width:14px;height:14px}.lang-chev--open{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:184px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px;animation:chrome-pop .16s var(--ease-out)}@keyframes chrome-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.lang-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font:500 14px/1 var(--font-sans);color:var(--fg-1);text-align:left;width:100%}.lang-item:hover{background:#f0edff}.lang-item--on{background:var(--ftrprf-indigo-soft)}.lang-item-code{font-weight:700;font-size:11px;letter-spacing:.06em;color:var(--ftrprf-indigo-700);background:#fff;border:1px solid var(--border-subtle);border-radius:6px;padding:3px 6px;min-width:30px;text-align:center}.lang-item-label{flex:1}.lang-item-check{display:inline-flex;color:var(--ftrprf-indigo)}.lang-item-check svg{width:16px;height:16px}.logout-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--fg-2);font:600 13px/1 var(--font-sans);cursor:pointer;transition:all var(--dur-base) var(--ease-out)}.logout-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.logout-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #dc26262e}.logout-ico{display:inline-flex}.logout-ico svg{width:16px;height:16px}.chrome-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--ftrprf-ink);color:var(--ftrprf-cream);padding:12px 18px;border-radius:14px;font:600 13px/1 var(--font-sans);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);z-index:300;animation:chrome-pop .22s var(--ease-out)}.chrome-toast svg{width:16px;height:16px;color:var(--ftrprf-amber)}@media (max-width: 560px){.logout-lbl{display:none}}.tabs{display:flex;gap:4px;background:var(--surface-1);border:1px solid var(--border-subtle);padding:4px;border-radius:var(--radius-pill)}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--fg-muted);font:600 13px/1 var(--font-sans);cursor:pointer;transition:all var(--dur-short) var(--ease-in-out)}.tab:hover:not(.tab--on){color:var(--fg);background:var(--surface-2)}.tab--on{background:var(--fg);color:var(--bg)}.tab-icon{display:inline-flex}.tab-icon svg{width:15px;height:15px}.tab-count{font-family:var(--font-mono);font-size:11px;font-weight:700;background:#ffffff2e;color:inherit;padding:2px 7px;border-radius:99px}.tab:not(.tab--on) .tab-count{background:var(--surface-sunken);color:var(--fg-muted)}.page-intro{margin-bottom:32px;max-width:760px}.page-intro h1{font-size:clamp(2rem,3.5vw + .5rem,3rem);margin:8px 0 14px}.page-intro .lead{font-size:18px;color:var(--fg-muted);line-height:1.55}.test{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 32px 24px;box-shadow:var(--elev-1)}@media (max-width: 720px){.test{padding:20px}}.test-head{margin-bottom:22px}.test-progress{display:flex;flex-direction:column;gap:10px}.test-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.test-cat-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in oklab,var(--cat-color, var(--primary)) 12%,transparent);color:var(--cat-color, var(--primary));font:700 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.test-cat-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.test-counter{font-size:12px;color:var(--fg-muted);font-weight:600}.test-progress-bar{position:relative;height:6px;background:var(--surface-sunken);border-radius:999px;overflow:hidden}.test-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--plum-500));border-radius:999px;transition:width .28s var(--ease-out-expo)}.test-progress-foot{font-size:11px;color:var(--fg-subtle);text-align:right;font-weight:600}.test-question{margin-bottom:24px}.test-question h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,2vw + .6rem,2rem);letter-spacing:-.01em;margin:6px 0 16px;text-wrap:balance}.test-examples{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:22px}.test-examples-label{font:700 10px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:8px}.test-examples ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.test-examples li{position:relative;padding-left:18px;font-size:13.5px;color:var(--fg);line-height:1.5}.test-examples li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--fg-subtle)}.test-options{display:flex;flex-direction:column;gap:8px}.test-option{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:var(--surface-1);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;cursor:pointer;font:inherit;color:var(--fg);transition:all var(--dur-short) var(--ease-in-out)}.test-option:hover{border-color:var(--border-strong);background:var(--surface-2)}.test-option--on{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 6%,var(--surface-1));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 14%,transparent)}.test-option-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface-1);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-short) var(--ease-in-out)}.test-option--on .test-option-radio{border-color:var(--primary)}.test-option-radio-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.test-option-label{flex:1;font-size:14.5px;font-weight:500;line-height:1.4}.test-option-score{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--fg-subtle);background:var(--surface-sunken);padding:4px 9px;border-radius:999px;flex-shrink:0}.test-option--on .test-option-score{background:var(--primary);color:#fff}.test-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.test-nav-right{display:flex;gap:10px;flex-wrap:wrap}.method-toggle{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}@media (max-width: 640px){.method-toggle{grid-template-columns:1fr}}.method{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--surface-1);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font-family:inherit;color:var(--fg);transition:all var(--dur-short) var(--ease-in-out)}.method:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--elev-1)}.method--on{border-color:var(--primary);background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 6%,var(--surface-1)) 0%,var(--surface-1) 100%);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 12%,transparent)}.method-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon svg{width:22px;height:22px}.method-title{font-weight:700;font-size:15px;margin-bottom:2px}.method-sub{font-size:13px;color:var(--fg-muted)}.card-block{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:28px 30px;margin-bottom:22px;box-shadow:var(--elev-1)}.manual-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px}@media (max-width: 720px){.manual-form{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:8px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-head label{font-weight:600;font-size:14px;display:flex;align-items:baseline;gap:8px;cursor:pointer}.field-num{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle);font-weight:700;letter-spacing:.06em}.field-band{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-row{display:flex;align-items:center;gap:12px}input[type=number]{width:80px;padding:10px 12px;border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);font:600 15px/1 var(--font-mono);color:var(--fg);background:var(--surface-1);transition:border-color var(--dur-short),box-shadow var(--dur-short);text-align:center;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 14%,transparent)}.field-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:linear-gradient(to right,var(--track-color, var(--primary)) 0%,var(--track-color, var(--primary)) var(--track-fill, 0%),var(--surface-sunken) var(--track-fill, 0%),var(--surface-sunken) 100%);border-radius:99px;outline:none;transition:background .15s}.field-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid var(--track-color, var(--primary));cursor:grab;box-shadow:0 2px 6px #0000001f;transition:transform .12s}.field-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.field-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.2)}.field-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid var(--track-color, var(--primary));cursor:grab;box-shadow:0 2px 6px #0000001f}.howto{background:linear-gradient(135deg,color-mix(in oklab,var(--blue-500) 8%,transparent),color-mix(in oklab,var(--plum-500) 6%,transparent));border:1px solid color-mix(in oklab,var(--primary) 18%,transparent);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:18px}.howto-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--primary);margin-bottom:10px}.howto-head svg{width:18px;height:18px}.howto-steps{margin:0;padding-left:22px;font-size:14px;line-height:1.7;color:var(--fg)}.howto-steps li{margin-bottom:4px}.howto-steps code{font-family:var(--font-mono);font-size:12px;padding:2px 6px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:5px}.paste-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:0;background:var(--surface-2);cursor:pointer;transition:all var(--dur-short) var(--ease-in-out);position:relative;overflow:hidden;min-height:240px;display:flex;align-items:center;justify-content:center}.paste-zone:hover{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 4%,var(--surface-2))}.paste-zone--drag{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--surface-2));transform:scale(1.005)}.paste-zone--has{border-style:solid;border-color:var(--border-subtle);background:var(--surface-1);cursor:default;padding:0}.paste-empty{text-align:center;padding:36px 20px;display:block;width:100%;background:none;border:0;font:inherit;color:inherit;cursor:pointer}.paste-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.paste-icon svg{width:28px;height:28px}.paste-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}.paste-sub{font-size:13px;color:var(--fg-muted);max-width:380px;margin:0 auto 14px}.paste-sub kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;background:var(--surface-1);border:1px solid var(--border-subtle);border-bottom-width:2px;border-radius:4px;font-weight:600}.paste-shortcut{display:flex;gap:8px;justify-content:center}.shortcut-pill{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:5px 12px;border-radius:99px;background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--fg-muted)}.paste-preview{position:relative;width:100%}.paste-preview img{width:100%;display:block;max-height:480px;object-fit:contain;background:var(--surface-sunken)}.paste-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:14px;pointer-events:none}.paste-overlay>*{pointer-events:auto}.paste-clear{background:#0b1220c7;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.paste-clear:hover{background:#0b1220eb;color:#fff}.paste-clear svg{width:14px;height:14px}.analyzing{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:auto}.analyzing-bar{width:200px;height:4px;border-radius:99px;background:var(--surface-sunken);overflow:hidden;position:relative}.analyzing-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:scan 1.4s ease-in-out infinite;border-radius:99px}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(450%)}}.analyzing-text{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:14px}.analyzing-text svg{width:16px;height:16px}.recognized-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;margin:18px 0;background:var(--success-soft);border:1px solid color-mix(in oklab,var(--success) 30%,transparent);border-radius:var(--radius-md);font-size:14px;color:var(--fg)}.recognized-icon{width:28px;height:28px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recognized-icon svg{width:16px;height:16px}.avg-card{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;padding:22px 26px;background:linear-gradient(135deg,color-mix(in oklab,var(--blue-500) 6%,var(--surface-1)) 0%,var(--surface-1) 60%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:22px}@media (max-width: 720px){.avg-card{grid-template-columns:1fr;gap:18px}}.avg-main{display:flex;align-items:center;gap:22px}.avg-num-wrap{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);line-height:1}.avg-num{font-size:64px;font-weight:600;letter-spacing:-.04em;color:var(--fg);font-variation-settings:"opsz" 144}.avg-max{font-size:20px;color:var(--fg-muted);font-family:var(--font-mono);font-weight:500}.avg-meta{display:flex;flex-direction:column;gap:6px}.avg-band-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:color-mix(in oklab,var(--band-color) 14%,transparent);color:var(--band-color);border:1px solid color-mix(in oklab,var(--band-color) 30%,transparent);font:700 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;width:fit-content}.avg-band-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--band-color)}.avg-label{font-size:13px;color:var(--fg-muted)}.avg-extras{display:flex;gap:28px;padding-left:28px;border-left:1px solid var(--border-subtle)}@media (max-width: 720px){.avg-extras{padding-left:0;border-left:0;padding-top:14px;border-top:1px solid var(--border-subtle)}}.avg-extra-label{font:700 10px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:4px}.avg-extra-val{font-size:14px;font-weight:600}.avg-extra-val .mono{font-family:var(--font-mono);font-weight:700}.chart-block-head{margin-bottom:18px}.chart-block-head h2{font-size:32px;margin:6px 0 0}.chart{margin-top:10px}.band-legend{display:flex;flex-wrap:wrap;gap:12px 18px;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:18px;font-size:12px}.band-key{display:inline-flex;align-items:center;gap:6px}.band-dot{width:10px;height:10px;border-radius:3px}.band-label{font-weight:600;color:var(--fg-muted)}.chart-grid{position:relative;display:flex;flex-direction:column;gap:12px}.chart-bands{position:absolute;left:220px;right:0;top:0;bottom:0;pointer-events:none}@media (max-width: 720px){.chart-bands{left:0;top:28px}}.chart-band{position:absolute;top:0;bottom:0;display:flex;align-items:flex-start;justify-content:center}.chart-band-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;margin-top:-14px;opacity:.7}.bar-row{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;position:relative;z-index:1}@media (max-width: 720px){.bar-row{grid-template-columns:1fr;gap:6px}}.bar-label{display:flex;align-items:baseline;gap:8px;min-width:0}.bar-num{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle);font-weight:700}.bar-text{font-size:13.5px;font-weight:600;color:var(--fg)}.bar-track{position:relative;height:30px;background:var(--surface-sunken);border-radius:var(--radius-xs);overflow:hidden}.bar-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bar-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--border-subtle)}.bar-fill{height:100%;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;position:relative;transition:width .7s var(--ease-out-expo);transition-delay:var(--delay, 0ms);min-width:32px}.bar-value{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15);white-space:nowrap}.bar-value-band{font-size:10px;padding:1px 5px;background:#ffffff38;border-radius:4px;letter-spacing:.05em}.chart--gradient .bar-fill{box-shadow:inset 0 0 0 1px #ffffff26}.chart--solid .bar-fill{box-shadow:none}.submit-bar{position:sticky;bottom:16px;z-index:10;margin:28px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 14px 22px;background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--elev-3);flex-wrap:wrap;isolation:isolate}.submit-status{font-size:13px;color:var(--fg-muted);font-weight:500}.submit-status .status-pending,.submit-status .status-ready{display:inline-flex;align-items:center;gap:8px}.submit-status .status-ready{color:var(--green-600);font-weight:600}.submit-status svg{width:15px;height:15px}.btn-ds{--btn-bg: var(--ftrprf-indigo);font:600 14px/1 var(--font-sans);border:0;cursor:pointer;padding:10px 20px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:background-color .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1),transform .1s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1)}.btn-ds:focus-visible{outline:none;box-shadow:0 0 0 3px #4f46e559}.btn-ds:disabled{opacity:.45;cursor:not-allowed}.btn-ds:disabled:hover{transform:none;box-shadow:none}.btn-ds .btn-icon{display:inline-flex;flex-shrink:0}.btn-ds .btn-icon svg{width:16px;height:16px;stroke-width:2}.btn-ds .btn-lbl{position:relative;display:inline-block;isolation:isolate;text-shadow:2.5px 0 var(--btn-bg),-2.5px 0 var(--btn-bg),0 2.5px var(--btn-bg),0 -2.5px var(--btn-bg),2px 2px var(--btn-bg),-2px 2px var(--btn-bg),2px -2px var(--btn-bg),-2px -2px var(--btn-bg)}.btn-ds .btn-line{position:absolute;left:0;bottom:-3px;width:100%;height:10px;overflow:visible;pointer-events:none;color:currentColor;z-index:-1;clip-path:inset(0 100% 0 0);transition:clip-path .42s cubic-bezier(.4,0,.2,1)}.btn-ds:hover:not(:disabled) .btn-line{clip-path:inset(0 0 0 0)}.btn-ds-sm{padding:6px 14px;font-size:12px}.btn-ds-lg{padding:14px 26px;font-size:16px}.btn-ds-sm .btn-icon svg{width:14px;height:14px}.btn-ds-lg .btn-icon svg{width:18px;height:18px}.btn-ds-primary{background:var(--ftrprf-indigo);color:#fff;--btn-bg: var(--ftrprf-indigo)}.btn-ds-primary:hover:not(:disabled){background:var(--ftrprf-indigo-700);--btn-bg: var(--ftrprf-indigo-700);box-shadow:0 12px 32px #4f46e559;transform:translateY(-1px)}.btn-ds-primary:active:not(:disabled){background:var(--ftrprf-indigo-700);--btn-bg: var(--ftrprf-indigo-700);box-shadow:0 6px 18px #4f46e538;transform:scale(.97)}.btn-ds-secondary{background:#fff;color:var(--ftrprf-indigo-700);--btn-bg: #ffffff;box-shadow:inset 0 0 0 1px #1b11401a}.btn-ds-secondary:hover:not(:disabled){background:#fff;--btn-bg: #ffffff;box-shadow:inset 0 0 0 1px #1b11401a,0 12px 32px #4f46e529;transform:translateY(-1px)}.btn-ds-secondary:active:not(:disabled){background:#fff;--btn-bg: #ffffff;box-shadow:inset 0 0 0 1px #1b11401a,0 6px 18px #4f46e51a;transform:scale(.97)}.btn-ds-ghost{background:transparent;color:var(--fg-1);--btn-bg: var(--bg-surface)}.btn-ds-ghost:hover:not(:disabled){background:#f0edff;--btn-bg: #f0edff;transform:translateY(-1px)}.btn-ds-ghost:active:not(:disabled){background:#f0edff;--btn-bg: #f0edff;box-shadow:none;transform:scale(.97)}.btn-ds-danger{background:#dc2626;color:#fff;--btn-bg: #dc2626}.btn-ds-danger:hover:not(:disabled){background:#b91c1c;--btn-bg: #b91c1c;box-shadow:0 12px 32px #dc262659;transform:translateY(-1px)}.btn-ds-danger:active:not(:disabled){background:#b91c1c;--btn-bg: #b91c1c;box-shadow:0 6px 18px #dc262638;transform:scale(.97)}.btn-ds-pillLight{background:#fff;color:var(--ftrprf-indigo-700);--btn-bg: #ffffff;box-shadow:0 2px 8px #00000014}.btn-ds-pillLight:hover:not(:disabled){background:#f5f3ff;--btn-bg: #f5f3ff;box-shadow:0 12px 32px #0000002e;transform:translateY(-1px)}.btn-ds.btn-flash,.btn-ds.btn-flash:disabled:hover{background:var(--green-500);--btn-bg: var(--green-500);box-shadow:0 0 0 6px color-mix(in oklab,var(--green-500) 22%,transparent)}.empty-history{text-align:center;padding:60px 20px;max-width:520px;margin:0 auto}.empty-illu{width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft)}.empty-illu img{width:80px;height:80px}.empty-history h3{font-size:28px;margin-bottom:10px}.empty-history p{color:var(--fg-muted);font-size:16px;margin-bottom:22px}.history-head{margin-bottom:22px}.history-head h3{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.history-head .lead{font-size:15px;color:var(--fg-muted);margin:0}.history-chart{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 26px;margin-bottom:22px;box-shadow:var(--elev-1)}.history-chart-head{margin-bottom:10px}.history-svg{width:100%;height:auto;display:block}.history-list{display:flex;flex-direction:column;gap:10px}.history-entry{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-short),box-shadow var(--dur-short)}.history-entry:hover{border-color:var(--border-strong)}.history-entry--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 10%,transparent)}.history-entry-row{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:14px 18px;width:100%;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;color:inherit}.history-date{text-align:center;padding:8px 6px;background:var(--surface-2);border-radius:var(--radius-sm);line-height:1}.history-day{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--fg)}.history-month{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--primary);margin-top:2px}.history-year{font-size:10px;color:var(--fg-subtle);font-family:var(--font-mono);margin-top:2px}.history-meta{min-width:0}.history-meta-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.history-method{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--fg-muted);background:var(--surface-2);padding:3px 8px;border-radius:99px}.history-method svg{width:12px;height:12px}.history-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle)}.history-mini-bars{display:flex;align-items:flex-end;gap:3px;height:44px}.mini-bar{width:8px;border-radius:2px 2px 0 0;flex-shrink:0}.history-score{display:flex;align-items:center;gap:14px}.history-avg{text-align:right}.history-avg-num{display:block;font-family:var(--font-display);font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1}.history-avg-band{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em}.history-trend{font-family:var(--font-mono);font-size:12px;font-weight:700;padding:4px 8px;border-radius:99px}.history-trend--up{color:var(--green-600);background:var(--success-soft)}.history-trend--down{color:var(--coral-600);background:var(--danger-soft)}.history-expand{border-top:1px solid var(--border-subtle);padding:18px 22px 16px;background:var(--surface-2)}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px;margin-bottom:14px}@media (max-width: 720px){.history-grid{grid-template-columns:1fr}}.history-cell{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.history-cell-label{font-size:13px;font-weight:500;color:var(--fg);grid-column:1}.history-cell-bar{grid-column:1;height:6px;background:var(--surface-sunken);border-radius:99px;overflow:hidden}.history-cell-fill{height:100%;border-radius:99px}.history-cell-value{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:700;gap:1px}.history-cell-value .mono{font-family:var(--font-mono);font-size:16px;color:var(--fg)}.history-cell-band{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}.history-actions{display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--border-subtle)}.history-actions .btn{padding:8px 14px;font-size:13px}.query-error{text-align:center;padding:60px 20px;max-width:520px;margin:0 auto}.query-error p{color:var(--fg-muted);margin:0 auto 18px}.recognized-banner--error{background:var(--danger-soft);border-color:color-mix(in oklab,var(--danger) 30%,transparent)}.submit-status .status-error{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--danger);margin-right:14px}.submit-status .status-error svg{width:16px;height:16px}.page-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 320px)}.history-delete-error{margin:0 0 14px;font:600 13px/1.4 var(--font-sans);color:var(--danger)}body.mgr-page{background:var(--surface-2)}.mgr{max-width:1320px;margin:0 auto;padding:22px 28px 80px}.mgr-top{display:flex;align-items:center;gap:16px;margin-bottom:28px}.mgr-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.mgr-brand-disc{width:44px;height:44px;background:var(--ftrprf-pink-soft);border-radius:50%;padding:4px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.mgr-brand-disc img{width:100%;height:100%;display:block}.mgr-brand-text{display:flex;flex-direction:column;line-height:1.1}.mgr-brand-name{font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.02em}.mgr-brand-tag{font-family:var(--font-sans);font-size:11px;color:var(--fg-3);font-weight:500;letter-spacing:.02em}.mgr-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--plum-500);color:#fff;border-radius:999px;font:700 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.mgr-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.mgr-link{font:600 13px/1 var(--font-sans);color:var(--fg-muted);text-decoration:none;padding:9px 14px;border-radius:10px}.mgr-link:hover{background:var(--surface-1);color:var(--fg)}.mgr-hero{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.mgr-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,3vw + .5rem,2.75rem);letter-spacing:-.02em;margin:8px 0 6px}.mgr-hero .lead{font-size:16px;color:var(--fg-muted);margin:0;max-width:60ch}.mgr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.mgr-stat{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.mgr-stat-label{font:700 10px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.mgr-stat-val{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em;font-variation-settings:"opsz" 144}.mgr-stat-sub{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);font-weight:600}.mgr-stat-sub.up{color:var(--green-600)}.mgr-stat-sub.down{color:var(--coral-600)}.mgr-filters{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:18px;padding:18px 20px;margin-bottom:18px}.mgr-filters-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mgr-filters-head h3{font:700 12px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin:0}.mgr-filters-head .count{font-family:var(--font-mono);font-size:12px;color:var(--fg);font-weight:600;margin-left:auto;padding:4px 10px;background:var(--surface-sunken);border-radius:999px}.mgr-filters-head .reset{font:600 12px/1 var(--font-sans);background:transparent;border:1px solid var(--border-subtle);color:var(--fg-muted);padding:6px 10px;border-radius:8px;cursor:pointer}.mgr-filters-head .reset:hover{border-color:var(--border-strong);color:var(--fg)}.filter-grid{display:grid;grid-template-columns:1fr auto;gap:16px 28px;align-items:center}.filter-search{position:relative;display:flex;align-items:center}.filter-search svg{position:absolute;left:12px;width:16px;height:16px;color:var(--fg-muted);pointer-events:none}.filter-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-subtle);border-radius:10px;font:500 14px/1 var(--font-sans);color:var(--fg);background:var(--surface-1);outline:none}.filter-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.filter-band-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.band-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font:600 12px/1 var(--font-sans);background:var(--surface-2);border:1.5px solid transparent;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-short) var(--ease-in-out)}.band-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--c, var(--slate-400))}.band-chip:hover{color:var(--fg)}.band-chip--on{background:var(--surface-1);border-color:var(--c, var(--primary));color:var(--fg);box-shadow:0 0 0 3px color-mix(in oklab,var(--c, var(--primary)) 14%,transparent)}.cat-filters{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px}@media (max-width: 880px){.cat-filters{grid-template-columns:1fr}}.cat-filter{display:flex;flex-direction:column;gap:6px}.cat-filter-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cat-filter-label{font-size:13px;font-weight:600;color:var(--fg)}.cat-filter-range{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);font-weight:600}.range-track{position:relative;height:22px;display:flex;align-items:center}.range-rail{position:absolute;top:9px;right:0;bottom:9px;left:0;background:var(--surface-sunken);border-radius:999px}.range-fill{position:absolute;top:9px;bottom:9px;background:var(--primary);border-radius:999px;opacity:.5}.range-input{position:absolute;top:0;left:0;width:100%;height:22px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;margin:0}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 1px 3px #0b12202e;pointer-events:auto;cursor:grab}.range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 1px 3px #0b12202e;pointer-events:auto;cursor:grab}.mgr-selbar{position:sticky;top:14px;z-index:12;background:#fffffff0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:999px;padding:10px 12px 10px 18px;display:flex;align-items:center;gap:14px;margin-bottom:14px;box-shadow:var(--elev-2);flex-wrap:wrap}.mgr-selbar.empty{background:#ffffffa6;box-shadow:none}.mgr-selbar-text{font-size:14px;font-weight:600;color:var(--fg)}.mgr-selbar-text .num{font-family:var(--font-mono);color:var(--primary)}.mgr-selbar-text .muted{color:var(--fg-muted);font-weight:500}.mgr-selbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.mgr-table-wrap{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:18px;overflow:auto}.mgr-table{width:100%;border-collapse:collapse}.mgr-table thead th{position:sticky;top:0;background:var(--surface-2);text-align:left;font:700 10px/1 var(--font-sans);line-height:1.3;vertical-align:bottom;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);padding:14px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.mgr-table thead th:first-child{padding-left:18px}.mgr-table thead th:last-child{padding-right:18px}.mgr-table thead th .sort-arrow{display:inline-block;margin-left:4px;opacity:.4;font-size:9px}.mgr-table thead th.sort-on .sort-arrow{opacity:1;color:var(--primary)}.mgr-table thead th.col-name{width:240px}.mgr-table thead th.col-avg{width:110px}.mgr-table thead th.col-cat{width:auto}.mgr-table thead th.col-date{width:120px}.mgr-table thead th.col-check{width:38px;cursor:default}.mgr-table tbody tr{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-short) var(--ease-in-out)}.mgr-table tbody tr:last-child{border-bottom:0}.mgr-table tbody tr:hover{background:var(--surface-2)}.mgr-table tbody tr.selected{background:color-mix(in oklab,var(--primary) 6%,var(--surface-1))}.mgr-table tbody td{padding:12px 14px;vertical-align:middle;font-size:13.5px}.mgr-table tbody td:first-child{padding-left:18px}.mgr-table tbody td:last-child{padding-right:18px}.tcheck{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-strong);background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--dur-short) var(--ease-in-out)}.tcheck.on{background:var(--primary);border-color:var(--primary)}.tcheck.on:before{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.tcheck-field{display:inline-flex;cursor:pointer}.tcheck-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.tcheck-input:focus-visible+.tcheck{outline:2px solid var(--primary);outline-offset:2px}.t-cell{display:flex;align-items:center;gap:12px;min-width:0}.t-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--font-sans);color:#fff;flex-shrink:0;letter-spacing:0}.t-info{display:flex;flex-direction:column;gap:2px;min-width:0}.t-name{font-weight:600;font-size:14px;color:var(--fg);max-width:200px;overflow-wrap:break-word}.t-school{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);font-weight:500}.t-avg{display:inline-flex;align-items:center;gap:8px}.t-avg-num{font-family:var(--font-mono);font-weight:700;font-size:14px}.t-avg-band{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 7px;border-radius:999px;background:color-mix(in oklab,var(--c, var(--slate-400)) 16%,transparent);color:var(--c, var(--slate-700));letter-spacing:.04em}.t-not-assessed{display:inline-flex;align-items:center;font:600 12px/1 var(--font-sans);color:var(--fg-muted);background:var(--surface-sunken);padding:4px 10px;border-radius:999px}.t-mini{display:inline-flex;align-items:center;gap:8px}.t-mini-bar{position:relative;width:56px;height:6px;background:var(--surface-sunken);border-radius:999px;overflow:hidden;flex-shrink:0}.t-mini-bar>span{position:absolute;top:0;left:0;bottom:0;background:var(--c, var(--slate-400));border-radius:999px}.t-mini-num{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--fg);min-width:24px}.t-date{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);font-weight:500}.mgr-empty{padding:60px 20px;text-align:center;color:var(--fg-muted)}.mgr-empty svg{width:36px;height:36px;margin-bottom:10px;opacity:.5}.mgr-empty h3{font-family:var(--font-display);font-weight:500;font-size:22px;color:var(--fg);margin:0 0 6px}.mgr-empty p{margin:0;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b12208c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:fadeIn .2s var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal{background:var(--surface-1);border-radius:22px;width:100%;max-width:540px;max-height:90vh;overflow:auto;box-shadow:var(--elev-4);animation:pop .28s var(--ease-out-expo)}.modal-confirm{max-width:440px}.modal-head{padding:22px 26px 12px;border-bottom:1px solid var(--border-subtle)}.modal-head .eyebrow{color:var(--plum-500)}.modal-head h2{font-family:var(--font-display);font-weight:500;font-size:26px;letter-spacing:-.02em;margin:6px 0}.modal-head p{margin:0;font-size:14px;color:var(--fg-muted)}.modal-body{padding:20px 26px}.modal-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.modal-row label,.modal-row .modal-row-label{font:700 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.modal-row input,.modal-row textarea{padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;font:500 14px/1.4 var(--font-sans);color:var(--fg);background:var(--surface-1);outline:none}.modal-row input:focus,.modal-row textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.modal-row textarea{resize:vertical;min-height:70px}.modal-members{background:var(--surface-2);border-radius:12px;padding:12px;max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:6px}.modal-member{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:var(--surface-1);font-size:13px}.modal-member .t-avatar{width:26px;height:26px;font-size:10px}.modal-member .member-remove{margin-left:auto;border:none;background:transparent;color:var(--fg-subtle);font-size:18px;line-height:1;cursor:pointer;padding:0 4px;display:inline-flex;align-items:center}.modal-member .member-remove:hover{color:var(--coral-500)}.modal-add-list{margin-top:8px}.modal-add-row{width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--fg)}.modal-add-row:hover{background:var(--surface-2)}.modal-hint{margin:4px 0;font-size:13px;color:var(--fg-muted)}.modal-foot{padding:14px 26px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-subtle)}.cgs-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.cgs-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--surface-1);border:1px solid var(--border-subtle);font:600 12px/1 var(--font-sans);color:var(--fg)}.cgs-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--plum-500)}.cgs-chip .num{font-family:var(--font-mono);color:var(--fg-muted)}.cgs-chip button{border:none;background:transparent;color:var(--fg-subtle);padding:0;margin-left:2px;cursor:pointer;display:inline-flex;align-items:center}.cgs-chip button svg{width:14px;height:14px}.cgs-chip button:hover{color:var(--coral-500)}.cgs-chip button.cgs-edit:hover{color:var(--plum-500)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--slate-900);color:#fff;padding:12px 18px;border-radius:14px;font:600 13px/1 var(--font-sans);display:flex;align-items:center;gap:10px;box-shadow:var(--elev-3);z-index:200;animation:pop .26s var(--ease-out-expo)}.toast svg{width:16px;height:16px;color:var(--green-400)}.mgr-stats{grid-template-columns:repeat(5,1fr)}@media (max-width: 880px){.mgr-stats{grid-template-columns:repeat(2,1fr)}}.modal-error{margin-right:auto;align-self:center;font:600 13px/1.3 var(--font-sans);color:var(--danger)}.mgr-groups-error{margin:30px 0 0;font:600 13px/1.4 var(--font-sans);color:var(--danger)}.mgr-retry-link{border:none;background:none;padding:0;font:inherit;color:var(--danger);text-decoration:underline;cursor:pointer}