*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}h1{font-size:calc(1.375rem + 1.5vw)}h2{font-size:calc(1.325rem + .9vw)}h3{font-size:calc(1.3rem + .6vw)}h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p,ol,ul,dl,blockquote,figure{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote,figure{margin-right:0;margin-left:0}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.1875em;color:#212529;background-color:#fff3cd}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.25rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label,output{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}[role=button],button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}textarea{resize:vertical}::-webkit-inner-spin-button{height:auto}::file-selector-button{font:inherit;-webkit-appearance:button}fieldset{min-width:0;padding:0;margin:0;border:0}iframe{border:0}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}html{--mat-sys-background: light-dark(#fcf8fd, #131316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f3eff4, #303034);--mat-sys-inverse-primary: light-dark(#bec2ff, #343dff);--mat-sys-inverse-surface: light-dark(#303034, #e5e1e6);--mat-sys-on-background: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #0001ac);--mat-sys-on-primary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-primary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-primary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-on-secondary: light-dark(#ffffff, #2e2f42);--mat-sys-on-secondary-container: light-dark(#444559, #e1e0f9);--mat-sys-on-secondary-fixed: light-dark(#191a2c, #191a2c);--mat-sys-on-secondary-fixed-variant: light-dark(#444559, #444559);--mat-sys-on-surface: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-surface-variant: light-dark(#46464f, #e4e1ec);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#777680, #91909a);--mat-sys-outline-variant: light-dark(#c7c5d0, #46464f);--mat-sys-primary: light-dark(#343dff, #bec2ff);--mat-sys-primary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-primary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-primary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5c5d72, #c5c4dd);--mat-sys-secondary-container: light-dark(#e1e0f9, #444559);--mat-sys-secondary-fixed: light-dark(#e1e0f9, #e1e0f9);--mat-sys-secondary-fixed-dim: light-dark(#c5c4dd, #c5c4dd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fcf8fd, #131316);--mat-sys-surface-bright: light-dark(#fcf8fd, #3a393c);--mat-sys-surface-container: light-dark(#f0edf1, #201f22);--mat-sys-surface-container-high: light-dark(#ebe7eb, #2a292d);--mat-sys-surface-container-highest: light-dark(#e5e1e6, #353438);--mat-sys-surface-container-low: light-dark(#f6f2f7, #1b1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);--mat-sys-surface-dim: light-dark(#dcd9dd, #131316);--mat-sys-surface-tint: light-dark(#343dff, #bec2ff);--mat-sys-surface-variant: light-dark(#e4e1ec, #46464f);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1b1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-primary: var(--accent);--mat-sys-on-primary: var(--on-accent);--mat-sys-surface: var(--surface);--mat-sys-on-surface: var(--title);--mat-sys-on-surface-variant: var(--text);--mat-sys-surface-container-lowest: var(--surface);--mat-sys-surface-container-low: var(--surface-2);--mat-sys-surface-container: var(--surface-2);--mat-sys-surface-container-high: var(--surface-2);--mat-sys-surface-container-highest: var(--surface-2);--mat-sys-outline: var(--line-strong);--mat-sys-outline-variant: var(--line)}:root{--font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--nav-h: 64px;--radius: 24px;--radius-sm: 14px}:root,[data-theme=dark]{--bg: #07080d;--bg-alt: #0b0d14;--surface: #0f1118;--surface-2: #161924;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--hover-line: rgba(165, 180, 252, .35);--title: #f4f6fb;--text: #c5ccda;--muted: #8f98ac;--accent: #a5b4fc;--on-accent: #0b1020;--focus-ring: rgba(165, 180, 252, .25);--grad: linear-gradient(90deg, #38bdf8, #818cf8 50%, #c084fc);--name: linear-gradient(180deg, #ffffff 35%, #aab4ff);--card: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));--card-shadow: none;--overlay-shadow: 0 24px 60px -20px rgba(0, 0, 0, .7);--soft: rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .03);--chip-bg: rgba(129, 140, 248, .08);--chip-line: rgba(165, 180, 252, .22);--chip-text: #dde2ff;--icon-bg: linear-gradient(140deg, rgba(56, 189, 248, .18), rgba(192, 132, 252, .18));--icon-text: #c7d2fe;--dot: #818cf8;--grid-line: rgba(255, 255, 255, .045);--glow-1: rgba(129, 140, 248, .24);--glow-2: rgba(56, 189, 248, .14);--photo-glow: .45;--btn-bg: #f4f6fb;--btn-text: #0b1020;--btn-glow: rgba(129, 140, 248, .7);--nav-bg: rgba(7, 8, 13, .72);--danger: #f87171;--success: #4ade80;--warning: #fbbf24;color-scheme:dark}[data-theme=light]{--bg: #f8f9fc;--bg-alt: #eff2f8;--surface: #ffffff;--surface-2: #f3f5fa;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .2);--hover-line: rgba(79, 70, 229, .35);--title: #0b1020;--text: #334155;--muted: #5b6477;--accent: #4f46e5;--on-accent: #ffffff;--focus-ring: rgba(79, 70, 229, .18);--grad: linear-gradient(90deg, #0369a1, #4f46e5 50%, #7e22ce);--name: linear-gradient(180deg, #0b1020 40%, #4338ca);--card: #ffffff;--card-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px -18px rgba(15, 23, 42, .2);--overlay-shadow: 0 24px 60px -24px rgba(15, 23, 42, .35);--soft: rgba(15, 23, 42, .03);--input-bg: #ffffff;--chip-bg: rgba(79, 70, 229, .06);--chip-line: rgba(79, 70, 229, .2);--chip-text: #3730a3;--icon-bg: linear-gradient(140deg, rgba(14, 165, 233, .14), rgba(147, 51, 234, .14));--icon-text: #4338ca;--dot: #6366f1;--grid-line: rgba(15, 23, 42, .05);--glow-1: rgba(99, 102, 241, .16);--glow-2: rgba(14, 165, 233, .12);--photo-glow: .3;--btn-bg: #0b1020;--btn-text: #ffffff;--btn-glow: rgba(79, 70, 229, .45);--nav-bg: rgba(248, 249, 252, .8);--danger: #dc2626;--success: #16a34a;--warning: #b45309;color-scheme:light}html{scroll-padding-top:var(--nav-h)}body{min-height:100vh;margin:0;font:400 16px/1.65 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--title);font-weight:700;line-height:1.25;letter-spacing:-.015em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%}::selection{background:var(--focus-ring)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--mono);color:var(--accent)}.mat-icon{flex:none}.ui-container{max-width:1160px;margin:0 auto;padding:0 24px}.ui-container--narrow{max-width:820px}.ui-page{position:relative;isolation:isolate;overflow:clip;min-height:72vh;padding:calc(var(--nav-h) + clamp(32px,6vw,72px)) 0 clamp(64px,8vw,112px)}.ui-page:before{content:"";position:absolute;inset:0 0 auto;height:560px;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000 25%,transparent 100%)}.ui-page:after{content:"";position:absolute;inset:-160px -10% auto;height:560px;z-index:-1;background:radial-gradient(40% 50% at 80% 30%,var(--glow-1),transparent 70%),radial-gradient(35% 45% at 10% 10%,var(--glow-2),transparent 70%);pointer-events:none}.ui-page--tool{padding-top:calc(var(--nav-h) + clamp(24px,3.5vw,40px))}.ui-page--tool .ui-head{gap:10px;margin-bottom:clamp(20px,2.5vw,28px)}.ui-page--tool .ui-title{font-size:clamp(30px,4.4vw,42px)}.ui-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:clamp(28px,4vw,48px)}.ui-head--center{align-items:center;text-align:center}.ui-kicker,.ui-label{margin:0;font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ui-kicker{display:flex;align-items:center;gap:12px;font-size:13px}.ui-kicker b{font-weight:500;color:var(--accent)}.ui-kicker i{width:48px;height:1px;background:var(--grad)}.ui-title{margin:0;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--title)}.ui-lead{max-width:62ch;margin:0;font-size:clamp(16px,1.4vw,18px);line-height:1.7;color:var(--text)}.ui-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.ui-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ui-card{position:relative;min-width:0;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--card-shadow);transition:border-color .3s,transform .3s}.ui-card--hover:hover{border-color:var(--hover-line);transform:translateY(-2px)}.ui-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--chip-line);border-radius:var(--radius-sm);background:var(--icon-bg);color:var(--icon-text)}.ui-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ui-chip,.ui-chips>li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--chip-line);border-radius:999px;background:var(--chip-bg);font:500 13px/1.2 var(--mono);color:var(--chip-text)}.ui-chip{white-space:nowrap}.ui-mistake-type{display:inline-block;padding:1px 8px;border:1px solid var(--chip-line);border-radius:999px;background:var(--chip-bg);font:500 12px/1.5 var(--mono);color:var(--chip-text);white-space:nowrap;vertical-align:1px}.ui-empty{padding:48px 16px;text-align:center;color:var(--muted)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid transparent;border-radius:999px;font:600 15px/1.1 var(--font);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s}.ui-btn:hover{text-decoration:none;transform:translateY(-1px)}.ui-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ui-btn .mat-icon{width:20px;height:20px;font-size:20px}.ui-btn--primary,.ui-btn--primary:hover{background:var(--btn-bg);color:var(--btn-text);box-shadow:0 12px 28px -14px var(--btn-glow)}.ui-btn--ghost,.ui-btn--ghost:hover{border-color:var(--line-strong);background:var(--soft);color:var(--title)}.ui-btn--ghost:hover{border-color:var(--hover-line)}.ui-btn--danger,.ui-btn--danger:hover{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger)}.ui-btn--sm{padding:8px 14px;font-size:14px}.ui-btn--icon{width:42px;height:42px;padding:0}.ui-icon-btn{display:grid;flex:none;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s}.ui-icon-btn:hover{background:var(--soft);color:var(--title)}.ui-icon-btn .mat-icon{width:18px;height:18px;font-size:18px}.ui-form{display:flex;flex-direction:column;gap:18px}.ui-field{display:flex;flex-direction:column;gap:8px}.ui-field>label{font-size:14px;font-weight:600;color:var(--title)}.ui-input{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--input-bg);color:var(--title);font:400 15px/1.5 var(--font);transition:border-color .2s,box-shadow .2s}.ui-input::placeholder{color:var(--muted)}.ui-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.ui-input[readonly]{opacity:.7}textarea.ui-input{resize:vertical}.ui-error{font-size:13.5px;color:var(--danger)}.ui-alert{padding:12px 16px;border:1px solid;border-radius:var(--radius-sm);font-size:15px}.ui-alert--error{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.ui-alert--warn{border-color:color-mix(in srgb,var(--warning) 40%,transparent);background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--title)}.ui-alert--success{border-color:color-mix(in srgb,var(--success) 35%,transparent);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.ui-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--card-shadow)}.ui-table{width:100%;border-collapse:collapse;font-size:14.5px}.ui-table th{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--soft);font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;color:var(--muted)}.ui-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text)}.ui-table--compact th{padding-block:12px}.ui-table--compact td{padding-block:10px}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table tbody tr:hover td{background:var(--soft)}.ui-table .ui-strong{font-weight:600;color:var(--title)}.ui-num{font-family:var(--mono);font-size:13.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.ui-paginator{--mat-paginator-container-background-color: transparent;--mat-paginator-container-text-color: var(--text)}@media(max-width:575.98px){.ui-container{padding:0 18px}}@media(prefers-reduced-motion:reduce){.ui-card,.ui-btn{transition:none}}.ui-auth{max-width:480px}.ui-auth__title{margin:0;font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.03em}.ui-auth .ui-head{margin-bottom:28px}.ui-auth .ui-lead{font-size:15.5px}.ui-auth__switch{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:15px;text-align:center;color:var(--muted)}.kid{max-width:680px}.kid__title{font-size:clamp(30px,4.4vw,42px)}.kid__card{max-width:560px;width:100%;margin:0 auto}.kid__card{display:flex;flex-direction:column;gap:20px;text-align:center}.kid__score{align-self:center;padding:6px 16px;border:1px solid var(--chip-line);border-radius:999px;background:var(--chip-bg);font-weight:700;color:var(--title)}.kid__question{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.kid__question-title{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:17px;font-weight:700;color:var(--title)}.kid__options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kid__option{padding:14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);font:700 20px/1 var(--font);color:var(--title);cursor:pointer;transition:transform .15s,border-color .2s,background-color .2s}.kid__option:hover:not(:disabled){border-color:var(--accent);background:var(--chip-bg);transform:translateY(-2px)}.kid__option:disabled{opacity:.55;cursor:default}.kid__feedback{min-height:26px;font-size:16px;font-weight:700}.kid__feedback.is-correct{color:var(--success)}.kid__feedback.is-wrong{color:var(--danger)}.kid__next{align-self:center}.ui-chips--sm>li{padding:5px 10px;font-size:12.5px}.ui-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font:500 13px/1 var(--mono);color:var(--text);white-space:nowrap}.ui-btn--lg{padding:15px 28px;font-size:16px}.ui-title--xl{font-size:clamp(36px,5vw,60px)}.ui-list{columns:320px 2;column-gap:40px;margin:0;padding:0;list-style:none}.ui-list li{position:relative;margin-bottom:12px;padding-left:22px;line-height:1.6;break-inside:avoid}.ui-list li:before{content:"";position:absolute;top:.58em;left:2px;width:7px;height:7px;border-radius:2px;background:var(--grad);transform:rotate(45deg)}.ui-list b{font-weight:600;color:var(--title)}.ui-prose{color:var(--text);overflow-wrap:anywhere}.ui-prose :is(h1,h2,h3,h4){margin:1.8em 0 .6em;line-height:1.3;letter-spacing:-.02em;color:var(--title)}.ui-prose h2{font-size:1.55em}.ui-prose h3{font-size:1.25em}.ui-prose :is(h1,h2,h3,h4) a{color:inherit}.ui-prose p{margin:0 0 1.1em}.ui-prose :is(ul,ol){margin:0 0 1.2em;padding-left:1.4em}.ui-prose li{margin-bottom:.4em}.ui-prose li::marker{color:var(--accent)}.ui-prose :is(strong,b){color:var(--title)}.ui-prose pre{margin:0 0 1.4em;padding:18px 20px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);font:.82em/1.6 var(--mono);color:var(--title)}.ui-prose :not(pre)>code{padding:2px 6px;border-radius:6px;background:var(--chip-bg);font-size:.9em}.ui-prose blockquote{margin:0 0 1.4em;padding:4px 0 4px 18px;border-left:3px solid var(--accent);color:var(--muted)}.ui-prose img{height:auto;border-radius:var(--radius-sm)}.ui-prose table{width:100%;margin-bottom:1.4em;border-collapse:collapse;font-size:.9em}.ui-prose :is(td,th){padding:8px 12px;border:1px solid var(--line)}.ui-prose--compact{color:inherit}.ui-prose--compact :is(p,ul,ol){margin-bottom:.6em}.ui-prose--compact :is(h1,h2,h3,h4){margin:.9em 0 .4em;font-size:1.1em}.ui-prose--compact :is(h1,h2,h3,h4):first-child{margin-top:0}.ui-prose--compact p:last-child{margin-bottom:0}.ui-prose--compact pre{margin:8px 0;padding:10px 12px;border-radius:10px;font:13.5px/1.5 var(--mono);white-space:pre-wrap}.ui-prose--compact :not(pre)>code{padding:1px 5px;border-radius:5px;background:var(--soft)}@keyframes ui-in{0%{opacity:0;translate:0 24px}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.ui-reveal{animation:ui-in linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}}.kid__about{max-width:560px;margin:32px auto 0}.kid__about h2{font-size:1.3em}.kid__about h2:first-child{margin-top:0}.kid__about h3{margin-top:1.4em;font-size:1.05em}