@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";.sp-btn{font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);padding:var(--space-4);font-size:14px;line-height:18px;font-weight:700;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.sp-btn:disabled{cursor:not-allowed;color:var(--ink-faint);background:var(--surface-sunken)}.sp-btn--primary{background:var(--brand-600);color:var(--on-brand)}.sp-btn--primary:hover:not(:disabled){background:var(--brand-700)}.sp-btn--secondary{background:var(--surface-raised);color:var(--ink);border:1.5px solid var(--border)}.sp-btn--secondary:hover:not(:disabled){border-color:var(--border-strong)}.sp-btn--ghost{background:transparent;color:var(--brand-600);padding:var(--space-2) var(--space-3)}.sp-btn--ghost:hover:not(:disabled){background:var(--brand-100)}.sp-btn--danger{background:var(--danger);color:var(--on-danger)}.sp-btn--danger:hover:not(:disabled){filter:brightness(.92)}.sp-btn--sm{padding:var(--space-2) var(--space-3);font-size:13px;line-height:16px;border-radius:var(--radius-sm)}.sp-btn--lg{padding:var(--space-4) var(--space-6);font-size:15px;line-height:20px}.sp-btn--block{width:100%}.sp-badge{font-family:var(--font-sans);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sp-badge--success{background:var(--success);color:var(--on-success)}.sp-badge--warning{background:var(--warning);color:var(--on-warning)}.sp-badge--info{background:var(--info);color:var(--on-info)}.sp-badge--danger{background:var(--danger);color:var(--on-danger)}.sp-badge--neutral{background:var(--surface-sunken);color:var(--ink-muted)}.sp-badge__dot{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.85}.sp-card{font-family:var(--font-sans);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.sp-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.sp-card__foot{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sp-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:left;width:100%;font-family:var(--font-sans);color:var(--ink);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.sp-row:disabled,.sp-row--free{cursor:default}button.sp-row{border-style:solid}.sp-row--now{border-color:var(--success);background:var(--success-subtle)}.sp-row--next{border-color:var(--brand-600)}.sp-row--free{border-style:dashed;background:transparent;color:var(--ink-faint);font-style:italic}.sp-row__leading{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;color:var(--ink-faint)}.sp-row__info{flex:1;min-width:0}.sp-row__info .sp-row__title{font-size:14px;line-height:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-row__info .sp-row__subtitle{font-size:13px;line-height:19px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-row__trailing{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.sp-row__chevron{color:var(--ink-faint);flex-shrink:0}.sp-header{border-bottom:1.5px solid var(--border);background:var(--surface-raised)}.sp-header__inner{max-width:720px;margin:0 auto;padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sp-header__brand{display:flex;align-items:center}.sp-header__user{display:flex;align-items:center;gap:var(--space-3)}.sp-header__link{color:var(--ink);text-decoration:none}.sp-header__link:hover{color:var(--brand-600)}@media (max-width: 520px){.sp-header__name{display:none}}.sp-option{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;line-height:23px;color:var(--ink);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.sp-option:disabled{cursor:default}.sp-option__letter{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-full);border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--ink-muted)}.sp-option--selected{border-color:var(--brand-600);background:var(--brand-050)}.sp-option--selected .sp-option__letter{border-color:var(--brand-600);background:var(--brand-600);color:var(--on-brand)}:root[data-theme=dark] .sp-option--selected{background:var(--surface-sunken)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sp-option--selected{background:var(--surface-sunken)}}.sp-option--correct{border-color:var(--success);background:var(--success-subtle)}.sp-option--correct .sp-option__letter{border-color:var(--success);background:var(--success);color:var(--on-success)}.sp-option--incorrect{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface-raised))}.sp-option--incorrect .sp-option__letter{border-color:var(--danger);background:var(--danger);color:var(--on-danger)}.sp-statcard{font-family:var(--font-sans);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.sp-statcard__label{color:var(--ink-muted)}.sp-statcard__value{font-family:var(--font-mono);font-size:26px;line-height:32px;font-weight:700}.sp-statcard[data-tone=danger] .sp-statcard__value{color:var(--danger)}.sp-statcard[data-tone=warning] .sp-statcard__value{color:var(--warning)}.sp-statcard[data-tone=success] .sp-statcard__value{color:var(--success)}.sp-statcard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.sp-shell{flex:1;min-height:0;display:flex}.sp-shell__content{flex:1;min-width:0;overflow-y:auto}.sp-sidebar{width:220px;flex-shrink:0;background:var(--surface-raised);border-right:1.5px solid var(--border);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);gap:var(--space-6);transition:width .15s ease}.sp-sidebar--collapsed{width:64px;align-items:center}.sp-sidebar__brand{display:flex;align-items:center;justify-content:center;padding:var(--space-2) 0}.sp-sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sp-sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ink-muted);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;border:none;background:none;cursor:pointer;width:100%;text-align:left;font-family:inherit}.sp-sidebar--collapsed .sp-sidebar__link{justify-content:center;padding:var(--space-2);width:auto}.sp-sidebar__link:hover{background:var(--surface-sunken);color:var(--ink)}.sp-sidebar__link--active{background:var(--brand-050);color:var(--brand-600)}:root[data-theme=dark] .sp-sidebar__link--active{background:var(--surface-sunken)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sp-sidebar__link--active{background:var(--surface-sunken)}}.sp-sidebar__foot{display:flex;flex-direction:column;gap:var(--space-1);border-top:1.5px solid var(--border);padding-top:var(--space-3)}.sp-sidebar__user{padding:var(--space-2) var(--space-3)}.sp-sidebar__tools{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) 0;flex-wrap:wrap}.sp-sidebar--collapsed .sp-sidebar__tools{flex-direction:column;padding:var(--space-2) 0 0}.sp-sidebar__collapse{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);cursor:pointer}.sp-sidebar__collapse:hover{color:var(--ink)}.sp-field{display:flex;flex-direction:column;gap:var(--space-2)}.sp-field__label{font-size:14px;line-height:18px;font-weight:700;color:var(--ink)}.sp-input,.sp-select{font-family:var(--font-sans);font-size:15px;line-height:20px;color:var(--ink);background:var(--surface-sunken);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%;transition:border-color .12s ease}.sp-input::placeholder{color:var(--ink-faint)}.sp-input:hover,.sp-select:hover{border-color:var(--border-strong)}.sp-input:focus,.sp-select:focus{outline:none;border-color:var(--brand-600)}.sp-select{cursor:pointer}.sp-timer{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.sp-timer__value{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--ink)}.sp-timer--warning{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface-raised))}.sp-timer--warning .sp-timer__value{color:var(--warning)}.sp-timer--danger{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface-raised))}.sp-timer--danger .sp-timer__value{color:var(--danger)}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--brand-050: #fdedea;--brand-100: #fedfdd;--brand-200: #fcbbb5;--brand-300: #fa887f;--brand-400: #f8483a;--brand-500: #e21908;--brand-600: #dd1808;--brand-700: #b81405;--brand-800: #8a0f05;--brand-900: #620b04;--on-brand: #ffffff;--surface: #fbf9f8;--surface-raised: #ffffff;--surface-sunken: #f5f5f4;--border: #ede4e2;--border-strong: #c4c1c0;--ink: #241512;--ink-muted: #8a7975;--ink-faint: #c4b7b4;--link: #dd1808;--focus-ring: #dd1808;--success: #2f9e5b;--success-subtle: #e9f6ee;--on-success: #ffffff;--warning: #b36205;--on-warning: #ffffff;--info: #366fec;--on-info: #ffffff;--danger: #b11306;--on-danger: #ffffff;--warm-050: #fff6e9;--warm-100: #ffefdb;--warm-300: #e8c58c;--warm-ink: #8a5a1e;--warm-ink-muted: #b08542;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface: #121211;--surface-raised: #1a1919;--surface-sunken: #252423;--border: #474543;--border-strong: #5f5b59;--ink: #fbfbfb;--ink-muted: #9c9896;--ink-faint: #5f5b59;--link: #f8483a;--focus-ring: #f8483a;--success: #1ab480;--success-subtle: #16281f;--on-success: #1a1919;--warning: #ef8206;--on-warning: #1a1919;--info: #759df2;--on-info: #1a1919;--danger: #fa766b;--on-danger: #1a1919}}:root[data-theme=dark]{--surface: #121211;--surface-raised: #1a1919;--surface-sunken: #252423;--border: #474543;--border-strong: #5f5b59;--ink: #fbfbfb;--ink-muted: #9c9896;--ink-faint: #5f5b59;--link: #f8483a;--focus-ring: #f8483a;--success: #1ab480;--success-subtle: #16281f;--on-success: #1a1919;--warning: #ef8206;--on-warning: #1a1919;--info: #759df2;--on-info: #1a1919;--danger: #fa766b;--on-danger: #1a1919}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:23px;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}a{color:var(--link)}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3,h4,p{margin:0}.h1{font-size:32px;line-height:38px;font-weight:700}.h2{font-size:26px;line-height:32px;font-weight:700}.h3{font-size:21px;line-height:27px;font-weight:600}.h4{font-size:17px;line-height:23px;font-weight:600}.body-lg{font-size:17px;line-height:26px}.body-sm{font-size:13px;line-height:19px}.label{font-size:14px;line-height:18px;font-weight:700}.label-sm{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.caption{font-size:12px;line-height:17px;font-weight:500;color:var(--ink-muted)}.ink-muted{color:var(--ink-muted)}.ink-faint{color:var(--ink-faint)}.data-value{font-family:var(--font-mono);font-size:14.5px;line-height:18px;font-weight:700}.data-sub{font-family:var(--font-mono);font-size:10px;line-height:13px}.data-eyebrow{font-family:var(--font-mono);font-size:10px;line-height:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.page{max-width:720px;width:100%;margin:0 auto;padding:var(--space-10) var(--space-4) var(--space-16)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row-stack{display:flex;flex-direction:column;gap:7px}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}