@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(./inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(./inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(./noto-sans-latin-ext-Yer4Bbkz.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(./noto-sans-latin-avyUD5lZ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(./spline-sans-mono-latin-ext-DwtuZWot.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(./spline-sans-mono-latin-D0r3akmg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sin-font-display: "Inter", system-ui, -apple-system, sans-serif;--sin-font-body: "Noto Sans", system-ui, -apple-system, sans-serif;--sin-font-mono: "Spline Sans Mono", ui-monospace, "SFMono-Regular", monospace}:root{--sin-type-hero-size: 48px;--sin-type-hero-weight: 800;--sin-type-title-size: 40px;--sin-type-title-weight: 800;--sin-type-heading-size: 20px;--sin-type-heading-weight: 700;--sin-type-brand-size: 18px;--sin-type-eyebrow-size: 12px;--sin-type-eyebrow-weight: 700;--sin-type-eyebrow-tracking: .06em;--sin-type-body-size: 16px;--sin-type-body-line: 1.5;--sin-type-body-sm-size: 13px;--sin-type-nav-size: 14px;--sin-type-button-size: 13px;--sin-type-button-weight: 600;--sin-type-chip-size: 12px;--sin-type-status-size: 11px;--sin-type-codeword-size: 18px;--sin-type-input-size: 20px}:root{--sin-space-1: 2px;--sin-space-2: 4px;--sin-space-3: 6px;--sin-space-4: 8px;--sin-space-5: 10px;--sin-space-6: 12px;--sin-space-7: 14px;--sin-space-8: 16px;--sin-space-9: 18px;--sin-space-10: 20px;--sin-space-12: 24px;--sin-space-14: 28px;--sin-space-16: 32px;--sin-space-20: 40px;--sin-space-24: 48px;--sin-space-32: 64px;--sin-space-40: 80px}:root{--sin-radius-xs: 4px;--sin-radius-sm: 6px;--sin-radius-md: 8px;--sin-radius-lg: 12px;--sin-radius-xl: 16px;--sin-radius-full: 999px}:root{--sin-header-pad-x: var(--sin-space-24);--sin-header-pad-y: var(--sin-space-9);--sin-content-pad-x: var(--sin-space-40);--sin-content-pad-y: var(--sin-space-32);--sin-content-gap: var(--sin-space-20);--sin-footer-pad-x: var(--sin-space-24);--sin-footer-pad-y: var(--sin-space-20);--sin-card-pad: var(--sin-space-16);--sin-logo-size: 36px;--sin-badge-size: 32px;--sin-toggle-w: 40px;--sin-toggle-h: 22px;--sin-safe-bottom: env(safe-area-inset-bottom, 0px)}:root{--sin-duration-fast: .12s;--sin-duration-base: .2s;--sin-duration-slow: .32s;--sin-ease: cubic-bezier(.2, 0, 0, 1);--sin-ease-out: cubic-bezier(.05, .7, .1, 1)}@media(prefers-reduced-motion:reduce){:root{--sin-duration-fast: 0ms;--sin-duration-base: 0ms;--sin-duration-slow: 0ms}}@media(max-width:720px){:root{--sin-type-hero-size: 28px;--sin-type-title-size: 26px;--sin-type-heading-size: 17px;--sin-type-brand-size: 14px;--sin-type-eyebrow-size: 11px;--sin-type-body-size: 14px;--sin-type-body-line: 1.4;--sin-type-chip-size: 11px;--sin-type-button-size: 12px;--sin-type-status-size: 10px;--sin-type-codeword-size: 15px;--sin-type-input-size: 18px;--sin-header-pad-x: var(--sin-space-8);--sin-header-pad-y: var(--sin-space-7);--sin-content-pad-x: var(--sin-space-8);--sin-content-pad-y: var(--sin-space-8);--sin-content-gap: var(--sin-space-10);--sin-footer-pad-x: var(--sin-space-8);--sin-footer-pad-y: var(--sin-space-12);--sin-card-pad: var(--sin-space-8);--sin-badge-size: 28px;--sin-toggle-w: 36px;--sin-toggle-h: 20px}}:root,:root[data-theme=light]{color-scheme:light;--sin-bg: #f4f6f9;--sin-surface: #ffffff;--sin-surface-alt: #edf1f5;--sin-surface-sunken: #f4f6f9;--sin-border: #c3cbdc;--sin-border-strong: #7d8fb3;--sin-primary: #33618d;--sin-on-primary: #ffffff;--sin-primary-container: #dce6f5;--sin-on-primary-container: #0c1d2e;--sin-text: #151c24;--sin-text-secondary: #4e5764;--sin-text-muted: #636f7f;--sin-footer-bg: #edf1f5;--sin-table-head-bg: #edf1f5;--sin-row-bg: #ffffff;--sin-row-bg-alt: #edf1f5;--sin-focus-ring: #33618d}:root[data-theme=dark]{color-scheme:dark;--sin-bg: #0a0d12;--sin-surface: #12171e;--sin-surface-alt: #1a212a;--sin-surface-sunken: #0a0d12;--sin-border: #2c3541;--sin-border-strong: #54657b;--sin-primary: #6295c5;--sin-on-primary: #0a0d12;--sin-primary-container: #1e354a;--sin-on-primary-container: #d5e6f5;--sin-text: #f0f4f9;--sin-text-secondary: #a2aeba;--sin-text-muted: #7a8998;--sin-footer-bg: #1a212a;--sin-table-head-bg: #1a212a;--sin-row-bg: #12171e;--sin-row-bg-alt: #1a212a;--sin-focus-ring: #6295c5}:root{--sin-logo-bg: #33618d;--sin-logo-fg: #ffffff;--sin-warning: #f59e0b;--sin-success: #10b981;--sin-danger: #ef4444;--sin-accent-blue: #33618d;--sin-accent-slate: #4e5764;--sin-accent-amber: #d97706;--sin-accent-green: #059669;--sin-accent-grey: #7e8b9b}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sin-bg: #0a0d12;--sin-surface: #12171e;--sin-surface-alt: #1a212a;--sin-surface-sunken: #0a0d12;--sin-border: #2c3541;--sin-border-strong: #54657b;--sin-primary: #6295c5;--sin-on-primary: #0a0d12;--sin-primary-container: #1e354a;--sin-on-primary-container: #d5e6f5;--sin-text: #f0f4f9;--sin-text-secondary: #a2aeba;--sin-text-muted: #7a8998;--sin-footer-bg: #1a212a;--sin-table-head-bg: #1a212a;--sin-row-bg: #12171e;--sin-row-bg-alt: #1a212a;--sin-focus-ring: #6295c5}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--sin-bg);color:var(--sin-text);font-family:var(--sin-font-body);font-size:var(--sin-type-body-size);line-height:var(--sin-type-body-line);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:var(--sin-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--sin-focus-ring);outline-offset:2px;border-radius:var(--sin-radius-xs)}.is-hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--sin-space-4);left:var(--sin-space-8);z-index:100;padding:var(--sin-space-6) var(--sin-space-8);background:var(--sin-primary);color:var(--sin-on-primary);font-family:var(--sin-font-body);font-size:var(--sin-type-button-size);font-weight:var(--sin-type-button-weight);border-radius:var(--sin-radius-md);transform:translateY(-200%);transition:transform var(--sin-duration-base) var(--sin-ease)}.skip-link:focus{transform:translateY(0)}.sin-icon-svg{display:block}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none}.eyebrow{margin:0;font-family:var(--sin-font-display);font-size:var(--sin-type-eyebrow-size);font-weight:var(--sin-type-eyebrow-weight);letter-spacing:var(--sin-type-eyebrow-tracking);color:var(--sin-text);text-transform:uppercase}.eyebrow-accent{color:var(--sin-primary)}.status-mono{margin:0;font-family:var(--sin-font-mono);font-size:var(--sin-type-status-size);font-weight:400;color:var(--sin-text-muted);letter-spacing:.02em}.status-accent{color:var(--sin-primary)}.status-strong{color:var(--sin-text);font-weight:700}.runway-divider{display:block;width:100%;height:0;margin:var(--sin-space-8) 0;border-top:1px dashed var(--sin-border)}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8);padding:var(--sin-header-pad-y) var(--sin-header-pad-x);background:var(--sin-surface);border-bottom:1px solid var(--sin-border)}.brand{display:flex;align-items:center;gap:var(--sin-space-4);flex:none;color:inherit}.brand:hover{text-decoration:none}.brand-mark{width:var(--sin-logo-size);height:var(--sin-logo-size);border-radius:var(--sin-radius-xs);background:var(--sin-logo-bg);color:var(--sin-logo-fg)}.brand-text{display:flex;flex-direction:column;gap:var(--sin-space-1);line-height:1}.brand-name{font-family:var(--sin-font-display);font-size:var(--sin-type-brand-size);font-weight:700;color:var(--sin-text)}.brand-by{font-family:var(--sin-font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--sin-primary)}.app-nav{display:flex;align-items:center;gap:var(--sin-space-4);flex:1 1 auto;justify-content:center;min-width:0}.nav-tabs{display:contents}.nav-tab{padding:var(--sin-space-4) var(--sin-space-8);border:0;border-radius:var(--sin-radius-sm);background:transparent;font-family:var(--sin-font-body);font-size:var(--sin-type-nav-size);font-weight:500;color:var(--sin-text-secondary);white-space:nowrap;cursor:pointer;transition:background var(--sin-duration-fast) var(--sin-ease),color var(--sin-duration-fast) var(--sin-ease)}.nav-tab:hover{background:var(--sin-surface-alt);color:var(--sin-text);text-decoration:none}.nav-tab.selected{background:var(--sin-primary-container);color:var(--sin-on-primary-container);font-weight:700}.header-right{display:flex;align-items:center;gap:var(--sin-space-4);flex:none}.theme-label{font-family:var(--sin-font-body);font-size:var(--sin-type-chip-size);font-weight:600;letter-spacing:.04em;color:var(--sin-text-muted);white-space:nowrap}.theme-toggle{padding:0;border:0;background:none;cursor:pointer;line-height:0}.theme-toggle-track{display:block;width:var(--sin-toggle-w);height:var(--sin-toggle-h);padding:2px;border-radius:var(--sin-radius-full);background:var(--sin-border-strong);transition:background var(--sin-duration-base) var(--sin-ease)}.theme-toggle-knob{display:block;width:calc(var(--sin-toggle-h) - 4px);height:calc(var(--sin-toggle-h) - 4px);border-radius:var(--sin-radius-full);background:var(--sin-surface);transition:transform var(--sin-duration-base) var(--sin-ease)}.theme-toggle[aria-checked=true] .theme-toggle-track{background:var(--sin-primary)}.theme-toggle[aria-checked=true] .theme-toggle-knob{transform:translate(calc(var(--sin-toggle-w) - var(--sin-toggle-h)))}.page{flex:1 0 auto;width:100%}.view{display:flex;flex-direction:column;gap:var(--sin-content-gap);padding:var(--sin-content-pad-y) var(--sin-content-pad-x);max-width:1600px;margin:0 auto}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sin-space-8)}.banner{display:inline-flex;align-items:center;gap:var(--sin-space-4);padding:var(--sin-space-2) var(--sin-space-6);border-radius:var(--sin-radius-xs);background:var(--sin-primary-container);color:var(--sin-on-primary-container);font-family:var(--sin-font-mono);font-size:var(--sin-type-status-size);font-weight:700;letter-spacing:.06em}.hero-title{font-family:var(--sin-font-display);font-size:var(--sin-type-hero-size);font-weight:var(--sin-type-hero-weight);line-height:1.05;letter-spacing:-.02em;color:var(--sin-text)}.hero-sub{max-width:640px;font-size:var(--sin-type-body-size);line-height:var(--sin-type-body-line);color:var(--sin-text-secondary)}.view-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-12);flex-wrap:wrap}.view-head-text{display:flex;flex-direction:column;gap:var(--sin-space-4)}.view-title{font-family:var(--sin-font-display);font-size:var(--sin-type-title-size);font-weight:var(--sin-type-title-weight);line-height:1.1;letter-spacing:-.02em;color:var(--sin-text)}.view-sub{font-size:15px;color:var(--sin-text-secondary)}.section-head{display:flex;flex-direction:column;gap:var(--sin-space-8)}.section-head h2{font-family:var(--sin-font-display);font-size:var(--sin-type-title-size);font-weight:var(--sin-type-title-weight);line-height:1.1;letter-spacing:-.02em}.section-sub{max-width:720px;color:var(--sin-text-secondary)}.dashboard{display:flex;flex-direction:column;gap:var(--sin-space-12);padding:var(--sin-space-16);border:1px solid var(--sin-border);border-radius:var(--sin-radius-lg);background:var(--sin-surface)}.input-panel{display:flex;flex-direction:column;gap:var(--sin-space-6)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--sin-space-4);padding:var(--sin-space-3) var(--sin-space-6);border:0;border-radius:var(--sin-radius-sm);background:var(--sin-surface-alt);color:var(--sin-text-secondary);font-family:var(--sin-font-body);font-size:var(--sin-type-chip-size);font-weight:600;letter-spacing:.03em;white-space:nowrap}.chip-select{position:relative;cursor:pointer}.chip-select select{appearance:none;border:0;background:transparent;padding:0 var(--sin-space-2) 0 0;font:inherit;color:inherit;cursor:pointer;max-width:18ch;text-overflow:ellipsis}.chip-select select option{background:var(--sin-surface);color:var(--sin-text)}.chip-chevron{pointer-events:none}.chip-action{background:var(--sin-primary-container);color:var(--sin-on-primary-container);cursor:pointer;transition:filter var(--sin-duration-fast) var(--sin-ease)}.chip-action:hover{filter:brightness(.96)}.chip-static{font-size:var(--sin-type-status-size)}.category-chip{display:inline-flex;padding:var(--sin-space-2) var(--sin-space-4);border-radius:var(--sin-radius-xs);background:var(--sin-surface-alt);color:var(--sin-text-secondary);font-family:var(--sin-font-mono);font-size:10px;font-weight:700;letter-spacing:.08em}.field{display:flex;align-items:center;gap:var(--sin-space-6);padding:var(--sin-space-9);border:2px solid var(--sin-primary);border-radius:var(--sin-radius-md);background:var(--sin-surface-sunken)}.field:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--sin-primary) 22%,transparent)}.field-input{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:0;font-family:var(--sin-font-display);font-size:var(--sin-type-input-size);font-weight:500;color:var(--sin-text)}.field-input::placeholder{color:var(--sin-text-muted);font-weight:400}.field-input:focus{outline:none}.field-input:disabled{color:var(--sin-text-muted);cursor:not-allowed}.field-mono .field-input{font-family:var(--sin-font-mono);font-size:22px}.field-clear{flex:none;padding:0;border:0;background:none;color:var(--sin-text-muted);cursor:pointer;line-height:0;transition:color var(--sin-duration-fast) var(--sin-ease)}.field-clear:hover{color:var(--sin-text)}.field-adornment{flex:none;color:var(--sin-primary)}.btn{display:inline-flex;align-items:center;gap:var(--sin-space-4);padding:var(--sin-space-5) var(--sin-space-9);border:1px solid transparent;border-radius:var(--sin-radius-md);background:transparent;font-family:var(--sin-font-body);font-size:var(--sin-type-button-size);font-weight:var(--sin-type-button-weight);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:background var(--sin-duration-fast) var(--sin-ease),border-color var(--sin-duration-fast) var(--sin-ease),filter var(--sin-duration-fast) var(--sin-ease)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sin-primary);color:var(--sin-on-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-outline{border-color:var(--sin-border-strong);color:var(--sin-text)}.btn-outline:hover:not(:disabled){background:var(--sin-surface-alt)}.btn-ghost{color:var(--sin-text-secondary);padding:var(--sin-space-4) var(--sin-space-6)}.btn-ghost:hover:not(:disabled){background:var(--sin-surface-alt);color:var(--sin-text)}.btn-lg{padding:var(--sin-space-6) var(--sin-space-12);font-size:15px;font-weight:700}.btn.is-speaking{background:var(--sin-warning);color:#0a0d12}.actions-row,.controls-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8);flex-wrap:wrap}.actions{display:flex;align-items:center;gap:var(--sin-space-6);flex-wrap:wrap}.results{display:flex;flex-direction:column;gap:var(--sin-space-8)}.results-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8);flex-wrap:wrap}.results-empty{padding:var(--sin-space-12);border:1px dashed var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-sunken);color:var(--sin-text-muted);font-family:var(--sin-font-mono);font-size:var(--sin-type-status-size);letter-spacing:.04em;text-transform:uppercase}.results-list:empty{display:none}.results-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-sunken);overflow:hidden}.result-row{display:flex;align-items:center;gap:var(--sin-space-12);padding:var(--sin-space-8);background:var(--sin-row-bg);border-bottom:1px solid var(--sin-border)}.result-row:last-child{border-bottom:0}.result-row.is-new{animation:row-in var(--sin-duration-base) var(--sin-ease-out) both}@keyframes row-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.letter-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:var(--sin-badge-size);height:var(--sin-badge-size);padding:0 var(--sin-space-2);border-radius:var(--sin-radius-xs);background:var(--sin-primary-container);color:var(--sin-on-primary-container);font-family:var(--sin-font-mono);font-size:14px;font-weight:700}.letter-badge.is-wide{font-size:11px;letter-spacing:.04em}.code-word{flex:1 1 auto;min-width:0;font-family:var(--sin-font-mono);font-size:var(--sin-type-codeword-size);font-weight:700;color:var(--sin-text);overflow-wrap:anywhere}.row-speak{flex:none;display:inline-flex;padding:var(--sin-space-4);border:0;border-radius:var(--sin-radius-xs);background:var(--sin-surface-alt);color:var(--sin-text-secondary);cursor:pointer;transition:background var(--sin-duration-fast) var(--sin-ease),color var(--sin-duration-fast) var(--sin-ease)}.row-speak:hover{background:var(--sin-primary-container);color:var(--sin-on-primary-container)}.decode-banner{display:flex;flex-direction:column;gap:var(--sin-space-4);padding:var(--sin-space-12);border:1px solid var(--sin-primary);border-radius:var(--sin-radius-md);background:var(--sin-primary-container)}.decode-banner-label{font-family:var(--sin-font-mono);font-size:var(--sin-type-chip-size);font-weight:700;letter-spacing:.06em;color:var(--sin-primary)}.decode-banner-value{font-family:var(--sin-font-mono);font-size:48px;font-weight:700;line-height:1.05;color:var(--sin-on-primary-container);overflow-wrap:anywhere}.decode-banner-value.is-placeholder{font-size:20px;font-weight:400;color:var(--sin-text-secondary)}.decode-hint{font-family:var(--sin-font-mono);font-size:var(--sin-type-status-size);color:var(--sin-warning)}.decode-row{display:flex;align-items:center;gap:var(--sin-space-12);padding:var(--sin-space-8);background:var(--sin-row-bg);border-bottom:1px solid var(--sin-border)}.decode-row:last-child{border-bottom:0}.decode-source{flex:none;width:200px;font-family:var(--sin-font-mono);font-size:var(--sin-type-codeword-size);font-weight:700;color:var(--sin-text);overflow-wrap:anywhere}.decode-arrow{flex:none;color:var(--sin-text-muted)}.decode-target{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--sin-space-3);border-radius:var(--sin-radius-sm);background:var(--sin-primary-container);color:var(--sin-primary);font-family:var(--sin-font-mono);font-size:var(--sin-type-codeword-size);font-weight:700}.decode-note{flex:1 1 auto;min-width:0;font-size:var(--sin-type-body-sm-size);color:var(--sin-text-muted)}.decode-row.is-unknown .decode-target{background:color-mix(in srgb,var(--sin-warning) 20%,transparent);color:var(--sin-warning)}.instrument-card{display:flex;flex-direction:column;gap:var(--sin-space-16);padding:var(--sin-space-20);border:1px solid var(--sin-border);border-radius:var(--sin-radius-xl);background:var(--sin-surface)}.stats-panel{display:flex;gap:1px;border-radius:var(--sin-radius-md);background:var(--sin-border);overflow:hidden}.stat-box{display:flex;flex-direction:column;align-items:center;gap:var(--sin-space-2);padding:var(--sin-space-6) var(--sin-space-10);background:var(--sin-surface);font-family:var(--sin-font-mono);font-weight:700}.stat-label{font-size:var(--sin-type-status-size);letter-spacing:.06em;color:var(--sin-text-muted)}.stat-value{font-size:20px;color:var(--sin-text)}.stat-warning{color:var(--sin-warning)}.stat-success{color:var(--sin-success)}.stat-danger{color:var(--sin-danger)}.drill-start,.drill-result{display:flex;flex-direction:column;align-items:center;gap:var(--sin-space-8);text-align:center;padding:var(--sin-space-12) 0}.drill-start-copy,.drill-result-message{max-width:560px;color:var(--sin-text-secondary)}.drill-result-score{font-family:var(--sin-font-mono);font-size:32px;font-weight:700;color:var(--sin-text)}.drill-quiz{display:flex;flex-direction:column;gap:var(--sin-space-16)}.drill-question{display:flex;flex-direction:column;align-items:center;gap:var(--sin-space-8)}.drill-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--sin-space-2);text-align:center}.drill-prompt-sub{color:var(--sin-text-secondary)}.letter-hud{display:flex;align-items:center;justify-content:center;width:140px;height:140px;border:2px solid var(--sin-primary);border-radius:var(--sin-radius-lg);background:var(--sin-surface-alt);font-family:var(--sin-font-mono);font-size:80px;font-weight:700;line-height:1;color:var(--sin-text)}.drill-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sin-space-8)}.drill-option{display:flex;align-items:center;gap:var(--sin-space-8);padding:var(--sin-space-10);border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-alt);text-align:left;cursor:pointer;transition:background var(--sin-duration-fast) var(--sin-ease),border-color var(--sin-duration-fast) var(--sin-ease)}.drill-option:hover:not(:disabled){border-color:var(--sin-primary)}.drill-option:disabled{cursor:default}.drill-option-marker{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--sin-radius-xs);background:var(--sin-surface);font-family:var(--sin-font-mono);font-size:13px;font-weight:700;color:var(--sin-text-secondary)}.drill-option-label{font-family:var(--sin-font-display);font-size:var(--sin-type-heading-size);font-weight:700;color:var(--sin-text)}.drill-option.is-selected{background:var(--sin-primary-container);border-color:var(--sin-primary)}.drill-option.is-selected .drill-option-marker{color:var(--sin-primary)}.drill-option.is-selected .drill-option-label{color:var(--sin-on-primary-container)}.drill-option.is-correct{border-color:var(--sin-success);background:color-mix(in srgb,var(--sin-success) 14%,transparent)}.drill-option.is-wrong{border-color:var(--sin-danger);background:color-mix(in srgb,var(--sin-danger) 14%,transparent)}.drill-option.is-dimmed{opacity:.4}.drill-feedback{min-height:1.25rem;font-family:var(--sin-font-mono);font-size:var(--sin-type-status-size);letter-spacing:.04em;color:var(--sin-text-muted)}.drill-feedback:empty{min-height:0}.drill-feedback.correct,.drill-feedback.success{color:var(--sin-success)}.drill-feedback.incorrect{color:var(--sin-danger)}.drill-feedback.hint,.drill-feedback.new-record{color:var(--sin-warning)}.drill-actions{display:flex;align-items:center;gap:var(--sin-space-4)}.drill-actions .status-mono{margin-left:auto}.progress-block{display:flex;flex-direction:column;gap:var(--sin-space-6)}.progress-labels{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8)}.progress-block-inline{flex:0 1 300px;min-width:200px}.progress-track{height:8px;border-radius:var(--sin-radius-xs);background:var(--sin-surface-alt);overflow:hidden}.progress-track-slim{height:6px;border-radius:3px}.progress-fill{height:100%;background:var(--sin-primary);transition:width var(--sin-duration-base) var(--sin-ease)}.quiz-body{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-16);flex-wrap:wrap}.quiz-prompt{display:flex;flex-direction:column;gap:var(--sin-space-2);min-width:0}.quiz-prompt-sub{color:var(--sin-text-secondary);font-size:15px;margin-bottom:var(--sin-space-6)}.speed-word{font-family:var(--sin-font-mono);font-size:72px;font-weight:700;line-height:1;color:var(--sin-text);overflow-wrap:anywhere}.speed-word:not(.has-word){font-size:24px;color:var(--sin-text-muted)}.timer-block{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sin-space-2);padding:var(--sin-space-12);border:1px solid var(--sin-border);border-radius:var(--sin-radius-lg);background:var(--sin-surface-alt);font-family:var(--sin-font-mono);font-weight:700}.timer-label{font-size:var(--sin-type-chip-size);letter-spacing:.06em;color:var(--sin-text-muted)}.timer-value{font-size:40px;color:var(--sin-warning)}.records-block{display:flex;flex-direction:column;gap:var(--sin-space-8)}.records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sin-space-8)}.record-card{display:flex;align-items:center;gap:var(--sin-space-6);padding:var(--sin-space-10);border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface)}.record-rank{flex:none;width:40px;font-family:var(--sin-font-mono);font-size:24px;font-weight:700;color:var(--sin-primary)}.record-detail{display:flex;flex-direction:column;gap:var(--sin-space-1);min-width:0}.record-value{font-weight:700;font-size:15px;color:var(--sin-text)}.record-meta{font-size:var(--sin-type-chip-size);color:var(--sin-text-muted)}.reference-section{display:flex;flex-direction:column;gap:var(--sin-space-6);scroll-margin-top:96px}.reference-section .section-head{margin-bottom:var(--sin-space-8)}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8);flex-wrap:wrap}.table-controls-right{display:flex;align-items:center;gap:var(--sin-space-4);flex-wrap:wrap}.scheme-picker{display:flex;flex-wrap:wrap;gap:var(--sin-space-4)}.scheme-btn{padding:var(--sin-space-3) var(--sin-space-6);border:1px solid var(--sin-border);border-radius:var(--sin-radius-sm);background:var(--sin-surface);font-family:var(--sin-font-body);font-size:var(--sin-type-chip-size);font-weight:600;color:var(--sin-text-secondary);cursor:pointer;transition:background var(--sin-duration-fast) var(--sin-ease),border-color var(--sin-duration-fast) var(--sin-ease),color var(--sin-duration-fast) var(--sin-ease)}.scheme-btn:hover{border-color:var(--sin-primary);color:var(--sin-text)}.scheme-btn.selected{background:var(--sin-primary-container);border-color:var(--sin-primary);color:var(--sin-on-primary-container);font-weight:700}.reference-scroll{overflow-x:auto;border:1px solid var(--sin-border);border-radius:var(--sin-radius-lg);background:var(--sin-surface)}.reference-table{min-width:1152px}.reference-head{display:flex;align-items:center;padding:var(--sin-space-8);background:var(--sin-table-head-bg)}.reference-head span{font-family:var(--sin-font-display);font-size:var(--sin-type-eyebrow-size);font-weight:700;letter-spacing:.02em;color:var(--sin-text);text-transform:uppercase;white-space:nowrap}.reference-row{display:flex;align-items:center;padding:var(--sin-space-8);border-bottom:1px solid var(--sin-border);background:var(--sin-row-bg)}.reference-row:nth-child(2n){background:var(--sin-row-bg-alt)}.reference-body:last-child .reference-row:last-child{border-bottom:0}.reference-head .col-char,.reference-row .char{flex:none;width:70px}.reference-head .col-word,.reference-row .word{flex:none;width:130px;padding-right:var(--sin-space-4);font-size:14px;color:var(--sin-text-secondary);overflow-wrap:anywhere}.reference-head [data-col=western-union],.reference-row [data-col=western-union],.reference-head [data-col=german],.reference-row [data-col=german]{width:140px}.reference-head [data-col=german-2022],.reference-row [data-col=german-2022]{width:180px}.reference-head [data-col=french],.reference-row [data-col=french],.reference-head [data-col=spanish],.reference-row [data-col=spanish],.reference-head [data-col=italian],.reference-row [data-col=italian]{width:110px}.reference-row .char{display:flex;align-items:center}.char-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--sin-space-2);border-radius:var(--sin-radius-xs);background:var(--sin-primary-container);color:var(--sin-on-primary-container);font-family:var(--sin-font-mono);font-size:12px;font-weight:700}.reference-row .word.is-active{font-family:var(--sin-font-mono);font-weight:700;color:var(--sin-primary)}.reference-head .col-word.is-active{color:var(--sin-primary)}.reference-note{font-size:var(--sin-type-body-sm-size);color:var(--sin-text-muted)}.prose-card{display:flex;flex-direction:column;gap:var(--sin-space-8);padding:var(--sin-space-16);border:1px solid var(--sin-border);border-radius:var(--sin-radius-lg);background:var(--sin-surface)}.prose-card h2{font-family:var(--sin-font-display);font-size:28px;font-weight:800;letter-spacing:-.01em}.prose-card h3{font-family:var(--sin-font-display);font-size:var(--sin-type-heading-size);font-weight:700;margin-top:var(--sin-space-4)}.prose-card p,.prose-card li{color:var(--sin-text-secondary);line-height:1.6}.educational-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--sin-space-4)}.educational-list strong{color:var(--sin-text)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sin-space-8)}.tip-card{display:flex;flex-direction:column;gap:var(--sin-space-4);padding:var(--sin-space-10);border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-alt)}.tip-index{font-family:var(--sin-font-mono);font-size:24px;font-weight:700;color:var(--sin-primary)}.tip-card h3{margin-top:0;font-size:16px}.tip-card p{font-size:var(--sin-type-body-sm-size)}.confusion-table{display:flex;flex-direction:column;border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);overflow:hidden}.confusion-row{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:var(--sin-space-8);padding:var(--sin-space-6) var(--sin-space-8);border-bottom:1px solid var(--sin-border);background:var(--sin-row-bg);font-size:var(--sin-type-body-sm-size);color:var(--sin-text-secondary)}.confusion-row:last-child{border-bottom:0}.confusion-row.header{background:var(--sin-table-head-bg);font-family:var(--sin-font-display);font-size:var(--sin-type-eyebrow-size);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sin-text)}.faq-item{border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-alt);overflow:hidden}.faq-item summary{padding:var(--sin-space-8) var(--sin-space-10);font-family:var(--sin-font-display);font-size:15px;font-weight:700;color:var(--sin-text);cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;font-family:var(--sin-font-mono);color:var(--sin-primary)}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 var(--sin-space-10) var(--sin-space-10);font-size:var(--sin-type-body-sm-size);color:var(--sin-text-secondary)}.learn-preview-section{display:flex;flex-direction:column;gap:var(--sin-space-12)}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sin-space-12)}.article-card{display:flex;flex-direction:column;border:1px solid var(--sin-border);border-radius:var(--sin-radius-lg);background:var(--sin-surface);overflow:hidden;color:inherit;transition:border-color var(--sin-duration-fast) var(--sin-ease),transform var(--sin-duration-fast) var(--sin-ease)}.article-card:hover{border-color:var(--sin-primary);text-decoration:none;transform:translateY(-2px)}.article-wash{display:block;height:140px;position:relative;background:var(--sin-accent-blue)}.article-wash:before{content:"";position:absolute;left:var(--sin-space-8);bottom:var(--sin-space-8);width:60px;height:1px;background:#ffffff80}.article-wash:after{content:"";position:absolute;right:var(--sin-space-8);bottom:var(--sin-space-8);width:16px;height:16px;border:1px solid rgba(255,255,255,.5);border-radius:var(--sin-radius-full)}.article-wash-blue{background:var(--sin-accent-blue)}.article-wash-slate{background:var(--sin-accent-slate)}.article-wash-amber{background:var(--sin-accent-amber)}.article-wash-green{background:var(--sin-accent-green)}.article-wash-grey{background:var(--sin-accent-grey)}.article-body{display:flex;flex-direction:column;gap:var(--sin-space-8);padding:var(--sin-space-12);flex:1 1 auto}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8)}.article-read{font-size:var(--sin-type-chip-size);color:var(--sin-text-muted)}.article-title{font-family:var(--sin-font-display);font-size:var(--sin-type-heading-size);font-weight:700;line-height:1.25;color:var(--sin-text)}.article-excerpt{flex:1 1 auto;font-size:var(--sin-type-body-sm-size);line-height:1.5;color:var(--sin-text-secondary)}.article-card .runway-divider{margin:0}.read-more{display:inline-flex;align-items:center;gap:var(--sin-space-4);font-size:var(--sin-type-body-sm-size);font-weight:700;color:var(--sin-primary)}.learn-preview-more a{display:inline-flex;align-items:center;gap:var(--sin-space-4);font-weight:700;font-size:var(--sin-type-body-sm-size)}.ad-slot{min-height:90px;border:1px dashed var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-alt)}.bottom-nav{display:none;position:sticky;bottom:0;z-index:40;align-items:center;justify-content:space-between;padding:var(--sin-space-6) var(--sin-space-8) calc(var(--sin-space-10) + var(--sin-safe-bottom));background:var(--sin-surface);border-top:1px solid var(--sin-border)}.bottom-tab{display:flex;flex-direction:column;align-items:center;gap:var(--sin-space-2);width:64px;padding:0;border:0;background:none;cursor:pointer}.bottom-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:30px;border-radius:var(--sin-radius-full);color:var(--sin-text-muted);transition:background var(--sin-duration-fast) var(--sin-ease),color var(--sin-duration-fast) var(--sin-ease)}.bottom-tab-label{font-size:10px;font-weight:500;color:var(--sin-text-muted)}.bottom-tab.selected .bottom-tab-icon{background:var(--sin-primary-container);color:var(--sin-on-primary-container)}.bottom-tab.selected .bottom-tab-label{color:var(--sin-on-primary-container);font-weight:700}.consent-banner{position:fixed;inset:auto var(--sin-space-8) var(--sin-space-8);z-index:60;max-width:560px;margin-left:auto;padding:var(--sin-space-12);border:1px solid var(--sin-border);border-radius:var(--sin-radius-lg);background:var(--sin-surface);box-shadow:0 12px 32px #0a0d123d}.consent-content{display:flex;flex-direction:column;gap:var(--sin-space-8)}.consent-text{display:flex;flex-direction:column;gap:var(--sin-space-4)}.consent-body,.consent-note{font-size:var(--sin-type-body-sm-size);color:var(--sin-text-secondary)}.consent-note{color:var(--sin-warning)}.consent-assent{color:var(--sin-text)}.consent-assent a{color:var(--sin-primary);text-decoration:underline;font-weight:600}.consent-options{display:flex;flex-direction:column;gap:var(--sin-space-4)}.consent-option{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8);padding:var(--sin-space-8);border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-alt);cursor:pointer}.consent-option-title{display:block;font-family:var(--sin-font-display);font-size:var(--sin-type-body-sm-size);font-weight:700;color:var(--sin-text)}.consent-option-body{display:block;font-size:var(--sin-type-chip-size);color:var(--sin-text-secondary)}.switch{flex:none;appearance:none;width:var(--sin-toggle-w);height:var(--sin-toggle-h);margin:0;padding:2px;border-radius:var(--sin-radius-full);background:var(--sin-border-strong);cursor:pointer;transition:background var(--sin-duration-base) var(--sin-ease)}.switch:after{content:"";display:block;width:calc(var(--sin-toggle-h) - 4px);height:calc(var(--sin-toggle-h) - 4px);border-radius:var(--sin-radius-full);background:var(--sin-surface);transition:transform var(--sin-duration-base) var(--sin-ease)}.switch:checked{background:var(--sin-primary)}.switch:checked:after{transform:translate(calc(var(--sin-toggle-w) - var(--sin-toggle-h)))}.switch:disabled{opacity:.5;cursor:not-allowed}.consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sin-space-4)}.site-footer{flex:none;display:flex;flex-direction:column;gap:var(--sin-space-12);padding:var(--sin-footer-pad-y) var(--sin-footer-pad-x);background:var(--sin-footer-bg);border-top:1px solid var(--sin-border)}.footer-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sin-space-24);flex-wrap:wrap}.footer-info{display:flex;flex-direction:column;gap:var(--sin-space-4);max-width:400px}.footer-brand{font-family:var(--sin-font-display);font-size:16px;font-weight:700;color:var(--sin-text)}.footer-desc{font-size:var(--sin-type-body-sm-size);line-height:1.5;color:var(--sin-text-secondary)}.footer-links{display:flex;gap:var(--sin-space-24);flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:var(--sin-space-6)}.footer-col-title{font-family:var(--sin-font-display);font-size:var(--sin-type-eyebrow-size);font-weight:700;letter-spacing:.05em;color:var(--sin-text);text-transform:uppercase}.footer-col a,.footer-link-button{font-size:var(--sin-type-body-sm-size);color:var(--sin-text-secondary);text-align:left}.footer-col a:hover,.footer-link-button:hover{color:var(--sin-primary)}.footer-link-button{padding:0;border:0;background:none;font-family:inherit;cursor:pointer}.footer-divider{height:0;border-top:1px dashed var(--sin-border)}.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sin-space-8);flex-wrap:wrap}.footer-copyright{font-size:var(--sin-type-chip-size);color:var(--sin-text-muted)}@media(max-width:1180px){.app-nav{justify-content:flex-end}.nav-tab{padding:var(--sin-space-4) var(--sin-space-6);font-size:13px}.theme-label{display:none}}@media(max-width:900px){.decode-source{width:120px}.drill-options{grid-template-columns:minmax(0,1fr)}.speed-word{font-size:48px}}@media(max-width:720px){.app-header{position:static}.app-nav{display:none}.bottom-nav{display:flex}.theme-label{display:inline;font-size:11px}.field{padding:var(--sin-space-6)}.btn{padding:var(--sin-space-4) var(--sin-space-6);border-radius:var(--sin-radius-sm);gap:var(--sin-space-3)}.btn-lg{padding:var(--sin-space-5) var(--sin-space-10);font-size:14px}.result-row{gap:var(--sin-space-8);padding:var(--sin-space-6)}.chip-prefix{display:none}.runway-divider{margin:var(--sin-space-4) 0}.instrument-card{padding:var(--sin-space-10);gap:var(--sin-space-12)}.letter-hud{width:112px;height:112px;font-size:60px}.decode-banner-value{font-size:32px}.speed-word{font-size:36px}.timer-value{font-size:28px}.stats-panel{width:100%}.stat-box{flex:1 1 0;padding:var(--sin-space-4) var(--sin-space-6)}.stat-value{font-size:16px}.decode-row{gap:var(--sin-space-6);padding:var(--sin-space-6)}.decode-source{width:96px;font-size:14px}.decode-note{display:none}.consent-banner{inset:auto var(--sin-space-4) var(--sin-space-4);max-width:none}.consent-actions{justify-content:stretch}.consent-actions .btn{flex:1 1 auto;justify-content:center}.footer-content,.footer-links{gap:var(--sin-space-12)}.confusion-row{grid-template-columns:minmax(0,1fr);gap:var(--sin-space-2)}}@media print{.app-header,.bottom-nav,.site-footer,.consent-banner,.ad-slot,.ad-row,.hero,.dashboard,.table-controls,.scheme-picker,.educational-section,.tips-section,.faq-section,.learn-preview-section,.skip-link{display:none!important}.reference-scroll{overflow:visible;border:0}.reference-table{min-width:0}body{background:#fff;color:#000}}.content-page{display:flex;flex-direction:column;gap:var(--sin-content-gap);padding:var(--sin-content-pad-y) var(--sin-content-pad-x);max-width:1280px;margin:0 auto;width:100%}.content-page>.learn-card,.content-page>.terms-card{width:100%;max-width:880px;align-self:center}.breadcrumb{display:flex;align-items:center;gap:var(--sin-space-4);font-family:var(--sin-font-mono);font-size:var(--sin-type-status-size);letter-spacing:.04em;text-transform:uppercase;color:var(--sin-text-muted)}.breadcrumb .separator{color:var(--sin-border)}.breadcrumb .current{color:var(--sin-text)}.headline{font-family:var(--sin-font-display);font-size:var(--sin-type-title-size);font-weight:var(--sin-type-title-weight);line-height:1.1;letter-spacing:-.02em;color:var(--sin-text)}.supporting{max-width:720px;color:var(--sin-text-secondary)}.learn-header,.terms-header{display:flex;flex-direction:column;gap:var(--sin-space-6);padding-bottom:var(--sin-space-8);border-bottom:1px dashed var(--sin-border)}.learn-content,.terms-content{display:flex;flex-direction:column;gap:var(--sin-space-12)}.learn-section{display:flex;flex-direction:column;gap:var(--sin-space-6)}.learn-content h2,.terms-content h2{font-family:var(--sin-font-display);font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--sin-text)}.learn-content h3,.terms-content h3{font-family:var(--sin-font-display);font-size:16px;font-weight:700;color:var(--sin-text)}.learn-content p,.terms-content p,.learn-content li,.terms-content li{color:var(--sin-text-secondary);line-height:1.65}.learn-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--sin-space-4)}.learn-list strong,.terms-content strong{color:var(--sin-text)}.example-box{padding:var(--sin-space-10);border-left:3px solid var(--sin-primary);border-radius:0 var(--sin-radius-md) var(--sin-radius-md) 0;background:var(--sin-primary-container);color:var(--sin-on-primary-container)}.example-box p,.example-box li{color:var(--sin-on-primary-container)}.example-box .label{display:block;margin-bottom:var(--sin-space-3);font-family:var(--sin-font-mono);font-size:var(--sin-type-status-size);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sin-primary)}.table-scroll{overflow-x:auto;border:1px solid var(--sin-border);border-radius:var(--sin-radius-md)}.data-table{width:100%;border-collapse:collapse;font-size:var(--sin-type-body-sm-size)}.data-table th,.data-table td{padding:var(--sin-space-6) var(--sin-space-8);text-align:left;border-bottom:1px solid var(--sin-border);color:var(--sin-text-secondary)}.data-table th{background:var(--sin-table-head-bg);font-family:var(--sin-font-display);font-size:var(--sin-type-eyebrow-size);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sin-text)}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:nth-child(2n){background:var(--sin-row-bg-alt)}.scenario-card{display:flex;flex-direction:column;gap:var(--sin-space-6);padding:var(--sin-space-10);border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface-alt)}.scenario-card h3{font-family:var(--sin-font-display);font-size:var(--sin-type-heading-size);font-weight:700;color:var(--sin-text)}.scenario-example{padding:var(--sin-space-8);border-radius:var(--sin-radius-sm);background:var(--sin-surface-sunken);font-family:var(--sin-font-mono);font-size:var(--sin-type-body-sm-size);color:var(--sin-text)}.pronunciation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sin-space-6)}.pronunciation-card{display:flex;align-items:center;gap:var(--sin-space-8);padding:var(--sin-space-8);border:1px solid var(--sin-border);border-radius:var(--sin-radius-md);background:var(--sin-surface)}.pronunciation-letter{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--sin-badge-size);height:var(--sin-badge-size);border-radius:var(--sin-radius-xs);background:var(--sin-primary-container);color:var(--sin-on-primary-container);font-family:var(--sin-font-mono);font-size:14px;font-weight:700}.pronunciation-info{display:flex;flex-direction:column;gap:var(--sin-space-1);flex:1 1 auto;min-width:0}.pronunciation-word{font-family:var(--sin-font-mono);font-size:15px;font-weight:700;color:var(--sin-text)}.pronunciation-phonetic{font-size:var(--sin-type-chip-size);color:var(--sin-text-muted)}.pronunciation-play{flex:none;display:inline-flex;padding:var(--sin-space-4);border:0;border-radius:var(--sin-radius-xs);background:var(--sin-surface-alt);color:var(--sin-text-secondary);cursor:pointer;transition:background var(--sin-duration-fast) var(--sin-ease),color var(--sin-duration-fast) var(--sin-ease)}.pronunciation-play:hover{background:var(--sin-primary-container);color:var(--sin-on-primary-container)}.learn-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sin-space-8)}.learn-link-card{display:flex;flex-direction:column;gap:var(--sin-space-4);padding:var(--sin-space-10);border:1px solid var(--sin-border);border-radius:var(--sin-radius-lg);background:var(--sin-surface);color:inherit;transition:border-color var(--sin-duration-fast) var(--sin-ease),transform var(--sin-duration-fast) var(--sin-ease)}.learn-link-card:hover{border-color:var(--sin-primary);text-decoration:none;transform:translateY(-2px)}.learn-link-card h3{font-family:var(--sin-font-display);font-size:var(--sin-type-heading-size);font-weight:700;color:var(--sin-text)}.learn-link-card p{font-size:var(--sin-type-body-sm-size);color:var(--sin-text-secondary)}.learn-cta{display:flex;flex-direction:column;gap:var(--sin-space-6);padding:var(--sin-space-16);border:1px solid var(--sin-primary);border-radius:var(--sin-radius-lg);background:var(--sin-primary-container)}.learn-cta h2{font-family:var(--sin-font-display);font-size:24px;font-weight:800;color:var(--sin-on-primary-container)}.learn-cta p{color:var(--sin-on-primary-container)}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--sin-space-6)}.cta-primary,.cta-secondary{display:inline-flex;align-items:center;padding:var(--sin-space-5) var(--sin-space-9);border:1px solid transparent;border-radius:var(--sin-radius-md);font-size:var(--sin-type-button-size);font-weight:var(--sin-type-button-weight)}.cta-primary{background:var(--sin-primary);color:var(--sin-on-primary)}.cta-secondary{border-color:var(--sin-primary);color:var(--sin-on-primary-container)}.cta-primary:hover,.cta-secondary:hover{text-decoration:none;filter:brightness(1.06)}.alphabet-showcase{display:flex;flex-direction:column;gap:var(--sin-space-8)}.alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sin-space-4)}@media(max-width:720px){.learn-cta{padding:var(--sin-space-10)}.cta-buttons .cta-primary,.cta-buttons .cta-secondary{flex:1 1 auto;justify-content:center}}.learn-group{display:flex;flex-direction:column;gap:var(--sin-space-8)}