:root{--ink: #1f1d36;--ink-soft: #4a4763;--ink-muted: #6a6785;--hema-900: #142b48;--hema-700: #236b78;--hema-600: #2a8b91;--hema-200: #b8dcd9;--hema-100: #e1f3f1;--hema-50: #eef7f6;--eosin-700: #177b72;--eosin-500: #50d5bf;--eosin-100: #d9f4ef;--paper: #f5f8fb;--surface: #ffffff;--line: #d4e1e5;--ok-700: #17694e;--ok-100: #dcf3ea;--warn-700: #8a5300;--warn-100: #fdeccb;--bad-700: #a3241c;--bad-100: #fde2df;--shadow-card: 0 10px 28px rgba(20, 43, 72, .08);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1rem;--text-lg: 1.1875rem;--text-xl: 1.5rem;--text-2xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.375rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-1: 0 1px 2px rgba(38, 34, 95, .08);--shadow-2: 0 12px 32px rgba(38, 34, 95, .18);--focus: 0 0 0 3px #fff, 0 0 0 5px var(--hema-600);--content-width: 72rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0;color:var(--hema-900)}p{margin:0}a{color:var(--hema-700)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-3);top:-4rem;background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:100}.skip-link:focus{top:var(--space-3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}.btn--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--primary{background:var(--hema-700);color:#fff}.btn--primary:hover:not(:disabled){background:var(--hema-900)}.btn--secondary{background:var(--surface);color:var(--hema-700);border-color:var(--hema-200)}.btn--secondary:hover:not(:disabled){background:var(--hema-50)}.btn--ghost{background:transparent;color:var(--hema-700)}.btn--ghost:hover:not(:disabled){background:var(--hema-50)}.btn--danger{background:var(--bad-700);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card__title{font-size:var(--text-lg)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600;background:var(--hema-50);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap}.badge--info{background:var(--hema-100);color:var(--hema-700);border-color:var(--hema-200)}.badge--success{background:var(--ok-100);color:var(--ok-700);border-color:transparent}.badge--warning{background:var(--warn-100);color:var(--warn-700);border-color:transparent}.badge--danger{background:var(--bad-100);color:var(--bad-700);border-color:transparent}.badge--accent{background:var(--eosin-100);color:var(--eosin-700);border-color:transparent}.progress__head{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-1)}.progress__value{font-weight:600;font-variant-numeric:tabular-nums}.progress__track{height:10px;background:var(--hema-100);border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:var(--hema-600);border-radius:999px}.spinner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;color:var(--ink-soft)}.spinner__ring{width:22px;height:22px;border:3px solid var(--hema-100);border-top-color:var(--hema-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);border:1px dashed var(--hema-200);background:var(--hema-50)}.state--error{border-style:solid;border-color:var(--bad-700);background:var(--bad-100)}.state__title{font-size:var(--text-lg)}.state__text{color:var(--ink-soft);max-width:60ch}.mock-banner{background:var(--eosin-100);color:var(--eosin-700);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);text-align:center;border-bottom:1px solid var(--eosin-500)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1d368c;display:grid;place-items:center;padding:var(--space-4);z-index:50}.dialog{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5);width:min(30rem,100%);box-shadow:var(--shadow-2);display:grid;gap:var(--space-4)}.dialog__body{color:var(--ink-soft);display:grid;gap:var(--space-2)}.dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table caption{text-align:left;color:var(--ink-muted);padding-bottom:var(--space-2)}.table th,.table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--ink-soft);font-weight:600;white-space:nowrap}.table .num{text-align:right;font-variant-numeric:tabular-nums}.field{display:grid;gap:var(--space-1)}.field label,.field legend{font-weight:600;font-size:var(--text-sm)}.field input[type=text],.field textarea,.field select,.role-switcher select{font:inherit;padding:var(--space-2) var(--space-3);min-height:44px;border:1px solid var(--ink-muted);border-radius:var(--radius-md);background:var(--surface);color:var(--ink)}.field textarea{min-height:96px;resize:vertical}.field [aria-invalid=true]{border-color:var(--bad-700)}.field__hint{font-size:var(--text-xs);color:var(--ink-muted)}.field__error{font-size:var(--text-sm);color:var(--bad-700)}.stat{display:grid;gap:var(--space-1)}.stat__value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--hema-900);font-variant-numeric:tabular-nums;line-height:1.1}.stat__label{color:var(--ink-soft);font-size:var(--text-sm)}.field input:not([type=radio]):not([type=checkbox]){width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit}.field input:not([type=radio]):not([type=checkbox]):hover,.field textarea:hover,.field select:hover{border-color:var(--hema-600)}.field input:not([type=radio]):not([type=checkbox]):focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:none;border-color:var(--hema-600);box-shadow:0 0 0 3px var(--hema-100)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-muted);opacity:1}.mock-banner--connected{background:#eaf6f2;color:#17634f;border-bottom-color:#c6e4d9}.card{box-shadow:var(--shadow-card)}.card__title{letter-spacing:-.01em}.btn--primary{background:linear-gradient(110deg,#236b78,#2a8b91)}.btn--primary:hover:not(:disabled){background:#142b48}@media (hover:hover){.card{transition:box-shadow .16s ease,transform .16s ease}.card:hover{box-shadow:0 14px 32px #142b481c}}.btn{box-shadow:none;transition:background-color .15s,border-color .15s,transform .08s,box-shadow .15s}.btn--primary{box-shadow:0 2px 8px #142b482e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--focus)}.btn--danger:hover:not(:disabled){background:#7d1b15}.btn--secondary:hover:not(:disabled){border-color:var(--hema-600)}.btn[aria-busy=true]{position:relative;cursor:progress}.btn:disabled{filter:grayscale(.25)}.btn--lg{min-height:52px;padding:0 var(--space-5);font-size:var(--text-lg)}.btn--block{width:100%}.mock-banner{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);line-height:1.4}.card{border-radius:var(--radius-lg)}@media (hover: hover){.card{transform:none}}.table tbody tr:hover{background:var(--hema-50)}.table th[scope=col]{background:var(--hema-50);position:sticky;top:0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md)}.table-wrap .table tr:last-child>*{border-bottom:0}.field select{width:100%}.field input[type=file]{padding:var(--space-2);background:var(--hema-50);border-style:dashed;cursor:pointer}.field input[type=file]::file-selector-button{margin-inline-end:var(--space-3);padding:var(--space-1) var(--space-3);border:1px solid var(--hema-200);border-radius:var(--radius-sm);background:var(--surface);color:var(--hema-700);font:inherit;font-weight:600;cursor:pointer}.notice{border-inline-start:4px solid var(--warn-700)}.notice--error{border-inline-start-color:var(--bad-700)}.auth-card{width:min(28rem,100%);margin:var(--space-7) auto}@media (max-width: 640px){.btn{min-height:48px}.dialog__actions .btn{flex:1 1 100%}.card{padding:var(--space-4)}}.admin-access{display:grid;gap:var(--space-4)}.admin-access__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.admin-access__email{font-size:var(--text-md);font-family:var(--font-body);overflow-wrap:anywhere}.perm-fieldset{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-3);margin:0;min-width:0}.perm-fieldset legend{font-weight:600;font-size:var(--text-sm);padding-inline:var(--space-2)}.perm-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}.perm-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}.perm-option:hover{border-color:var(--hema-600)}.perm-option:has(input:checked){background:var(--hema-50);border-color:var(--hema-600)}.perm-option input{width:20px;height:20px;margin-top:2px;accent-color:var(--hema-700);flex:0 0 auto}.perm-option span{display:grid;gap:2px}.perm-option small{color:var(--ink-muted);font-size:var(--text-xs)}.perm-option--inline{max-width:36rem}.shell{min-height:100vh;display:flex;flex-direction:column}.shell__header{background:linear-gradient(112deg,#142b48,#1d5068 70%,#236b78);color:#fff;position:sticky;top:0;z-index:20}.shell__bar,.nav{max-width:var(--content-width);margin:0 auto;padding-inline:var(--space-4)}.shell__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:#fff;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;text-decoration:none}.brand__logo{display:block;width:36px;height:36px;flex:0 0 auto}.role-switcher{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm)}.role-switcher select{min-height:36px}.role-switcher__note{color:var(--hema-200);font-size:var(--text-xs)}.nav{display:flex;gap:var(--space-1);overflow-x:auto}.nav__link{color:var(--hema-100);text-decoration:none;padding:var(--space-3) var(--space-3);border-bottom:3px solid transparent;white-space:nowrap;font-weight:600;font-size:var(--text-sm)}.nav__link:hover{color:#fff}.nav__link--active{color:#fff;border-bottom-color:var(--eosin-500)}.shell .nav__link:focus-visible,.shell .brand:focus-visible{box-shadow:0 0 0 3px var(--hema-900),0 0 0 5px #fff}.shell__main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);display:grid;gap:var(--space-5);align-content:start}.shell__footer{text-align:center;color:var(--ink-muted);font-size:var(--text-xs);padding:var(--space-4)}.brand-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-3);border-top:1px solid var(--line);background:var(--surface)}.brand-footer__mark{width:30px;height:30px;flex:0 0 auto}.brand-footer__copy{display:grid;gap:2px}.brand-footer__copy p+p{color:var(--ink-muted)}@media (max-width: 520px){.brand-footer{padding-inline:var(--space-3);gap:var(--space-2)}.brand-footer__mark{width:26px;height:26px}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.page-header__title{font-size:var(--text-2xl)}.page-header__intro{color:var(--ink-soft);margin-top:var(--space-2);max-width:60ch}.grid{display:grid;gap:var(--space-4)}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.grid--two{grid-template-columns:1fr}@media (min-width: 960px){.grid--two{grid-template-columns:3fr 2fr}.grid--two-even{grid-template-columns:1fr 1fr}}.stack{display:grid;gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.muted{color:var(--ink-soft);font-size:var(--text-sm)}.exam-card{display:grid;gap:var(--space-3);align-content:space-between}.exam-card__title{font-size:var(--text-lg)}.exam-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--ink-soft);font-size:var(--text-sm)}.exam{min-height:100vh;display:flex;flex-direction:column}.exam__topbar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line)}.exam__topbar-inner{max-width:var(--content-width);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.exam__title{font-size:var(--text-lg)}.exam__body{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);display:grid;gap:var(--space-5);align-content:start}@media (min-width: 960px){.exam__body{grid-template-columns:minmax(0,1fr) 18rem;align-items:start}}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-lg);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--hema-50);color:var(--hema-900);border:1px solid var(--hema-200)}.timer--low{background:var(--warn-100);color:var(--warn-700);border-color:var(--warn-700)}.timer--done{background:var(--bad-100);color:var(--bad-700);border-color:var(--bad-700)}.question__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.question__fieldset{border:0;padding:0;margin:0;min-width:0}.question__stem{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.35;color:var(--ink);max-width:62ch;padding:0;margin-bottom:var(--space-4)}.options{display:grid;gap:var(--space-3)}.option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}.option:hover{border-color:var(--hema-600)}.option:has(input:checked){border-color:var(--hema-700);background:var(--hema-50);box-shadow:inset 4px 0 0 var(--hema-700)}.option:has(input:focus-visible){box-shadow:var(--focus)}.option:has(input:disabled){cursor:not-allowed;opacity:.75}.option input{margin-top:.3rem;width:18px;height:18px;accent-color:var(--hema-700)}.option__letter{font-weight:700;color:var(--hema-700);min-width:1.25rem}.exam__controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.qnav{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--space-2)}.qnav__btn{position:relative;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}.qnav__btn--answered{background:var(--hema-100);border-color:var(--hema-600);color:var(--hema-900)}.qnav__btn--current{background:var(--hema-700);border-color:var(--hema-700);color:#fff}.qnav__btn--flagged:after{content:"";position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--eosin-500);border:1px solid #fff}.legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--ink-soft);margin-top:var(--space-3)}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--warn-100);color:var(--warn-700);font-weight:600}.notice--error{background:var(--bad-100);color:var(--bad-700)}.review-option{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--line)}.review-option--correct{background:var(--ok-100);border-color:var(--ok-700)}.review-option--wrong{background:var(--bad-100);border-color:var(--bad-700)}.explanation{background:var(--hema-50);border-left:4px solid var(--hema-600);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.score{font-family:var(--font-display);font-size:3.5rem;line-height:1;color:var(--hema-900);font-variant-numeric:tabular-nums}.catalog-list{display:grid;gap:var(--space-4)}.catalog-subject{border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface)}.catalog-subject__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.catalog-subject__header h3{margin:0}.catalog-subject__header p{margin-top:var(--space-2);color:var(--ink-muted)}.catalog-sections{list-style:none;display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0}.catalog-sections li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-2)}.catalog-sections__child{padding-left:var(--space-5)!important}.catalog-student-links{display:grid;gap:var(--space-2)}.catalog-student-links a{color:var(--hema-700);font-weight:650;text-decoration:none;padding-block:var(--space-2);border-bottom:1px solid var(--line)}.catalog-student-links a:hover{text-decoration:underline}.nav-wrap{border-top:1px solid rgba(255,255,255,.12)}.nav--admin{background:#0000002e;border-top:1px solid rgba(255,255,255,.1);max-width:none}.nav--admin .nav__inner{max-width:var(--content-width);margin:0 auto;padding-inline:var(--space-4);display:flex;align-items:center;gap:var(--space-1);overflow-x:auto}.nav__label{color:var(--eosin-500);font-size:var(--text-xs);font-weight:700;padding-inline-end:var(--space-3);white-space:nowrap}.nav--admin .nav__link{padding-block:var(--space-2);font-size:var(--text-xs)}.nav{scrollbar-width:thin}.nav__link{transition:color .15s,border-color .15s,background-color .15s}.nav__link:hover{background:#ffffff12;border-bottom-color:#ffffff59}.nav__link--active,.nav__link--active:hover{border-bottom-color:var(--eosin-500);background:#ffffff1a}.role-switcher__note{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-switcher .btn--ghost{color:#fff;border-color:#ffffff59}.role-switcher .btn--ghost:hover:not(:disabled){background:#ffffff1f}.role-switcher .btn:focus-visible{box-shadow:0 0 0 3px var(--hema-900),0 0 0 5px #fff}.catalog-sections__child{padding-left:0!important;padding-inline-start:var(--space-5)!important}.shell__footer{margin-top:auto}@media (max-width: 640px){.shell__bar{padding-block:var(--space-2)}.shell__main{padding-inline:var(--space-3)}.page-header{align-items:flex-start}}.shell__main--narrow{max-width:28rem;padding-top:var(--space-7)}.auth-brand{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--hema-900);text-decoration:none}