@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);--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-h-lg);--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;--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;--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(./fonts/bvp-400.woff2) format("woff2")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/bvp-700.woff2) format("woff2")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/bvp-600.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%}.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-h-lg);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}}.ir-item{display:flex;flex-direction:column;gap:var(--space-4)}.ir-stem{margin:0;font-size:var(--text-md);line-height:var(--lh-lg);color:var(--color-text)}.ir-blank{display:inline-block;min-width:4.5rem;border-bottom:2px solid var(--color-border-strong);vertical-align:baseline}.ir-blank-wrap{display:inline-flex;align-items:baseline;gap:var(--space-1)}.ir-blank-input{min-height:var(--size-target-min);padding:0 var(--space-2);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.ir-blank-input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ir-blank-wrap--correct .ir-blank-input{border-color:var(--color-border-correct)}.ir-blank-wrap--wrong .ir-blank-input{border-color:var(--color-border-wrong);text-decoration:line-through}.ir-expected,.ir-expected-line{color:var(--color-text-correct);font-size:var(--text-sm)}.ir-expected-line{margin:0}.ir-hint{color:var(--color-text-secondary);font-size:var(--text-sm)}.ir-line-input,.ir-textarea{width:100%;min-height:var(--size-target-min);padding:var(--space-2) var(--space-3);font:inherit;line-height:var(--lh-lg);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.ir-line-input:focus-visible,.ir-textarea:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ir-line-input--correct{border-color:var(--color-border-correct)}.ir-line-input--wrong{border-color:var(--color-border-wrong)}.ir-options{display:flex;flex-direction:column;gap:var(--space-2)}.ir-choice{min-height:var(--size-target-min);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);line-height:var(--lh-lg)}.ir-choice--correct{border-color:var(--color-border-correct);background:var(--color-surface-correct)}.ir-choice--wrong{border-color:var(--color-border-wrong);background:var(--color-surface-wrong)}.ir-option__key{font-variant-numeric:tabular-nums}.ir-verdict{font-size:var(--text-sm);white-space:nowrap}.ir-verdict--correct{color:var(--color-text-correct)}.ir-verdict--wrong{color:var(--color-text-wrong)}.ir-note{margin:var(--space-1) 0 0 var(--space-6);font-size:var(--text-sm);line-height:var(--lh-lg);color:var(--color-text-secondary)}.ir-target,.ir-prompt,.ir-parent-hint,.ir-match__hint{margin:0;font-size:var(--text-sm);line-height:var(--lh-lg);color:var(--color-text-secondary)}.ir-prompt-block{margin:0;font-size:var(--text-md);line-height:var(--lh-lg)}.ir-original{margin:0;font-size:var(--text-md);line-height:var(--lh-lg);font-style:italic}.ir-speaker{margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-surface-sunken);line-height:var(--lh-lg)}.ir-sign{padding:var(--space-4);border:2px solid var(--color-border-strong);border-radius:var(--radius-md);text-align:center;background:var(--color-surface-sunken)}.ir-sign__text{font-weight:700;letter-spacing:.02em;line-height:var(--lh-lg)}.ir-sign__ctx{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.ir-sign__img{max-width:100%;height:auto}.ir-passage{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.ir-passage p{margin:0 0 var(--space-3);line-height:var(--lh-lg)}.ir-passage p:last-child{margin-bottom:0}.ir-passage__title{margin:0 0 var(--space-3);font-size:var(--text-lg)}.ir-passage__source{font-size:var(--text-sm);color:var(--color-text-secondary)}.ir-underlined__seg{text-decoration:underline;text-underline-offset:3px}.ir-underlined__tag{font-size:var(--text-xs);color:var(--color-accent)}.ir-audio{display:flex;flex-direction:column;gap:var(--space-2)}.ir-audio__el{width:100%}.ir-audio__meta,.ir-wordcount{font-size:var(--text-sm);color:var(--color-text-secondary)}.ir-wordcount{margin:0}.ir-order-line{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:calc(var(--size-target-min) + var(--space-4));padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);align-items:center}.ir-order-empty{color:var(--color-text-secondary);font-size:var(--text-sm)}.ir-placed{display:inline-flex;align-items:stretch;border:1px solid var(--color-accent);border-radius:var(--radius-sm);overflow:hidden}.ir-placed__word,.ir-token,.ir-move,.ir-match__left,.ir-match__right{min-height:var(--size-target-min);padding:0 var(--space-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:0;cursor:pointer}.ir-move{min-width:var(--size-target-min);padding:0;border-left:1px solid var(--color-border);color:var(--color-accent)}.ir-move:disabled{color:var(--color-text-muted);cursor:default}.ir-order-pool{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ir-token{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.ir-token--used{color:var(--color-text-muted);background:var(--color-surface-sunken);text-decoration:line-through;cursor:default}.ir-placed__word:focus-visible,.ir-token:focus-visible,.ir-move:focus-visible,.ir-match__left:focus-visible,.ir-match__right:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.ir-match{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:40rem){.ir-match{grid-template-columns:1.4fr 1fr}}.ir-match__col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.ir-match__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ir-match__row--correct{border-color:var(--color-border-correct)}.ir-match__row--wrong{border-color:var(--color-border-wrong)}.ir-match__left{flex:1 1 8rem;text-align:left;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.ir-match__left--active{border-color:var(--color-accent);background:var(--color-surface-accent);font-weight:700}.ir-match__right{width:100%;text-align:left;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.ir-match__right--used{color:var(--color-text-muted);background:var(--color-surface-sunken);cursor:default}.ir-match__blank,.ir-match__expected{font-size:var(--text-sm);color:var(--color-text-secondary)}.ir-explanation{margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-surface-sunken);line-height:var(--lh-lg)}.ir-hl{background:var(--color-surface-accent);color:inherit;padding:0 var(--space-1);border-radius:var(--radius-sm)}.ir-hl--correct{background:var(--color-surface-correct)}.ir-hl--wrong{background:var(--color-surface-wrong)}.ir-correction,.ir-await-teacher{margin:0;line-height:var(--lh-lg)}.ir-rubric,.ir-sample,.ir-transcript{font-size:var(--text-sm);line-height:var(--lh-lg)}.ir-rubric summary,.ir-sample summary,.ir-transcript summary{min-height:var(--size-target-min);display:flex;align-items:center;cursor:pointer;color:var(--color-accent)}.ir-rubric ul{margin:0;padding-left:var(--space-5)}@media(prefers-reduced-motion:reduce){.ir-item *{transition:none!important}}.skip{position:absolute;left:-9999px;top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);z-index:var(--z-toast)}.skip:focus{left:var(--space-2)}.navlink{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--size-control-h);padding:0 var(--space-3);margin-bottom:var(--space-1);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.navlink:hover{background:var(--color-surface-sunken)}.navlink[data-active=true]{background:var(--color-surface-accent);color:var(--color-text-accent);font-weight:var(--fw-semibold)}.navlink:focus-visible{outline:none;box-shadow:var(--focus-ring)}.navbadge{min-width:1.6em;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--text-2xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;text-align:center}.signout,.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--color-text-accent);cursor:pointer;text-align:left}.signout:focus-visible,.linkbtn:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.linkbtn:hover{text-decoration:underline}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--stack-gap)}.stat-card{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding);cursor:pointer}.stat-card:hover{border-color:var(--color-border-accent)}.stat-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;font-size:var(--text-sm);vertical-align:top}.table th{color:var(--color-text-secondary);font-weight:var(--fw-semibold);white-space:nowrap}.matrix .cell{text-align:center;font-variant-numeric:tabular-nums}.matrix .cell.thin{color:var(--color-text-wrong);font-weight:var(--fw-bold);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,var(--color-surface-wrong) 5px,var(--color-surface-wrong) 10px)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6)}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.meta{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0;font-size:var(--text-sm)}.meta dt{color:var(--color-text-secondary)}.meta dd{margin:0}.kbd{display:inline-block;min-width:1.6em;padding:0 var(--space-1);border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);text-align:center}.login-wrap{max-width:380px;margin:12vh auto;padding:0 var(--space-4)}