@layer tokens{:root{color-scheme:light;--ink-100: #F2F1EF;--ink-200: #E9E8E6;--ink-300: #E0DFDD;--ink-400: #CECDCC;--ink-500: #B3B2B1;--ink-600: #8F8E8D;--ink-700: #6F6F6E;--ink-800: #50504F;--ink-900: #353534;--ink-1000: #1A1A1A;--ink-050: #FBFAF8;--white: #FFFFFF;--teal-100: #E8EDEB;--teal-200: #DAE4E2;--teal-300: #B4CBC9;--teal-400: #79A5A2;--teal-500: #43817E;--teal-700: #0F5F5C;--teal-800: #0C4A48;--teal-900: #093735;--green-100: #DFEBE2;--green-300: #B1D3BC;--green-700: #15803D;--rust-100: #F4E4DC;--rust-300: #E8BFAD;--rust-700: #C2410C;--color-bg: var(--ink-050);--color-surface: var(--white);--color-surface-sunken: var(--ink-100);--color-surface-accent: var(--teal-100);--color-surface-correct: var(--green-100);--color-surface-wrong: var(--rust-100);--color-border: var(--ink-300);--color-border-strong: var(--ink-600);--color-border-accent: var(--teal-300);--color-border-correct: var(--green-300);--color-border-wrong: var(--rust-300);--color-text: var(--ink-1000);--color-text-secondary: var(--ink-700);--color-text-muted: var(--ink-600);--color-text-on-accent: var(--white);--color-text-accent: var(--teal-700);--color-text-correct: var(--green-700);--color-text-wrong: var(--rust-700);--color-text-disabled: var(--ink-500);--color-accent: var(--teal-700);--color-accent-hover: var(--teal-800);--color-accent-pressed: var(--teal-900);--color-focus: var(--teal-700);--color-backdrop: rgb(26 26 26 / 45%);--font-sans: "Be Vietnam Pro", "BVP Fallback", system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", monospace;--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--text-2xs: .75rem;--lh-2xs: 1.4;--text-xs: .8125rem;--lh-xs: 1.5;--text-sm: .875rem;--lh-sm: 1.55;--text-base: 1rem;--lh-base: 1.6;--text-md: 1.125rem;--lh-md: 1.6;--text-lg: 1.3125rem;--lh-lg: 1.45;--text-xl: 1.625rem;--lh-xl: 1.3;--text-2xl: 2rem;--lh-2xl: 1.22;--text-3xl: 2.5rem;--lh-3xl: 1.15;--tracking-tight: -.011em;--tracking-normal: 0;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--card-padding: var(--space-6);--stack-gap: var(--space-4);--section-gap: var(--space-10);--field-gap: var(--space-2);--size-target-min: 44px;--size-control-h: 44px;--size-control-hlg: 52px;--size-control-hsm: 36px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-measure-prose: 68ch;--size-measure-narrow: 46ch;--size-container-app: 1240px;--size-container-paper: 640px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-none: none;--shadow-raised: 0 1px 2px rgb(26 26 26 / .05);--shadow-overlay: 0 8px 24px rgb(26 26 26 / .1), 0 1px 2px rgb(26 26 26 / .06);--ring-width: 3px;--ring-offset: 2px;--focus-ring: 0 0 0 var(--ring-offset) var(--color-bg), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--color-focus);--dur-instant: 90ms;--dur-fast: .14s;--dur-base: .2s;--ease-standard: cubic-bezier(.2, .6, .25, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--z-base: 0;--z-sticky: 10;--z-dropdown: 100;--z-overlay: 200;--z-toast: 300}[data-surface=student]{--text-base: var(--text-md);--control-h: var(--size-control-hlg);--card-padding: var(--space-5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #12110F;--color-surface: #1B1A18;--color-surface-sunken: #232220;--color-surface-accent: #16302E;--color-surface-correct: #152A1C;--color-surface-wrong: #2E1B10;--color-border: #302E2B;--color-border-strong: #45423E;--color-border-accent: #2F5B58;--color-border-correct: #2A4A33;--color-border-wrong: #4A2A18;--color-text: #F2F1EF;--color-text-secondary: #B3B2B1;--color-text-muted: #8F8E8D;--color-text-accent: #5FA9A5;--color-text-correct: #3FA45F;--color-text-wrong: #E0763C;--color-text-disabled: #6F6F6E;--color-accent: #2F7A76;--color-accent-hover: #388C88;--color-accent-pressed: #256461;--color-text-on-accent: #FBFAF8;--color-focus: #5FA9A5;--color-backdrop: rgb(0 0 0 / 65%);--shadow-raised: none;--shadow-overlay: 0 8px 24px rgb(0 0 0 / .5)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #12110F;--color-surface: #1B1A18;--color-surface-sunken: #232220;--color-surface-accent: #16302E;--color-surface-correct: #152A1C;--color-surface-wrong: #2E1B10;--color-border: #302E2B;--color-border-strong: #45423E;--color-border-accent: #2F5B58;--color-border-correct: #2A4A33;--color-border-wrong: #4A2A18;--color-text: #F2F1EF;--color-text-secondary: #B3B2B1;--color-text-muted: #8F8E8D;--color-text-accent: #5FA9A5;--color-text-correct: #3FA45F;--color-text-wrong: #E0763C;--color-text-disabled: #6F6F6E;--color-accent: #2F7A76;--color-accent-hover: #388C88;--color-accent-pressed: #256461;--color-text-on-accent: #FBFAF8;--color-focus: #5FA9A5;--color-backdrop: rgb(0 0 0 / 65%);--shadow-raised: none;--shadow-overlay: 0 8px 24px rgb(0 0 0 / .5)}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 1ms;--dur-fast: 1ms;--dur-base: 1ms}}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);font-weight:var(--fw-regular);word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;-webkit-font-smoothing:antialiased}:where(a){color:var(--color-text-accent)}:where(:focus-visible){outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bvp-400-mH2hqFSr.woff2) format("woff2")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bvp-700-CJ0OcFRD.woff2) format("woff2")}@font-face{font-family:BVP Fallback;src:local("Roboto"),local("Arial"),local("Helvetica Neue");ascent-override:92%;descent-override:24%;line-gap-override:0%;size-adjust:104%}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bvp-600-BXdY6QYm.woff2) format("woff2")}.sai-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-control-h);min-width:var(--size-target-min);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:var(--fw-semibold);line-height:1.2;text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.sai-btn:disabled{cursor:not-allowed;opacity:.55}.sai-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sai-btn--lg{min-height:var(--size-control-hlg);padding:0 var(--space-6);font-size:var(--text-md)}.sai-btn--primary{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-raised)}.sai-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.sai-btn--primary:active:not(:disabled){background:var(--color-accent-pressed)}.sai-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.sai-btn--secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.sai-btn--ghost{background:transparent;color:var(--color-text-accent)}.sai-btn--ghost:hover:not(:disabled){background:var(--color-surface-accent)}.sai-btn--danger{background:var(--color-surface);color:var(--color-text-wrong);border-color:var(--color-border-wrong)}.sai-btn--danger:hover:not(:disabled){background:var(--color-surface-wrong)}.sai-btn--block{width:100%}.sai-field{display:flex;flex-direction:column;gap:var(--field-gap)}.sai-field__label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.sai-field__hint{font-size:var(--text-xs);color:var(--color-text-secondary)}.sai-field__error{display:flex;align-items:flex-start;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-wrong)}.sai-input,.sai-textarea{min-height:var(--size-control-h);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%}.sai-textarea{min-height:calc(var(--size-control-h) * 2.5);line-height:var(--lh-base);resize:vertical}.sai-input:focus-visible,.sai-textarea:focus-visible,.sai-select:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.sai-input[aria-invalid=true],.sai-textarea[aria-invalid=true]{border-color:var(--color-border-wrong)}.sai-select{min-height:var(--size-control-h);padding:0 var(--space-3);font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%}.sai-choice{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--size-target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface)}.sai-choice:hover{background:var(--color-surface-sunken)}.sai-choice input{width:24px;height:24px;margin:0;flex:none;accent-color:var(--color-accent)}.sai-choice:has(input:focus-visible){outline:none;box-shadow:var(--focus-ring)}.sai-choice:has(input:checked){border-color:var(--color-accent);background:var(--color-surface-accent)}.sai-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.sai-card--flush{padding:0}.sai-stack{display:flex;flex-direction:column}.sai-row{display:flex;flex-direction:row;align-items:center}.sai-row--wrap{flex-wrap:wrap}.sai-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap}.sai-badge--neutral{background:var(--color-surface-sunken);color:var(--color-text-secondary);border-color:var(--color-border)}.sai-badge--accent{background:var(--color-surface-accent);color:var(--color-text-accent);border-color:var(--color-border-accent)}.sai-badge--correct{background:var(--color-surface-correct);color:var(--color-text-correct);border-color:var(--color-border-correct)}.sai-badge--wrong{background:var(--color-surface-wrong);color:var(--color-text-wrong);border-color:var(--color-border-wrong)}.sai-progress{height:10px;background:var(--color-surface-sunken);border-radius:var(--radius-full);overflow:hidden}.sai-progress__fill{display:block;height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--dur-base) var(--ease-standard)}.sai-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-8) var(--card-padding);max-width:var(--size-measure-narrow)}.sai-empty__title{font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:var(--fw-semibold);margin:0}.sai-empty__body{color:var(--color-text-secondary);margin:0}.sai-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm)}.sai-notice--info{border-left-color:var(--color-border-accent)}.sai-notice--correct{border-left-color:var(--color-border-correct)}.sai-notice--warning{border-left-color:var(--color-border-wrong)}.sai-notice__body{flex:1}.sai-score{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.sai-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sai-divider{height:1px;background:var(--color-border);border:0;margin:0}.sai-skeleton{background:var(--color-surface-sunken);border-radius:var(--radius-sm);min-height:1em}@media(prefers-reduced-motion:no-preference){.sai-skeleton{animation:sai-pulse 1.6s ease-in-out infinite}}@keyframes sai-pulse{50%{opacity:.55}}.sai-crash{max-width:var(--size-measure-narrow);margin:0 auto;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.sai-crash h1{font-size:var(--text-lg);font-weight:var(--fw-bold);line-height:var(--lh-lg);margin:0}.sai-crash p{margin:0;line-height:var(--lh-base)}.sai-crash button{min-height:var(--size-target-min);padding:0 var(--space-6);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-text-on-accent);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}.sai-crash button:hover{background:var(--color-accent-hover)}.sai-crash button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.sai-crash-note{color:var(--color-text-secondary);font-size:var(--text-sm)}.ab__svg{display:block;overflow:visible}.ab__cell{fill:var(--color-surface-sunken);stroke:var(--color-border);stroke-width:1}.ab__cell--dim{opacity:.55}.ab__slice{fill:var(--color-accent)}.ab__edge{stroke:var(--color-accent);stroke-width:1.5;stroke-dasharray:3 3}.ab__marker{fill:var(--color-accent);stroke:var(--color-surface);stroke-width:2}.ab__tick{font-size:10px;fill:var(--color-text-secondary)}.ab__caption{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--lh-lg);color:var(--color-text-secondary)}.ab__table summary{min-height:var(--size-target-min);display:flex;align-items:center;cursor:pointer;color:var(--color-accent)}.ab__table table{border-collapse:collapse;width:100%}.ab__table th,.ab__table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);line-height:var(--lh-lg)}@media(forced-colors:active){.ab__cell,.ab__slice,.ab__marker{forced-color-adjust:none;stroke:CanvasText}}@media print{.ab__slice{opacity:.4!important}}@media(prefers-reduced-motion:reduce){.ab__svg *{transition:none!important}}.sai-table-scroll{overflow-x:auto;overscroll-behavior-x:contain}.sai-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:var(--lh-sm)}.sai-table caption{text-align:left;color:var(--color-text-secondary);font-size:var(--text-sm);padding-bottom:var(--space-2)}.sai-table th,.sai-table td{text-align:left;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.sai-table th{font-weight:var(--fw-semibold);color:var(--color-text-secondary);white-space:nowrap;position:sticky;top:0;background:var(--color-surface);z-index:1}.sai-table tbody tr:last-child td{border-bottom:0}.sai-td--num{text-align:right;font-variant-numeric:tabular-nums}.sai-table-empty{padding:var(--space-6);color:var(--color-text-secondary)}.sai-modal{padding:0;border:0;background:transparent;max-width:min(34rem,calc(100vw - var(--space-8)));width:100%;color:var(--color-text)}.sai-modal::backdrop{background:var(--color-backdrop)}.sai-modal__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.sai-modal__title{margin:0 0 var(--space-3);font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:var(--fw-semibold)}.sai-modal__body{color:var(--color-text)}.sai-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);flex-wrap:wrap}.sai-toasts{position:fixed;inset-block-end:var(--space-4);inset-inline:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none;z-index:50}.sai-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);max-width:32rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);line-height:var(--lh-sm)}.sai-toast--success{border-inline-start:var(--space-1) solid var(--color-text-correct)}.sai-toast--error{border-inline-start:var(--space-1) solid var(--color-text-wrong)}.sai-toast__close{min-width:var(--size-target-min);min-height:var(--size-target-min);background:none;border:0;cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1}.sai-toast__close:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.sai-toast{animation:sai-toast-in var(--dur-base) ease-out}}@keyframes sai-toast-in{0%{opacity:0;transform:translateY(var(--space-2))}}.ab__trail{stroke:var(--color-accent);stroke-width:1;opacity:.45}.ab__trailDot{fill:var(--color-accent);opacity:.65}.ab__table{margin-top:var(--space-2);font-size:var(--text-sm)}.ab__table summary{cursor:pointer;color:var(--color-text-secondary);min-height:var(--size-target-min);display:flex;align-items:center}.ab__table table{border-collapse:collapse;margin-top:var(--space-2)}.ab__table caption{text-align:left;color:var(--color-text-secondary);padding-bottom:var(--space-1)}.ab__table th,.ab__table td{text-align:left;padding:var(--space-1) var(--space-3) var(--space-1) 0;border-bottom:1px solid var(--color-border)}@media print{.ab__trail,.ab__trailDot{opacity:.8!important}.ab__table{display:block}.ab__table table{display:table}}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-lg)}.wrap{max-width:var(--size-measure-narrow);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-10);display:flex;flex-direction:column;gap:var(--space-5)}h1{margin:0;font-size:var(--text-xl);line-height:var(--lh-lg)}h2{margin:0;font-size:var(--text-lg);line-height:var(--lh-lg)}h3{margin:0;font-size:var(--text-md);line-height:var(--lh-lg)}p{margin:0;line-height:var(--lh-lg)}.muted{color:var(--color-text-secondary)}.estimate{display:block;font-size:var(--text-lg);line-height:var(--lh-lg);margin-bottom:var(--space-2)}.skill{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.skill:last-child{border-bottom:0}.ph-notice{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-sunken);font-size:var(--text-sm);line-height:var(--lh-sm)}.ph-notice ul{margin:var(--space-2) 0;padding-left:var(--space-5)}.ph-notice li{margin-bottom:var(--space-2)}.ph-consent{display:flex;gap:var(--space-3);align-items:flex-start;min-height:var(--size-target-min);cursor:pointer;line-height:var(--lh-base)}.ph-consent input{width:24px;height:24px;margin-top:2px;flex:none;accent-color:var(--color-accent)}