:root{--color-background: #f9fbfb;--color-surface: #ffffff;--color-surface-muted: #f1f3f3;--color-surface-soft: #f6f8f8;--color-border: #e3e7e8;--color-border-strong: #d0d6d8;--color-text: #161b1d;--color-text-soft: #4b585b;--color-text-muted: #67787c;--color-text-faint: #9ca8ab;--color-primary: #161b1d;--color-primary-foreground: #ffffff;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-blue-soft: #eff6ff;--color-blue: #2563eb;--color-green-soft: #ecfdf3;--color-green: #16a34a;--color-violet-soft: #f5f3ff;--color-violet: #7c3aed;--color-orange-soft: #fff7ed;--color-orange: #ea580c;--color-red-soft: #fef2f2;--color-red: #dc2626;--color-yellow-soft: #fefce8;--color-yellow: #ca8a04;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-card: 0 1px 2px rgba(9, 11, 12, .04), 0 10px 24px rgba(9, 11, 12, .04);--shadow-soft: 0 1px 2px rgba(9, 11, 12, .03);--shell-max: 1120px;--screen-max: 980px;--practice-max: 860px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,#fff,#f9fbfb);color:var(--color-text);text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}.app-shell{min-height:100vh;background:linear-gradient(180deg,#fff,#f9fbfb)}.app-shell__page{width:min(100%,var(--shell-max));margin:0 auto;padding:1rem 1rem 4rem}.app-shell__status-stack{width:min(100%,var(--shell-max));margin:0 auto;padding:0 1rem}.app-shell__warning{margin-top:1rem;padding:.85rem 1rem;border:1px solid #bfdbfe;border-radius:var(--radius-md);background:#eff6ff;color:#1d4ed8}.app-shell__warning--actionable{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.app-shell__warning-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.1rem;padding:.45rem .8rem;border:1px solid #93c5fd;border-radius:999px;background:#fff;color:#1d4ed8;font-size:.88rem;font-weight:600;white-space:nowrap}.app-shell__warning-action:hover{background:#f8fbff}.main-nav{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--color-border);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.main-nav__inner{width:min(100%,var(--shell-max));margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem}.main-nav__brand{display:flex;align-items:center;gap:.75rem}.main-nav__brand-copy{display:flex;align-items:center;gap:.65rem}.main-nav__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--color-blue-soft);color:var(--color-blue)}.main-nav__brand-title{font-weight:700;letter-spacing:-.02em}.main-nav__beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .65rem;border:1px solid #4b585b;border-radius:999px;background:#ffffffeb;color:#4b585b;font-size:.76rem;font-weight:700;line-height:1;white-space:nowrap}.main-nav__desktop{display:none}.main-nav__controls{justify-self:end;display:inline-flex;align-items:center;gap:.65rem}.main-nav__link,.main-nav__mobile-link{display:inline-flex;align-items:center;gap:.5rem;padding:.595rem .765rem;border-radius:999px;color:var(--color-text-soft);transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.main-nav__link:hover,.main-nav__mobile-link:hover{background:var(--color-surface-muted);color:var(--color-text)}.main-nav__link.is-active,.main-nav__mobile-link.is-active{background:#0f2547;color:var(--color-primary-foreground);box-shadow:var(--shadow-soft)}.main-nav__link.is-disabled,.main-nav__mobile-link.is-disabled{color:var(--color-text-faint);background:transparent}.main-nav__link-icon{width:1rem;height:1rem}.main-nav__stay-updated{display:none;align-items:center;gap:.55rem;min-height:2.2rem;padding:.5rem .9rem;border:1px solid var(--color-border);border-radius:1rem;background:#ffffffeb;color:var(--color-text-soft);font-size:1rem;font-weight:400;letter-spacing:-.01em;line-height:1.5;white-space:nowrap;transition:background-color .16s ease,color .16s ease,transform .16s ease}.main-nav__stay-updated:hover{background:#e3e7e8;transform:translateY(-1px)}.main-nav__mobile-stay-updated,.main-nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text)}.main-nav__mobile-stay-updated svg,.main-nav__toggle svg{width:1.2rem;height:1.2rem}.main-nav__mobile{display:none}.main-nav__mobile.is-open{display:grid;grid-column:1 / -1;gap:.5rem;padding-top:.5rem}.surface{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.surface--muted{background:var(--color-surface-muted)}.surface--hero{background:linear-gradient(135deg,#eff6ff,#eef2ff);border-color:#dbeafe}.status-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 5rem)}.status-screen--loading{min-height:calc(100vh - 7rem)}.status-panel{width:min(100%,42rem);padding:2rem}.loading-chip{display:inline-flex;align-items:center;gap:.65rem;padding:.7rem 1rem;border:1px solid #d8ddde;border-radius:1rem;background:#fff;box-shadow:0 14px 30px #090b0c14;color:var(--color-text);font-size:1rem;font-weight:600}.loading-chip__spinner{width:1rem;height:1rem;border:2px solid #ced5d6;border-top-color:#4b585b;border-radius:999px;animation:loading-chip-spin .9s linear infinite}.status-panel h1{margin:0 0 .5rem;font-size:clamp(1.6rem,2vw,2rem)}.status-panel p{margin:0;color:var(--color-text-soft);line-height:1.65}.status-panel__eyebrow,.section-header__eyebrow{display:inline-flex;margin-bottom:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}@keyframes loading-chip-spin{to{transform:rotate(360deg)}}.section-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.section-header__title{margin:0;font-size:clamp(1.15rem,1.6vw,1.35rem);letter-spacing:-.03em}.section-header__subtitle{margin:.4rem 0 0;color:var(--color-text-soft);line-height:1.6}.progress-bar{width:100%;height:.65rem;overflow:hidden;border-radius:999px;background:var(--color-border)}.progress-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f4c09d,#e8956f 52%,#d86f57)}.progress-bar__fill--animated{transition:width 1.5s cubic-bezier(.22,1,.36,1)}.progress-bar__fill--success{background:linear-gradient(90deg,#16a34a,#34d399)}.figma-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.85rem;padding:.8rem 1.15rem;border:1px solid transparent;border-radius:.9rem;background:var(--color-primary);color:var(--color-primary-foreground);font-weight:600;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.figma-button:hover:not(:disabled){transform:translateY(-1px)}.figma-button:disabled{opacity:.55}.figma-button__spinner{width:.95rem;height:.95rem;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;border-radius:999px;animation:loading-chip-spin .9s linear infinite}.figma-button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.figma-button--compact{min-height:2.4rem;padding:.6rem .9rem}.pill-nav{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.scroll-fade{--scroll-fade-size: 1.8rem;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;mask-size:100% 100%}.scroll-fade[data-overflowing=true][data-at-start=true][data-at-end=false]{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--scroll-fade-size)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--scroll-fade-size)),transparent 100%)}.scroll-fade[data-overflowing=true][data-at-start=false][data-at-end=false]{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-fade-size),#000 calc(100% - var(--scroll-fade-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-fade-size),#000 calc(100% - var(--scroll-fade-size)),transparent 100%)}.scroll-fade[data-overflowing=true][data-at-start=false][data-at-end=true]{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-fade-size),#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-fade-size),#000 100%)}.pill-nav::-webkit-scrollbar{display:none}.pill-nav__button{flex:0 0 auto;padding:.72rem 1rem;border:1px solid transparent;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-muted);white-space:nowrap}.pill-nav__button.is-active{background:var(--color-primary);color:var(--color-primary-foreground)}.pill-nav__button.is-disabled{color:var(--color-text-faint)}.pill-nav__button.is-correct{background:var(--color-green-soft);color:var(--color-green)}.pill-nav__button.is-incorrect{background:var(--color-red-soft);color:var(--color-red)}.pill-nav__button.is-complete{background:var(--color-border);color:var(--color-text-soft)}.dashboard-screen__container,.learn-screen__container,.profile-screen__container,.practice-screen__container{width:min(100%,var(--screen-max));margin:0 auto;display:grid;gap:1rem}.dashboard-screen__container,.profile-screen__container{width:min(100%,var(--practice-max))}.practice-screen__container>.dashboard-progress-card,.practice-screen__container>.results-summary-card,.practice-screen__container>.practice-alert-card,.practice-screen__container>.practice-stage,.practice-screen__container>.results-flow{width:min(100%,var(--practice-max));margin-inline:auto}.practice-difficulty-rail{display:flex;justify-content:flex-start;width:min(100%,var(--practice-max));margin-inline:auto}.practice-difficulty-rail__scroll{width:100%;max-width:100%;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.practice-difficulty-rail__scroll::-webkit-scrollbar{display:none}.practice-difficulty-rail__track{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:.1rem;min-width:max-content;padding:.12rem;overflow:hidden;border-radius:999px;background:#f1f3f3;box-shadow:inset 2px 2px 4px #00000026}.practice-difficulty-rail__indicator{position:absolute;top:.25rem;left:0;z-index:0;height:calc(100% - .5rem);border-radius:999px;background:#fff;box-shadow:0 1px 3px #0000001f;transition:left .22s cubic-bezier(.22,1,.36,1),width .22s cubic-bezier(.22,1,.36,1),opacity .16s ease}.practice-difficulty-rail__option{position:relative;z-index:1;min-height:2rem;padding:0 .82rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-soft);font-size:.76rem;font-weight:600;line-height:1;white-space:nowrap;transition:color .16s ease}.practice-difficulty-rail__option.is-selected{color:var(--color-text)}.practice-difficulty-rail__option.is-disabled,.practice-difficulty-rail__option:disabled{color:var(--color-text-faint);cursor:not-allowed}.practice-difficulty-rail__option:not(:disabled):not(.is-selected):hover{color:var(--color-text)}.dashboard-progress-card{padding:1rem 1.1rem}.dashboard-progress-card__meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.75rem;color:var(--color-text-soft);font-size:.85rem}.dashboard-feedback-banner{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:1.3rem;background:#eff6ff}.dashboard-feedback-banner__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:999px;background:#4b76ab;color:#fff}.dashboard-feedback-banner__icon svg{width:.92rem;height:.92rem}.dashboard-feedback-banner__copy{min-width:0}.dashboard-feedback-banner__copy strong{display:block;margin-bottom:.15rem;font-size:.92rem}.dashboard-feedback-banner__copy p{margin:0;color:var(--color-text);font-size:.9rem;line-height:1.35}.dashboard-feedback-banner__action{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.5rem .85rem;border:1px solid #2b7fff;border-radius:999px;background:#eff6ff;color:#0f2547;font-size:.86rem;font-weight:600;white-space:nowrap}.dashboard-feedback-banner__action:hover{background:#fff}.dashboard-stats-grid,.profile-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-screen .surface,.dashboard-screen .dashboard-badge-card,.dashboard-screen .dashboard-difficulty-card{border:0}.stat-card,.profile-stat-card{padding:1.2rem}.stat-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-card__icon,.profile-stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px}.stat-card__icon svg,.profile-stat-card__icon svg{width:1.1rem;height:1.1rem}.stat-card__icon--blue,.profile-stat-card__icon--blue{background:var(--color-blue-soft);color:var(--color-blue)}.stat-card__icon--green,.profile-stat-card__icon--green{background:var(--color-green-soft);color:var(--color-green)}.stat-card__icon--violet,.profile-stat-card__icon--violet{background:var(--color-violet-soft);color:var(--color-violet)}.stat-card__icon--orange,.profile-stat-card__icon--orange{background:var(--color-orange-soft);color:var(--color-orange)}.stat-card__label,.profile-stat-card__label{color:var(--color-text-muted)}.stat-card__value,.profile-stat-card__value{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;letter-spacing:-.04em;color:#394447}.stat-card__meta{margin:.25rem 0 0;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.82rem;line-height:1.35;letter-spacing:.01em;color:var(--color-text-muted);opacity:.78}.stat-card__meta-info{position:relative;display:inline-flex;align-items:center}.stat-card__meta-trigger{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:0;border-radius:999px;background:transparent;color:currentColor;cursor:pointer;opacity:.82;transition:opacity .14s ease,color .14s ease,transform .14s ease}.stat-card__meta-trigger svg{width:.82rem;height:.82rem}.stat-card__meta-trigger:hover,.stat-card__meta-info:focus-within .stat-card__meta-trigger{color:#556366;opacity:1;transform:translateY(-1px)}.stat-card__meta-trigger:focus-visible{outline:2px solid rgba(95,76,255,.22);outline-offset:2px}.stat-card__meta-tooltip{position:absolute;left:-.15rem;top:calc(100% + .45rem);z-index:20;width:max-content;max-width:min(15rem,65vw);padding:.55rem .7rem;border:1px solid rgba(134,146,150,.22);border-radius:.8rem;background:#fffffffa;box-shadow:0 14px 30px #27343824;color:#435054;font-size:.74rem;line-height:1.4;letter-spacing:0;opacity:0;pointer-events:none;transform:translateY(-.2rem);transition:opacity .16s ease,transform .16s ease}.stat-card__meta-info:hover .stat-card__meta-tooltip,.stat-card__meta-info:focus-within .stat-card__meta-tooltip{opacity:1;transform:translateY(0)}.dashboard-card,.profile-section,.learn-card,.learn-screen__hero,.practice-alert-card,.question-flow-card,.results-card,.results-review-card,.practice-scenario-card,.value-panels__card{padding:1.35rem}.dashboard-card__progress-copy,.profile-hero__progress-meta{display:flex;justify-content:space-between;gap:.75rem;margin:.85rem 0 .65rem;color:var(--color-text-soft)}.dashboard-card__actions,.results-card__actions,.dashboard-footer__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.results-card__button{min-height:2.55rem;padding:.68rem 1rem;background:#0f2547;color:#fff}.results-card__button--next-case{background:#0f2547}.results-card__button--secondary{border-color:#9ca8ab;background:#fff;color:#0f2547}.dashboard-badge-grid,.dashboard-difficulty-grid,.achievement-grid,.learn-screen__grid{display:grid;gap:1rem}.dashboard-mastery-header{margin-bottom:1.35rem}.dashboard-continue-header .section-header__title,.dashboard-mastery-header .section-header__title{color:#0f2547}.dashboard-continue-header .section-header__subtitle,.dashboard-mastery-header .section-header__subtitle{font-size:.88rem}.dashboard-badge-card,.dashboard-difficulty-card,.achievement-card,.learn-card__point,.activity-item,.teaser-panel__item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.dashboard-difficulty-card{background:#f8fafc}.dashboard-badge-card{display:flex;align-items:center;gap:.9rem;padding:1rem}.dashboard-badge-card__icon,.achievement-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-soft);font-weight:700}.dashboard-badge-card strong,.dashboard-difficulty-card strong,.achievement-card strong,.activity-item strong{display:block;margin-bottom:.2rem}.dashboard-badge-card p,.dashboard-difficulty-card p,.achievement-card p,.activity-item p,.learn-card__point,.teaser-panel__item p{margin:0;color:var(--color-text-soft);line-height:1.55}.dashboard-difficulty-card{display:block;padding:1rem;transition:border-color .15s ease,transform .15s ease}.dashboard-difficulty-card:hover{transform:translateY(-1px);border-color:#bfdbfe}.dashboard-difficulty-card.is-locked{opacity:.7}.dashboard-difficulty-card__status,.achievement-card__status{display:inline-flex;margin-bottom:.55rem;padding:.3rem .55rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-soft);font-size:.76rem;font-weight:700}.dashboard-difficulty-card__status.is-unlocked,.achievement-card__status.is-unlocked{background:var(--color-green-soft);color:var(--color-green)}.dashboard-footer{display:grid;gap:.25rem;justify-items:center;padding:1.2rem 0 .5rem;text-align:center;color:var(--color-text-muted);font-size:.84rem}.dashboard-footer__actions{flex-direction:column;align-items:center}.dashboard-footer__reset{min-height:2.2rem;padding:.5rem .78rem;border-color:#9ca8ab;background:#f9fbfb;color:#161b1d;font-size:.8rem}.dashboard-footer__link{color:var(--color-link)}.learn-card h2,.results-card h1,.profile-hero__copy h1{margin:0;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.03em}.practice-stage{display:grid;gap:1rem;width:min(100%,var(--practice-max))}.practice-stage__sticky{display:grid;gap:1rem}.practice-scenario-card__body{margin:.25rem 0 0;color:var(--color-text);line-height:1.65}.practice-scenario-card .section-header__eyebrow,.value-panels__card .section-header__eyebrow,.results-card .section-header__eyebrow,.results-review-card .section-header__eyebrow{color:#4b585b}.practice-screen__container>.dashboard-progress-card,.practice-screen__container>.practice-alert-card,.practice-screen__container>.results-summary-card,.results-flow .results-card,.results-flow .results-review-card,.practice-stage .practice-scenario-card,.practice-stage .question-flow-card,.practice-stage .value-panels__card{border:0;box-shadow:0 2px 6px #090b0c0d,0 14px 32px #090b0c0f}.results-summary-card{padding:.8rem 1.2rem 1.05rem}.results-summary-card__progress{margin-top:.8rem}.value-panels,.results-flow{display:grid;gap:1rem}.value-panels__header,.results-card__hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.results-card{position:relative}.results-card__topbar{position:absolute;top:1rem;right:1.2rem}.value-panels__title{margin:0;font-size:1rem}.value-panels__toggle{display:inline-flex;align-items:center;gap:.75rem}.value-panels__toggle-label{color:#67787c;font-size:.78rem;font-weight:600}.value-panels__switch{display:inline-flex;align-items:center;width:2.7rem;height:1.4rem;padding:.126rem;border:0;border-radius:999px;background:#d9dddf;box-shadow:inset 0 1px 2px #090b0c14;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}.value-panels__switch.is-on{background:#6b6f85;box-shadow:inset 0 1px 2px #090b0c1f}.value-panels__switch:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.value-panels__switch-thumb{width:1.148rem;height:1.148rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #090b0c29;transition:transform .16s ease}.value-panels__switch.is-on .value-panels__switch-thumb{transform:translate(1.169rem)}.metric-grid{display:grid;gap:.75rem}.metric-grid--primary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.metric-grid--secondary{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.results-card__metric-section .metric-grid--secondary{margin-top:1rem}.metric-scroll{overflow-x:auto;margin-top:1rem}.value-panels__secondary-scroll{position:relative}.value-panels__secondary-scroll:after{content:"→";position:absolute;top:1.9rem;right:.75rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:999px;background:#f8fafceb;color:#6f8488;font-size:.95rem;line-height:1;box-shadow:0 8px 18px #0f254714;pointer-events:none;opacity:0;transform:translate(0);transition:opacity .16s ease,transform .16s ease}.value-panels__secondary-scroll[data-show-scroll-hint=true]:after{opacity:1}.metric-card{padding:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f9fbfb}.value-panels__card .metric-card,.results-review-card .metric-card{border:0;background:#f8fafc}.metric-card--secondary{min-width:9rem}.metric-card__label{display:block;margin-bottom:1.5rem;color:#67787c;font-size:.9rem}.metric-card__value{display:inline-flex;align-items:baseline;gap:.3rem;color:#394447;font-size:clamp(1.62rem,2.4vw,2.16rem);letter-spacing:-.04em}.metric-card__value--abnormal{color:#d06262}.metric-card__value small{color:#9ca8ab;font-size:.75rem;font-weight:600}.metric-card__value--abnormal small{color:#9ca8ab}.metric-card__reference{display:block;margin-top:.4rem;color:#67787c;font-size:.76rem}.metric-card__reference-label,.metric-card__reference-range{display:block}.question-flow-card__header{display:grid;gap:.85rem}.question-flow-card__pills{gap:.32rem}.question-flow-card__pills .pill-nav__button{padding:.42rem .63rem;font-size:.68rem;font-weight:600}.question-flow-card__pills .pill-nav__button.is-active{background:#0f2547}.question-flow-card__pills .pill-nav__button.is-active.is-correct{background:var(--color-green-soft);color:var(--color-green)}.question-flow-card__pills .pill-nav__button.is-active.is-incorrect{background:var(--color-red-soft);color:var(--color-red)}.question-flow-card__body{display:grid;gap:1rem;margin-top:1rem}.question-flow-card__prompt{margin:0;font-size:1rem;font-weight:400;line-height:1.65;letter-spacing:0;color:#4b585b}.question-flow-card__options{display:grid;gap:.75rem}.answer-option{width:100%;padding:1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;color:var(--color-text)}.answer-option:hover{border-color:var(--color-text-faint);background:var(--color-background)}.inline-feedback{display:grid;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.inline-feedback.is-correct{background:var(--color-green-soft);border:0}.inline-feedback.is-incorrect{background:var(--color-red-soft);border:0}.inline-feedback__hero h3{margin:0;font-size:1.15rem;color:#4b585b}.inline-feedback__hero p,.inline-feedback__note{margin:.35rem 0 0;color:#4b585b;font-size:.9rem;line-height:1.6}.results-card__diagnosis p,.results-review-card__section p,.teaser-panel__description,.learn-card__point,.profile-hero__copy p{margin:.35rem 0 0;color:var(--color-text-soft);line-height:1.6}.inline-feedback__grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.inline-feedback__item{padding:.9rem;border-radius:var(--radius-md);background:#ffffffb3}.inline-feedback__label{display:block;margin-bottom:.25rem;color:var(--color-text-muted);font-size:.8rem}.inline-feedback__button{background:#0f2547;color:#fff}.results-card__hero-copy{display:flex;gap:1rem;align-items:center}.results-card__hero-text{display:grid;gap:.14rem;align-self:center}.results-card__hero-copy h1{margin:0;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#0f2547}.results-card__hero-copy p{margin:0;color:#24436f;font-size:.88rem;line-height:1.3}.results-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:var(--color-yellow-soft);color:var(--color-yellow)}.results-card__time,.profile-chip{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .7rem;border-radius:999px;background:#f8fafc;color:#0f2547;font-size:.84rem;font-weight:600}.results-card__diagnosis{margin-top:0}.results-card__metric-section,.results-review-card__section{margin-top:.75rem}.results-review-card__header{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.results-review-card__title{margin:0;color:#0f2547;font-size:.98rem;font-weight:700;letter-spacing:-.02em}.results-review-card__section-title{margin:0 0 .85rem;color:#0f2547;font-size:.98rem;font-weight:700;letter-spacing:-.02em}.results-review-card__section-title--compact{margin-bottom:.3rem}.results-review-card__scenario{margin:0;color:#24436f;font-size:.98rem;line-height:1.72}.results-review-card__section--scenario+.results-review-card__section{margin-top:1.45rem}.results-review-card.is-collapsed{padding-top:1rem;padding-bottom:1rem}.results-flow,.results-flow .results-review-card,.results-card__metric-section--primary,.results-card__metric-section--secondary,.results-card__metric-grid-primary,.results-card__secondary-scroll,.results-card__metric-scroll{min-width:0;max-width:100%}.results-card__section-label,.results-card__detail-card h4,.results-card__takeaway-card h4{margin:0}.results-card__section-label{color:#5f7897;font-size:.86rem;font-weight:500;letter-spacing:-.01em;line-height:1.4}.results-card__diagnosis-main{max-width:38rem;color:#0f2547;font-size:clamp(1.7rem,2.7vw,2.05rem);font-weight:500;letter-spacing:-.04em;line-height:1.12}.results-card__diagnosis-sub{margin-top:.45rem;color:#17325d;font-size:1rem;font-weight:400;letter-spacing:-.015em;line-height:1.45}.results-card__detail-section,.results-card__takeaway-card{margin-top:1.45rem}.results-card__detail-stack{display:grid;gap:1.1rem;margin-top:1rem}.card.results-card__detail-card,.card.results-card__takeaway-card{padding:1.4rem 1.45rem;border-radius:1.35rem;background:#f8fafc}.card.results-card__detail-card{border:0;box-shadow:none}.card.results-card__detail-card--takeaway{border:1px solid #D4E7FF;background:#eff6ff}.results-card__detail-card h4{color:#0f2547;font-size:.98rem;font-weight:700;letter-spacing:-.02em}.results-card__detail-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.results-card__detail-toggle,.results-review-card__toggle{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;min-width:1.7rem;height:1.7rem;padding:0;border:0;border-radius:999px;background:transparent;color:#5f7897;font-size:1rem;font-weight:700;line-height:1;cursor:pointer}.results-card__detail-toggle:hover,.results-review-card__toggle:hover{background:#5f78971a}.results-card__detail-toggle:focus-visible,.results-review-card__toggle:focus-visible{outline:2px solid rgba(95,120,151,.35);outline-offset:2px}.results-card__detail-card p{margin:.9rem 0 0;color:#24436f;font-size:.98rem;line-height:1.72}.results-card__detail-card.is-collapsed p{display:none}.results-card__detail-card.is-collapsed{padding-top:1rem;padding-bottom:1rem}.results-card__detail-card.is-collapsed .results-card__detail-card-header{align-items:center}.results-card__metric-section+.results-card__metric-section{margin-top:1.75rem}.results-card__metric-section+.results-review-card__section{margin-top:1.9rem}.results-card__secondary-scroll{position:relative}.results-card__secondary-scroll:after{content:"→";position:absolute;top:50%;right:.75rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:999px;background:#f8fafceb;color:#6f8488;font-size:.95rem;line-height:1;box-shadow:0 8px 18px #0f254714;pointer-events:none;opacity:0;transform:translateY(-50%);transition:opacity .16s ease,transform .16s ease}.results-card__secondary-scroll[data-show-scroll-hint=true]:after{opacity:1}.results-review-card__list{display:grid;gap:.85rem;margin-top:.85rem}.review-item{padding:1rem;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border)}.review-item.is-correct{background:var(--color-green-soft);border-color:#bbf7d0}.review-item.is-incorrect{background:var(--color-red-soft);border-color:#fecaca}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#090b0c59}.modal-card{width:min(100%,32rem);padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 30px 60px #090b0c2e}.modal-card h2{margin:0;font-size:1.5rem}.modal-card p{margin:.75rem 0 0;color:var(--color-text-soft);line-height:1.65}.practice-intro-modal{width:min(100%,38rem)}.practice-intro-modal h2{font-size:1.35rem}.practice-intro-copy{margin-top:1rem}.practice-intro-copy p{margin-top:.85rem;font-size:.93rem;line-height:1.55}.practice-intro-copy p strong{color:var(--color-text)}.practice-intro-copy hr{margin:1.15rem 0;border:0;border-top:1px solid var(--color-border)}.practice-intro-list{margin:.85rem 0 0;padding-left:1.2rem;color:var(--color-text-soft);font-size:.93rem;line-height:1.5}.practice-intro-list li+li{margin-top:.45rem}.modal-card__actions{display:flex;justify-content:flex-start;gap:.75rem;margin-top:1.3rem}.practice-intro-modal__button{min-width:11rem}.launch-notify-modal{position:relative;width:min(100%,41rem);padding:1.75rem}.launch-notify-modal__close{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-soft)}.launch-notify-modal__close:hover{background:var(--color-surface-muted);color:var(--color-text)}.launch-notify-modal__header{display:grid;gap:.2rem;padding-right:2.6rem}.launch-notify-modal__title{color:#4b585b}.launch-notify-modal__header p{max-width:31rem;margin-top:.4rem}.launch-notify-stack{display:grid;gap:.2rem;margin-top:1.5rem}.launch-notify-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.launch-notify-input{width:100%;min-height:3.2rem;padding:0 1rem;border:1px solid #d7dddd;border-radius:.95rem;background:#f9fbfb;color:var(--color-text);font-size:1rem}.launch-notify-input::placeholder{color:#76888b}.launch-notify-input:focus{outline:2px solid rgba(59,130,246,.2);outline-offset:1px;border-color:#93c5fd;background:#fff}.launch-notify-input.is-invalid{border-color:#f2a4a4;background:#fef2f2;color:#7f1d1d}.launch-notify-input.is-invalid::placeholder{color:#b46a6a}.launch-notify-input.is-invalid:focus{outline:2px solid rgba(239,68,68,.18);border-color:#ef4444;background:#fff7f7}.launch-notify-input.is-valid{border-color:#93c5fd;background:#f8fbff}.launch-notify-input.is-valid:focus{outline:2px solid rgba(59,130,246,.2);border-color:#60a5fa;background:#fff}.launch-notify-help,.launch-notify-error,.launch-notify-success{margin:0;font-size:.92rem;line-height:1.55}.launch-notify-help{color:var(--color-text-soft);margin-top:.1rem}.launch-notify-error{color:#dc2626;font-size:.8rem;line-height:1.35}.launch-notify-actions{display:flex;margin-top:.15rem}.launch-notify-actions__submit{width:100%}.launch-notify-success{margin-top:1.5rem;padding:1rem 1.05rem;border:1px solid rgba(22,163,74,.18);border-radius:1rem;background:#effcf3;color:#166534;font-weight:600}.is-hidden{display:none!important}.learn-screen__grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.learn-card h2{margin-top:.1rem}.learn-card__points{display:grid;gap:.75rem;margin-top:1rem}.learn-card__point{padding:.9rem}.teaser-screen{display:flex;align-items:center;justify-content:center}.teaser-panel{width:min(100%,48rem);padding:2.5rem 1.5rem;text-align:center}.teaser-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin-bottom:1.1rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-faint)}.teaser-panel__icon svg{width:2.1rem;height:2.1rem}.teaser-panel__title{margin:0;font-size:clamp(2rem,4vw,2.5rem);letter-spacing:-.04em}.teaser-panel__status{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.2rem;color:var(--color-text-muted)}.teaser-panel__divider{height:1px;margin:2rem 0 1.5rem;background:var(--color-border)}.teaser-panel__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));text-align:left}.teaser-panel__item{padding:1rem}.profile-hero{padding:1.6rem}.profile-hero__top{display:flex;gap:1.25rem;align-items:center}.profile-hero__avatar{display:inline-flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;border-radius:999px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:2rem;font-weight:700}.profile-hero__copy{flex:1}.profile-hero__copy h1{margin:0}.profile-hero__badges{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.9rem}.profile-hero__progress{margin-top:1.2rem}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.achievement-card{display:flex;gap:.9rem;padding:1rem;opacity:.75}.achievement-card.is-unlocked{background:var(--color-blue-soft);border-color:#bfdbfe;opacity:1}.activity-list{display:grid;gap:.85rem}.activity-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem}@media(min-width:760px){.main-nav__inner{grid-template-columns:1fr auto 1fr}.main-nav__brand{justify-self:start}.main-nav__desktop{display:flex;justify-self:center;justify-content:center;gap:.25rem}.main-nav__stay-updated{display:inline-flex}.main-nav__mobile-stay-updated,.main-nav__toggle,.main-nav__mobile{display:none!important}.dashboard-stats-grid,.profile-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.practice-stage{grid-template-columns:minmax(0,1fr)}}@media(max-width:759px){.main-nav__inner{grid-template-columns:1fr auto}.main-nav__stay-updated{display:none}}@media(max-width:639px){.app-shell__page{padding-inline:.85rem}.practice-intro-modal{padding:1.2rem}.launch-notify-modal{padding:1.15rem}.launch-notify-modal__header{padding-right:2.2rem}.dashboard-feedback-banner{align-items:center;flex-wrap:nowrap}.dashboard-feedback-banner__copy{display:none}.dashboard-feedback-banner__action{margin-left:auto}.metric-grid--primary,.inline-feedback__grid{grid-template-columns:1fr}.results-card__metric-section--primary .results-card__metric-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.results-card__metric-section--primary .metric-card{padding:.82rem .72rem;min-width:0}.results-card__metric-section--primary .metric-card__label{margin-bottom:1.05rem;line-height:1}.results-card__metric-section--primary .metric-card__label sub,.results-card__metric-section--primary .metric-card__label sup{line-height:0}.results-card__metric-section--primary .metric-card__value{gap:.2rem;font-size:clamp(1.5rem,6vw,1.84rem)}.results-card__metric-section--primary .metric-card__value small{display:none}.results-card__metric-section--primary .metric-card__reference{margin-top:.32rem;font-size:.73rem;line-height:1.2}.value-panels__card .metric-grid--primary{grid-template-columns:repeat(3,minmax(0,1fr))}.value-panels__card .metric-grid--primary .metric-card{padding:.82rem .72rem;min-width:0}.value-panels__card .metric-grid--primary .metric-card__label{margin-bottom:1.05rem;line-height:1}.value-panels__card .metric-grid--primary .metric-card__label sub,.value-panels__card .metric-grid--primary .metric-card__label sup{line-height:0}.value-panels__card .metric-grid--primary .metric-card__value{gap:.2rem;font-size:clamp(1.5rem,6vw,1.84rem)}.value-panels__card .metric-grid--primary .metric-card__value small{display:none}.value-panels__card .metric-grid--primary .metric-card__reference{margin-top:.32rem;font-size:.73rem;line-height:1.2}.value-panels>.value-panels__card:last-child{width:100%;max-width:100%;min-width:0}.value-panels>.value-panels__card:last-child>.value-panels__secondary-scroll{position:relative;width:100%;max-width:100%;min-width:0}.value-panels>.value-panels__card:last-child>.value-panels__secondary-scroll>.metric-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.value-panels>.value-panels__card:last-child>.value-panels__secondary-scroll>.metric-scroll::-webkit-scrollbar{display:none}.value-panels>.value-panels__card:last-child .metric-grid--secondary{display:flex;flex-wrap:nowrap;width:100%;max-width:100%;min-width:0;align-items:stretch}.value-panels>.value-panels__card:last-child .metric-card--secondary{flex:0 0 auto;min-width:9.5rem;min-height:6.95rem;padding:.82rem .82rem .76rem}.value-panels>.value-panels__card:last-child .metric-card--secondary .metric-card__label{margin-bottom:1.05rem;line-height:1}.value-panels>.value-panels__card:last-child .metric-card--secondary .metric-card__reference{margin-top:.32rem;line-height:1.2}.results-card__metric-section--secondary{width:100%;max-width:100%;min-width:0}.results-card__metric-section--secondary>.results-card__secondary-scroll{position:relative;width:100%;max-width:100%;min-width:0;margin-top:1rem}.results-card__metric-section--secondary>.results-card__secondary-scroll>.results-card__metric-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-top:0}.results-card__metric-section--secondary>.results-card__secondary-scroll>.results-card__metric-scroll::-webkit-scrollbar{display:none}.results-card__metric-section--secondary .results-card__metric-grid-secondary{display:inline-flex;flex-wrap:nowrap;width:max-content;min-width:100%;align-items:stretch}.results-card__metric-section--secondary .metric-card--secondary{flex:0 0 auto;min-width:9.5rem;min-height:6.95rem;padding:.82rem .82rem .76rem}.results-card__metric-section--secondary .metric-card--secondary .metric-card__label{margin-bottom:1.05rem;line-height:1}.results-card__metric-section--secondary .metric-card--secondary .metric-card__reference{margin-top:.32rem;line-height:1.2}.results-card__hero,.value-panels__header,.section-header,.profile-hero__top,.activity-item{flex-direction:column;align-items:flex-start}.results-review-card__header{flex-direction:row;align-items:center}.value-panels>.value-panels__card:first-child>.value-panels__header{flex-direction:row;justify-content:space-between;align-items:flex-start}.dashboard-card__actions,.results-card__actions,.modal-card__actions{flex-direction:column}.figma-button,.figma-button--secondary{width:100%}}
