:root{--mx-purple-400:#b5abfc;--mx-purple-500:#968ae0;--mx-purple-600:#796cbf;--mx-purple-700:#5d5294;--mx-purple-800:#423a6a;--mx-purple-900:#2b2741;--mx-gold:#d8b46a;--mx-gold-dim:#a8874a;--mx-gold-edge:#6f5a2e;--mx-bg:#15111f;--mx-surface:#1c1729;--mx-surface-2:#221b33;--mx-surface-3:#1e1830;--mx-tile-from:#362a5c;--mx-tile-to:#1d1730;--mx-border:#2c2440;--mx-border-strong:#3b3252;--mx-track:#3b3159;--mx-text:#ece9f6;--mx-text-soft:#cfc8e8;--mx-text-muted:#a49bc4;--mx-text-dim:#8d82ad;--mx-text-faint:#6f6790;--mx-accent:var(--mx-purple-500);--mx-accent-line:var(--mx-purple-600);--mx-earned:var(--mx-gold);--mx-font:"Inter", system-ui, -apple-system, sans-serif;--mx-font-mono:"JetBrains Mono", ui-monospace, monospace;--mx-radius-sm:8px;--mx-radius-md:10px;--mx-radius-lg:14px;--mx-radius-xl:18px;--mx-radius-phone:26px;--mx-space-1:4px;--mx-space-2:8px;--mx-space-3:12px;--mx-space-4:16px;--mx-space-5:20px;--mx-space-6:26px;--mx-space-7:30px}:root[data-theme=green]{--mx-purple-400:#5fd88f;--mx-purple-500:#33c46e;--mx-purple-600:#33c46e;--mx-purple-700:#1f7d4c;--mx-purple-800:#17462f;--mx-purple-900:#102a1d;--mx-gold:#33c46e;--mx-gold-dim:#2f8f5c;--mx-gold-edge:#234034;--mx-bg:#0b0e0c;--mx-surface:#101711;--mx-surface-2:#16211a;--mx-surface-3:#131c16;--mx-tile-from:#121a15;--mx-tile-to:#121a15;--mx-border:#1c2620;--mx-border-strong:#234034;--mx-track:#1f4d33;--mx-text:#e6efe8;--mx-text-soft:#c6d6cb;--mx-text-muted:#8c9a91;--mx-text-dim:#7d8d83;--mx-text-faint:#62726a}body{background:var(--mx-bg);color:var(--mx-text);font-family:var(--mx-font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--mx-purple-400);text-decoration:none}a:hover{color:var(--mx-text-soft)}::selection{background:color-mix(in srgb, var(--mx-accent) 30%, transparent)}:focus-visible{outline:2px solid var(--mx-accent);outline-offset:2px}.mx-wordmark{font-family:var(--mx-font);letter-spacing:-.035em;color:var(--mx-text);font-weight:300;line-height:1}.mx-wordmark b{font-weight:600}.mx-wordmark i{color:var(--mx-gold);font-style:normal;font-weight:600}.mx-card{background:var(--mx-surface);border-radius:var(--mx-radius-lg);box-shadow:0 0 0 1px var(--mx-border);padding:var(--mx-space-6) 28px}.mx-card--earned{box-shadow:0 0 0 1px var(--mx-border-strong)}.mx-kicker{font-family:var(--mx-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mx-text-dim);font-size:11px}.mx-kicker--earned{color:var(--mx-gold-dim)}.mx-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:400}.mx-subtitle{margin:0;font-size:15px;font-weight:500}.mx-meta{color:var(--mx-text-dim);font-size:13px}.mx-btn{border-radius:var(--mx-radius-sm);color:var(--mx-text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:11px 22px;font-family:inherit;font-size:14px;transition:background .12s,color .12s;display:inline-flex}.mx-btn:hover{background:var(--mx-surface-2);color:var(--mx-text-soft)}.mx-btn:active{background:var(--mx-purple-900)}.mx-btn[disabled]{opacity:.45;pointer-events:none}.mx-btn--primary{box-shadow:inset 0 0 0 1px var(--mx-accent);color:var(--mx-text-soft);font-weight:500}.mx-btn--block{width:100%}.mx-question{background:var(--mx-surface-2);border-radius:var(--mx-radius-md);color:var(--mx-text-soft);text-align:center;padding:20px 18px;font-size:26px;font-weight:300}.mx-question--more{background:var(--mx-surface-3);color:var(--mx-text-faint);justify-content:center;align-items:center;font-size:13px;display:flex}.mx-prompt{letter-spacing:-.03em;font-size:64px;font-weight:200;line-height:1}.mx-answer{border-radius:var(--mx-radius-md);background:var(--mx-surface);width:220px;box-shadow:inset 0 0 0 1px var(--mx-accent);color:var(--mx-text);text-align:center;border:0;padding:16px 0;font-family:inherit;font-size:28px;font-weight:300}.mx-answer::placeholder{color:var(--mx-text-faint)}.mx-progress{gap:5px;display:flex}.mx-progress span{background:var(--mx-border);border-radius:2px;flex:1;height:3px}.mx-progress span[data-done]{background:var(--mx-accent)}.mx-chart{align-items:flex-end;gap:16px;height:150px;display:flex}.mx-chart-col{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.mx-bar{background:var(--mx-track);border-radius:6px 6px 2px 2px;width:100%}.mx-bar[data-current]{background:var(--mx-accent)}.mx-chart-label{font-family:var(--mx-font-mono);color:var(--mx-text-faint);font-size:11px}.mx-chart-col[data-current] .mx-chart-label{color:var(--mx-text-soft)}.mx-stat-value{letter-spacing:-.04em;color:var(--mx-earned);font-size:44px;font-weight:300;line-height:1}.mx-streak-dots{gap:6px;display:flex}.mx-streak-dots span{background:var(--mx-track);border-radius:3px;flex:1;height:5px}.mx-streak-dots span[data-on]{background:var(--mx-earned)}.mx-keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mx-key{border-radius:var(--mx-radius-md);background:var(--mx-surface-2);color:var(--mx-text);cursor:pointer;border:0;padding:18px 0;font-family:inherit;font-size:22px;font-weight:300}.mx-key:active{background:var(--mx-purple-800)}.mx-key--muted{background:var(--mx-surface-3);color:var(--mx-text-dim);font-size:15px}.mx-key--enter{box-shadow:inset 0 0 0 1px var(--mx-accent);color:var(--mx-text-soft);background:0 0;font-size:15px;font-weight:500}.mx-nav{border-bottom:1px solid var(--mx-border);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.mx-nav-links{color:var(--mx-text-muted);align-items:center;gap:26px;font-size:13px;display:flex}.mx-nav-links [aria-current]{color:var(--mx-text)}#root{--root-pad-top:24px;max-width:640px;min-height:100svh;padding:var(--root-pad-top) 20px 0;box-sizing:border-box;margin:0 auto}.app-shell{min-height:calc(100svh - var(--root-pad-top));box-sizing:border-box;flex-direction:column;display:flex}.app-main{flex:1;padding-bottom:48px}.mx-nav-home{display:inline-flex}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiz-scope{--q-bg:var(--mx-bg);--q-surface:var(--mx-surface);--q-surface-sunken:var(--mx-surface-2);--q-text:var(--mx-text);--q-text-sub:var(--mx-text-dim);--q-line:var(--mx-border);--q-accent:var(--mx-accent);--q-earned:var(--mx-earned);--q-wrong:#d8746a;--q-display:var(--mx-font);--q-data:var(--mx-font-mono);color:var(--q-text);padding:24px 16px 0}.quiz-scope .tnum{font-variant-numeric:tabular-nums}.quiz-scope .mx-nav{flex-wrap:wrap;gap:12px 16px;margin-bottom:28px}.quiz-scope .nav-shell{grid-template-rows:1fr;transition:grid-template-rows .26s cubic-bezier(.2,0,0,1),opacity .2s,transform .26s cubic-bezier(.2,0,0,1);display:grid}.quiz-scope .nav-shell__inner{min-height:0;margin:-4px;padding:4px;overflow:hidden}.quiz-scope .nav-shell--collapsed{opacity:0;grid-template-rows:0fr;transform:translateY(-12px)}.quiz-scope .quiz-enter{animation:.22s .18s both q-enter}@keyframes q-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.quiz-scope .site-footer{border-top:1px solid var(--q-line);justify-content:center;align-items:baseline;gap:10px;padding:20px 0 24px;transition:opacity .2s,visibility;display:flex}.quiz-scope .site-footer--hidden{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.quiz-scope .site-footer .mx-wordmark{color:var(--mx-text-muted)}.quiz-scope .site-footer__copy{color:var(--mx-text-faint);font-size:.75rem}@media (prefers-reduced-motion:reduce){.quiz-scope .nav-shell{transition:none}.quiz-scope .quiz-enter{animation:none}.quiz-scope .site-footer,.quiz-scope .site-footer--hidden{transition:none}}@media (width<=479px){.quiz-scope .mx-nav-home .mx-wordmark{display:none}}.quiz-scope .mx-nav-links{gap:14px;min-width:0;margin-left:auto}.quiz-scope .mx-nav-links span,.quiz-scope .mx-nav-links .mx-nav-user{color:var(--q-text-sub);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.85rem;overflow:hidden}.quiz-scope .mx-nav-links .mx-nav-user:hover{color:var(--q-text)}.quiz-scope .mx-nav-links .mx-btn{white-space:nowrap;flex-shrink:0}.quiz-scope .signed-out-notice{border-radius:var(--mx-radius-md);max-width:640px;box-shadow:inset 0 0 0 1px var(--q-accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 28px;padding:14px 16px;display:flex}.quiz-scope .signed-out-notice p{color:var(--q-text);margin:0;font-size:.9rem}.quiz-scope .signed-out-notice__actions{gap:8px;display:flex}.quiz-scope .pill{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.quiz-scope .cta{color:var(--q-text-sub);box-shadow:inset 0 0 0 1px var(--q-accent);border-radius:var(--mx-radius-sm);cursor:pointer;background:0 0;border:none;padding:14px 24px;font-size:.95rem;font-weight:500;transition:background .12s,color .12s}.quiz-scope .cta:hover{background:var(--mx-surface-2);color:var(--q-text)}.quiz-scope .cta:focus-visible{outline:2px solid var(--q-accent);outline-offset:3px}.quiz-scope .cta-ghost{color:var(--q-text-sub);border-radius:var(--mx-radius-sm);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:.85rem;font-weight:500;transition:background .12s,color .12s}.quiz-scope .cta-ghost:hover{background:var(--mx-surface-2);color:var(--q-text)}.quiz-scope .lane{flex-direction:column;align-items:center;gap:24px;max-width:480px;margin:0 auto;display:flex}.quiz-scope .lane-head{justify-content:space-between;align-items:center;width:100%;display:flex}.quiz-scope .quiz-status{color:var(--q-text-sub);text-align:center;margin:12px 0;font-size:.95rem}.quiz-scope .quiz-status.error{color:var(--q-wrong)}.quiz-scope .lane-title{align-items:center;gap:8px;display:inline-flex}.quiz-scope .lane-scope{font-family:var(--q-data);text-transform:uppercase;letter-spacing:.08em;color:var(--q-text-sub);font-size:.78rem;font-weight:500}.quiz-scope .lane-progress-num{font-family:var(--q-data);color:var(--q-text-sub);font-size:.9rem}.quiz-scope .timer{font-family:var(--q-display);letter-spacing:-.02em;color:var(--q-text);font-size:clamp(2.8rem,11vw,4.4rem);font-weight:200;line-height:1}.quiz-scope .track{gap:5px;width:100%;display:flex}.quiz-scope .tick{background:var(--q-line);border-radius:2px;flex:1;height:3px}.quiz-scope .tick.done,.quiz-scope .tick.now{background:var(--q-accent)}.quiz-scope .question-card{background:var(--q-surface);border-radius:var(--mx-radius-lg);width:100%;box-shadow:0 0 0 1px var(--q-line);text-align:center;padding:36px 24px}.quiz-scope .equation{font-family:var(--q-display);letter-spacing:-.02em;font-size:clamp(2rem,8vw,2.8rem);font-weight:300}.quiz-scope .equation .op{color:var(--q-text-sub);margin:0 8px}.quiz-scope .equation sup{vertical-align:super;margin-left:2px;font-size:.55em}.quiz-scope .answer-input{width:100%;max-width:220px;font-family:var(--q-data);text-align:center;border-radius:var(--mx-radius-md);box-shadow:inset 0 0 0 1px var(--q-accent);background:var(--q-surface-sunken);color:var(--q-text);border:none;margin-top:26px;padding:16px 10px;font-size:1.6rem}.quiz-scope .answer-input::placeholder{color:var(--mx-text-faint)}.quiz-scope .answer-input:focus-visible{box-shadow:inset 0 0 0 2px var(--q-accent);outline:none}.quiz-scope .feedback-row{min-height:1.1em;color:var(--q-wrong);margin-top:14px;font-size:.85rem;font-weight:600}.quiz-scope .question-card.wrong{box-shadow:0 0 0 1px var(--q-wrong);background:color-mix(in srgb, var(--q-wrong) 8%, var(--q-surface))}.quiz-scope .results-wrap{text-align:center;max-width:480px;margin:0 auto}.quiz-scope .results-scope{font-family:var(--q-data);text-transform:uppercase;letter-spacing:.08em;color:var(--q-text-sub);font-size:.78rem;font-weight:500}.quiz-scope .results-time{font-family:var(--q-display);color:var(--q-earned);margin:16px 0 4px;font-size:clamp(2.2rem,4vw,2.8rem);font-weight:200}.quiz-scope .results-time .unit{color:var(--q-text-sub);margin-left:6px;font-size:.42em}.quiz-scope .stat-grid{border-radius:var(--mx-radius-lg);box-shadow:0 0 0 1px var(--q-line);text-align:left;grid-template-columns:repeat(3,1fr);margin-top:26px;display:grid;overflow:hidden}.quiz-scope .stat-cell{box-shadow:inset -1px 0 0 var(--q-line);padding:14px 12px}.quiz-scope .stat-cell:last-child{box-shadow:none}.quiz-scope .stat-cell .label{text-transform:uppercase;letter-spacing:.06em;color:var(--q-text-sub);margin-bottom:6px;font-size:.62rem;font-weight:600}.quiz-scope .stat-cell .value{font-family:var(--q-data);font-size:1.15rem;font-weight:500}.quiz-scope .rank-banner{background:var(--q-surface-sunken);border-radius:var(--mx-radius-lg);text-align:left;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;display:flex}.quiz-scope .rank-banner .rline{font-size:.9rem}.quiz-scope .rank-banner .rsub{color:var(--q-text-sub);margin-top:2px;font-size:.78rem}.quiz-scope .rank-banner{flex-wrap:wrap}.quiz-scope .rank-banner>div:first-child{flex:220px}.quiz-scope .rank-banner__actions{flex-shrink:0;gap:8px;display:flex}.quiz-scope .rank-banner__actions .mx-btn{white-space:nowrap}.quiz-scope .results-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.quiz-scope .quiz-entry{text-align:center;flex-direction:column;gap:14px;max-width:480px;margin:0 auto;display:flex}.quiz-scope .quiz-entry h2{font-family:var(--q-display);letter-spacing:-.02em;color:var(--q-text);margin:0;font-size:1.6rem;font-weight:400}.quiz-scope .quiz-entry p{color:var(--q-text-sub);margin:0;font-size:.9rem}.quiz-scope .link-button{font:inherit;color:var(--q-accent);cursor:pointer;background:0 0;border:none;padding:0}.quiz-scope .link-button:hover{text-decoration:underline}.quiz-scope .link-button:focus-visible{outline:2px solid var(--q-accent);outline-offset:2px}.quiz-scope .board-title{margin-bottom:16px;position:relative}.quiz-scope .board-title h1{font-size:inherit;font-weight:inherit;margin:0}.quiz-scope .board-kicker{font-family:var(--q-data);letter-spacing:.14em;text-transform:uppercase;color:var(--q-text-sub);margin-bottom:6px;font-size:11px;display:block}.quiz-scope .board-title__button{border-radius:var(--mx-radius-sm);max-width:100%;color:var(--q-text);font-family:var(--q-display);letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:10px;margin:-4px -8px;padding:4px 8px;font-size:1.4rem;font-weight:400;transition:background .12s;display:inline-flex}.quiz-scope .board-title__button:hover,.quiz-scope .board-title__button[aria-expanded=true]{background:var(--mx-surface-2)}.quiz-scope .board-title__caret{color:var(--q-accent);font-size:.8rem;transform:translateY(-2px)}.quiz-scope .board-menu{z-index:10;background:var(--q-surface);border-radius:var(--mx-radius-md);min-width:240px;max-width:calc(100vw - 32px);box-shadow:0 0 0 1px var(--mx-border-strong), 0 12px 32px #00000073;padding:6px;position:absolute;top:calc(100% + 8px);left:-8px}.quiz-scope .group-label,.quiz-scope .board-menu__group{font-family:var(--q-data);letter-spacing:.14em;text-transform:uppercase;color:var(--mx-text-faint);font-size:10px;font-weight:400}.quiz-scope .board-menu__group{padding:8px 10px 4px}.quiz-scope .board-menu [role=menuitemradio]{width:100%;color:var(--mx-text-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:9px 10px;font-size:.9rem;display:flex}.quiz-scope .board-menu [role=menuitemradio]:hover,.quiz-scope .board-menu [role=menuitemradio]:focus-visible{background:var(--mx-surface-2);outline:none}.quiz-scope .board-menu [aria-checked=true]{color:var(--q-text)}.quiz-scope .board-menu [aria-checked=true]:after{content:"✓";color:var(--q-accent)}.quiz-scope .segmented{border-radius:var(--mx-radius-sm);box-shadow:inset 0 0 0 1px var(--mx-border-strong);gap:2px;padding:3px;display:flex}.quiz-scope .segmented button{color:var(--q-text-sub);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:7px 4px;font-size:.8rem;font-weight:500}.quiz-scope .segmented button:hover{color:var(--mx-text-soft)}.quiz-scope .segmented button[aria-pressed=true]{background:var(--mx-purple-800);color:var(--q-text);box-shadow:inset 0 0 0 1px var(--q-accent)}.quiz-scope .board-table-wrap{margin-top:16px;overflow-x:auto}.quiz-scope table.board{border-collapse:collapse;width:100%;min-width:320px}.quiz-scope table.board thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--q-text-sub);border-bottom:1px solid var(--q-line);padding:0 12px 10px;font-size:.68rem;font-weight:600}.quiz-scope table.board thead th.num,.quiz-scope table.board td.num{text-align:right}.quiz-scope table.board tbody td{border-bottom:1px solid var(--q-line);padding:12px;font-size:.9rem}.quiz-scope table.board tbody td.num{font-family:var(--q-data);font-variant-numeric:tabular-nums;white-space:nowrap}.quiz-scope .rank-num{font-family:var(--q-data);color:var(--q-text-sub)}.quiz-scope .rank-num.top{color:var(--q-earned);font-weight:600}@media (width<=479px){.quiz-scope table.board{min-width:0}.quiz-scope table.board thead th{padding:0 6px 10px}.quiz-scope table.board tbody td{padding:12px 6px}.quiz-scope table.board tbody td:nth-child(2){overflow-wrap:anywhere}}.quiz-scope table.board tbody tr.board-divider td{font-family:var(--q-data);letter-spacing:.14em;text-transform:uppercase;color:var(--mx-text-faint);padding-top:18px;padding-bottom:8px;font-size:10px}.quiz-scope table.board tbody tr.board-unranked td{color:var(--q-text-sub)}.quiz-scope .home{flex-direction:column;gap:40px;max-width:640px;margin:0 auto;display:flex}.quiz-scope .home-more h2{font-family:var(--q-display);letter-spacing:-.01em;color:var(--q-text);margin:0;font-size:1.25rem;font-weight:400}.quiz-scope .home-board .board-table-wrap{margin-top:12px}.quiz-scope .home-board .quiz-status{text-align:left}.quiz-scope .home-play{justify-content:space-between;align-items:center;gap:16px;margin:4px 0 20px;display:flex}.quiz-scope .home-play p{color:var(--q-text-sub);margin:0;font-size:.9rem}.quiz-scope .home-play .cta{flex-shrink:0;padding:12px 28px}.quiz-scope .home-show-all{margin-top:12px;font-size:.85rem}.quiz-scope .board-switch{margin-top:12px;font-size:.85rem;display:block}.quiz-scope .past-board-period{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.quiz-scope .past-board-label{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;font-size:.95rem;display:flex}.quiz-scope .past-board-label strong{color:var(--q-text);font-weight:500}.quiz-scope .past-board-in-play{font-family:var(--q-data);letter-spacing:.08em;text-transform:uppercase;color:var(--q-text-sub);font-size:11px}.quiz-scope .past-board-step{border-radius:var(--mx-radius-sm);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--mx-border-strong);color:var(--q-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;font-size:1.25rem}.quiz-scope .past-board-step[aria-disabled=true]{color:var(--q-text-sub);opacity:.4;cursor:default}.quiz-scope .past-board-step:focus-visible{outline:2px solid var(--q-accent);outline-offset:2px}.quiz-scope .home-pitch{color:var(--q-text-sub);margin:16px 0 0;font-size:.9rem}.quiz-scope .home-group{margin-top:16px}.quiz-scope .home-group .group-label{margin:0 0 8px}.quiz-scope .home-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.quiz-scope .home-quiz-button{box-sizing:border-box;border-radius:var(--mx-radius-sm);height:100%;box-shadow:inset 0 0 0 1px var(--mx-border-strong);color:var(--q-text);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:.9rem;line-height:1.3;transition:background .12s,box-shadow .12s;display:flex}.quiz-scope .home-quiz-button:hover{background:var(--mx-surface-2);box-shadow:inset 0 0 0 1px var(--q-accent);color:var(--q-text)}.quiz-scope .home-group{container-type:inline-size}.quiz-scope .home-quiz-name--short{display:none}@container (width<=487px){.quiz-scope .home-quiz-name--full{display:none}.quiz-scope .home-quiz-name--short{display:inline}}.quiz-scope .home-quiz-chevron{color:var(--q-accent);font-size:1.1rem;line-height:1}.auth-gate{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:28rem;margin:4rem auto;padding:2rem;display:flex}.auth-gate--loading{color:var(--mx-text-dim);margin:4rem auto}.auth-gate p{color:var(--mx-text-muted);margin:0;font-size:.95rem}.auth-gate__actions{gap:.75rem;display:flex}.username-form .username-gate__label,.username-form .username-gate__input,.username-form .username-gate__hint,.username-form .username-gate__error,.username-form .username-gate__waking{align-self:stretch}.username-form .username-gate__label{margin-bottom:calc(-1 * var(--mx-space-3));text-align:left;color:var(--mx-text-soft);font-size:.85rem}.username-form .username-gate__input{box-sizing:border-box;width:100%;font-family:var(--mx-font);border-radius:var(--mx-radius-md);box-shadow:inset 0 0 0 1px var(--mx-accent-line);background:var(--mx-surface-2);color:var(--mx-text);border:none;padding:12px 14px;font-size:1.1rem}.username-form .username-gate__input:focus-visible{box-shadow:inset 0 0 0 2px var(--mx-accent);outline:none}.username-form .username-gate__input[aria-invalid=true]{box-shadow:inset 0 0 0 1px #d8746a}.username-form p.username-gate__hint,.username-form p.username-gate__error{margin:calc(-1 * var(--mx-space-2)) 0 0;text-align:left;min-height:2.6em;color:var(--mx-text-muted);font-size:.85rem}.username-form p.username-gate__error{color:#d8746a}.username-form p.username-gate__waking{text-align:left;color:var(--mx-text-muted);margin:0;font-size:.85rem}.username-gate__title{color:var(--mx-text);margin:0;font-size:1.4rem;font-weight:600}.auth-gate p.auth-gate__error{color:#d8746a}.account-page{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;display:flex}.account-page h2{font-family:var(--q-display);letter-spacing:-.02em;color:var(--q-text);margin:0;font-size:1.6rem;font-weight:400}.account-fields{border-top:1px solid var(--mx-border);flex-direction:column;margin:0;display:flex}.account-field{border-bottom:1px solid var(--mx-border);padding:14px 0}.account-field dt{color:var(--q-text-sub);margin-bottom:6px;font-size:.8rem}.account-field dd{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0;display:flex}.account-value{color:var(--q-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-field .mx-btn{flex-shrink:0}.account-form{flex-direction:column;gap:1.25rem;display:flex}.account-note,.account-status{color:var(--q-text-sub);margin:0;font-size:.85rem}.account-status--error{color:var(--q-wrong)}.account-expired{flex-direction:column;align-items:flex-start;gap:12px;display:flex}