@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-page: #f7f8fa;--bg-card: #ffffff;--bg-card-hover: #fafbff;--bg-selected: #eceffe;--bg-correct: #f0fdf8;--bg-incorrect: #fef2f2;--text-primary: #0f0f1a;--text-secondary: #5c6070;--text-muted: #9ca3af;--text-inverse: #ffffff;--accent: #2d3be0;--accent-hover: #2433c8;--accent-light: #eceffe;--color-correct: #059669;--color-incorrect: #dc2626;--border: #e5e7eb;--border-focus: #2d3be0;--divider: #f0f1f3;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px 0 rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 3px rgba(45, 59, 224, .18);--font-stack: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--max-width: 720px;--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-stack);background:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{max-width:var(--max-width);margin:0 auto;padding:var(--space-xxl) var(--space-md);min-height:100vh;display:flex;flex-direction:column}h1{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);line-height:1.25}h2{font-size:1.25rem;font-weight:500;color:var(--text-primary);line-height:1.35}p{color:var(--text-secondary);line-height:1.7}.label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem}button{font-family:var(--font-stack);cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);line-height:1}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background:var(--accent);color:var(--text-inverse);padding:.75rem 1.75rem}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem 1rem;border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.progress-track{height:3px;background:var(--divider);border-radius:var(--radius-full, 9999px);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .4s ease}.option-btn{width:100%;text-align:left;padding:1rem 1.25rem;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-weight:400;display:flex;align-items:center;gap:1rem;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.option-btn:hover:not(:disabled){border-color:var(--accent);background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover)}.option-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.option-btn.selected{border-color:var(--accent);background:var(--bg-selected)}.option-btn.correct{border-color:var(--color-correct);background:var(--bg-correct)}.option-btn.incorrect{border-color:var(--color-incorrect);background:var(--bg-incorrect)}.option-btn:disabled{cursor:default}.option-label{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:var(--divider);font-size:.8125rem;font-weight:600;color:var(--text-secondary);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.option-btn.selected .option-label{background:var(--accent);color:var(--text-inverse)}.option-btn.correct .option-label{background:var(--color-correct);color:var(--text-inverse)}.option-btn.incorrect .option-label{background:var(--color-incorrect);color:var(--text-inverse)}.session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.session-meta{display:flex;align-items:center;gap:var(--space-lg)}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem;margin-bottom:var(--space-lg)}.question-domain{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-md)}.question-text{font-size:1.1875rem;font-weight:500;color:var(--text-primary);line-height:1.65;margin-bottom:var(--space-xxl)}.options-list{display:flex;flex-direction:column;gap:.75rem}.feedback-panel{border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg);border:1px solid transparent}.feedback-panel.correct{background:var(--bg-correct);border-color:var(--color-correct)}.feedback-panel.incorrect{background:var(--bg-incorrect);border-color:var(--color-incorrect)}.feedback-status{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-sm)}.feedback-panel.correct .feedback-status{color:var(--color-correct)}.feedback-panel.incorrect .feedback-status{color:var(--color-incorrect)}.feedback-message{font-size:.9375rem;color:var(--text-primary);line-height:1.6}.feedback-rationale{margin-top:var(--space-sm);font-size:.875rem;color:var(--text-secondary);line-height:1.6}.home-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:var(--space-xl)}.home-view h1{font-size:2.25rem;letter-spacing:-.03em}.home-description{max-width:480px;font-size:1.0625rem;color:var(--text-secondary);line-height:1.75}.home-meta{display:flex;gap:var(--space-xl);justify-content:center}.home-meta-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.home-meta-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.home-meta-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.complete-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xl);padding-top:var(--space-xxl)}.score-display{font-size:4rem;font-weight:600;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.score-label{font-size:.875rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.timer{font-size:.9375rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-secondary);letter-spacing:.02em}.timer.warning{color:#d97706}.difficulty-dots{display:flex;gap:3px;align-items:center}.difficulty-dot{width:6px;height:6px;border-radius:50%;background:var(--divider);transition:background var(--transition-base)}.difficulty-dot.active{background:var(--accent)}.visual-question-card{max-width:760px}.visual-prompt{font-size:1rem;font-weight:400;color:var(--text-secondary);margin-bottom:var(--space-xl)}.visual-stimulus{display:flex;justify-content:center;align-items:flex-start;margin-bottom:var(--space-xl);padding:var(--space-xl) 0 var(--space-lg);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.visual-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin-top:var(--space-lg)}.visual-option-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);min-height:90px;justify-content:center}.visual-option-card:hover:not(:disabled):not(.correct):not(.incorrect){border-color:var(--accent);background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover)}.visual-option-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.visual-option-card.selected{border-color:var(--accent);background:var(--bg-selected)}.visual-option-card.correct{border-color:var(--color-correct);background:var(--bg-correct);cursor:default}.visual-option-card.incorrect{border-color:var(--color-incorrect);background:var(--bg-incorrect);cursor:default}.visual-option-card:disabled{cursor:default}.visual-option-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.visual-option-card.selected .visual-option-label{color:var(--accent)}.visual-option-card.correct .visual-option-label{color:var(--color-correct)}.visual-option-card.incorrect .visual-option-label{color:var(--color-incorrect)}.odd-one-out-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;width:100%}.odd-one-out-item{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.odd-one-out-item:hover:not(:disabled):not(.correct):not(.incorrect){border-color:var(--accent);background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover)}.odd-one-out-item:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.odd-one-out-item.selected{border-color:var(--accent);background:var(--bg-selected)}.odd-one-out-item.correct{border-color:var(--color-correct);background:var(--bg-correct);cursor:default}.odd-one-out-item.incorrect{border-color:var(--color-incorrect);background:var(--bg-incorrect);cursor:default}.matrix-grid-svg,.sequence-svg,.analogy-svg{display:block;overflow:visible}.input{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .15s ease;box-sizing:border-box}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);padding:2rem;width:100%;max-width:400px;box-shadow:0 8px 32px #0006}.link-btn{background:none;border:none;padding:0;color:var(--accent);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--accent-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-nav{position:sticky;top:0;z-index:50;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.875rem var(--space-lg)}.app-nav__logo{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;text-decoration:none}.app-nav__actions{display:flex;align-items:center;gap:var(--space-md)}.app-nav__email{font-size:.8125rem;color:var(--text-muted)}.app-shell__content{flex:1;max-width:var(--max-width);margin:0 auto;width:100%;padding:var(--space-xxl) var(--space-md)}.card--pad-sm{padding:var(--space-md)}.card--pad-md{padding:var(--space-lg) var(--space-xl)}.card--pad-lg{padding:var(--space-xxl)}.page-header{margin-bottom:var(--space-xl)}.page-header__title{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.page-header__subtitle{margin-top:var(--space-xs);color:var(--text-secondary);font-size:1rem}.meta-strip{display:flex;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl)}.meta-strip__item{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-strip__value{font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.meta-strip__label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.sten-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--radius-sm);line-height:1}.sten-badge--sm{padding:.25rem .625rem;font-size:.875rem}.sten-badge--lg{padding:.625rem 1.25rem;font-size:2rem;letter-spacing:-.02em;border-radius:var(--radius-md)}.sten-badge--good{background:#dcfce7;color:#15803d}.sten-badge--avg{background:#fef9c3;color:#92400e}.sten-badge--low{background:#fee2e2;color:#b91c1c}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xxl) var(--space-xl);gap:var(--space-md);color:var(--text-muted)}.empty-state__icon{font-size:2.5rem;opacity:.35}.empty-state__title{font-size:1rem;font-weight:600;color:var(--text-primary)}.empty-state__description{font-size:.9375rem;max-width:360px;color:var(--text-secondary)}.empty-state__action{margin-top:var(--space-sm)}.dashboard-view{display:flex;flex-direction:column;gap:var(--space-xl)}.dashboard-primary-action{display:flex;justify-content:flex-start}.session-history{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.session-history__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--divider);font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.session-history__item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--divider);transition:background var(--transition-fast)}.session-history__item:last-child{border-bottom:none}.session-history__item:hover{background:var(--bg-card-hover)}.session-history__date{font-size:.875rem;color:var(--text-muted);min-width:6rem;flex-shrink:0}.session-history__stats{flex:1;display:flex;gap:var(--space-lg);align-items:center}.session-history__accuracy{font-size:.875rem;color:var(--text-secondary)}.upgrade-cta{background:linear-gradient(135deg,var(--accent-light) 0%,#f0f1ff 100%);border:1px solid var(--accent-light);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.upgrade-cta__text h2{font-size:1.0625rem;color:var(--text-primary)}.upgrade-cta__text p{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.pre-session-view{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);max-width:480px}.pre-session-checklist{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.pre-session-checklist li{display:flex;align-items:flex-start;gap:var(--space-md);font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.pre-session-checklist__icon{color:var(--accent);font-size:.75rem;font-weight:700;margin-top:.2rem;flex-shrink:0;width:1.25rem;height:1.25rem;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.pre-session-actions{display:flex;gap:var(--space-md)}.pre-session-domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);width:100%}@media (max-width: 480px){.pre-session-domain-grid{grid-template-columns:1fr}}.pre-session-domain-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease;width:100%}.pre-session-domain-card:hover,.pre-session-domain-card--selected{border-color:var(--accent);background:var(--accent-light)}.pre-session-domain-card__name{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3}.pre-session-domain-card--selected .pre-session-domain-card__name{color:var(--accent)}.pre-session-domain-card__desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.onboarding-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--space-xl);max-width:520px;margin:0 auto;text-align:center;padding-top:var(--space-xxl)}.onboarding-view h1{font-size:1.75rem}.urgency-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.urgency-option{padding:var(--space-lg);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-primary);transition:border-color var(--transition-fast),background var(--transition-fast)}.urgency-option:hover{border-color:var(--accent);background:var(--bg-card-hover)}.urgency-option.selected{border-color:var(--accent);background:var(--bg-selected);color:var(--accent)}.onboarding-step-indicator{font-size:.8125rem;color:var(--text-muted);font-weight:500}.results-view{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding-top:var(--space-xl);text-align:center}.results-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.results-stats-grid{display:flex;gap:var(--space-xl);justify-content:center}.results-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.results-stat__value{font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.results-stat__label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.results-interpretation{max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);text-align:left}.results-interpretation p{font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.results-tip{font-size:.875rem;color:var(--text-muted);margin-top:var(--space-sm);line-height:1.6}.results-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.results-disclaimer{max-width:400px;font-size:.75rem;color:var(--text-muted);line-height:1.6;text-align:center}.pricing-view{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding-top:var(--space-xl)}.pricing-intro{text-align:center;max-width:460px}.pricing-intro p{margin-top:var(--space-sm);font-size:1.0625rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg);width:100%;max-width:640px}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);position:relative;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base)}.plan-card:hover{box-shadow:var(--shadow-card-hover)}.plan-card--featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-card)}.plan-card--featured:hover{box-shadow:0 0 0 1px var(--accent),var(--shadow-card-hover)}.plan-card__badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.2rem .75rem;border-radius:9999px;white-space:nowrap}.plan-card__name{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.plan-card__price{display:flex;align-items:baseline;gap:.375rem}.plan-card__amount{font-size:2rem;font-weight:600;letter-spacing:-.03em;color:var(--text-primary)}.plan-card__period{font-size:.875rem;color:var(--text-muted)}.plan-card__features{list-style:none;display:flex;flex-direction:column;gap:.5rem;flex:1}.plan-card__feature{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.plan-card__check{color:var(--color-correct);font-weight:700;flex-shrink:0}.free-tier-note{font-size:.875rem;color:var(--text-muted);text-align:center}.payment-success-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xl);padding-top:var(--space-xxl)}.payment-success-icon{width:4rem;height:4rem;background:#dcfce7;color:#15803d;font-size:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.landing-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:var(--space-xl);padding-top:var(--space-xxl)}.landing-view h1{font-size:2.25rem;letter-spacing:-.03em}.landing-hero__tagline{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.landing-description{max-width:480px;font-size:1.0625rem;color:var(--text-secondary);line-height:1.75}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);width:100%;max-width:600px}.landing-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:left}.landing-feature__icon{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--accent)}.landing-feature__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.landing-feature__desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.landing-meta{display:flex;gap:var(--space-xl);justify-content:center}.settings-view{max-width:600px}.settings-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--space-xl)}.settings-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);border-radius:0}.settings-tab:hover{color:var(--text-primary)}.settings-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.settings-section{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-field{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-label{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.settings-value{font-size:1rem;color:var(--text-primary)}.purchases-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.purchase-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--divider)}.purchase-item:last-child{border-bottom:none}.purchase-item__info{display:flex;flex-direction:column;gap:.2rem}.purchase-item__name{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.purchase-item__date{font-size:.8125rem;color:var(--text-muted)}.purchase-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.purchase-item__amount{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.purchase-item__validity{font-size:.8125rem;color:var(--text-muted)}.stats-table{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.stats-table__header{display:grid;grid-template-columns:1fr 4rem 4rem 4rem;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);background:var(--bg-page);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.stats-table__row{display:grid;grid-template-columns:1fr 4rem 4rem 4rem;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--divider);align-items:center}.stats-table__row:last-child{border-bottom:none}.stats-table__date{font-size:.875rem;color:var(--text-secondary)}.stop-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.stop-dialog{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:360px;width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.stop-dialog h2{font-size:1.125rem}.stop-dialog__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.legal-view{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-md)}.legal-back-btn{margin-bottom:var(--space-lg)}.legal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.legal-content h1{font-size:1.625rem;font-weight:700;margin-bottom:var(--space-xs)}.legal-updated{font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-xl)}.legal-content section{margin-bottom:var(--space-xl)}.legal-content h2{font-size:1.0625rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.legal-content p,.legal-content li{font-size:.9375rem;color:var(--text-secondary);line-height:1.65}.legal-content ul{padding-left:var(--space-lg);margin-top:var(--space-xs)}.legal-content li{margin-bottom:var(--space-xs)}.legal-content a{color:var(--accent);text-decoration:underline}.legal-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-top:var(--space-sm)}.legal-table th,.legal-table td{text-align:left;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);color:var(--text-secondary)}.legal-table th{background:var(--bg-page);font-weight:600;color:var(--text-primary)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);z-index:1000;flex-wrap:wrap}.cookie-banner__text{flex:1;font-size:.875rem;color:var(--text-secondary);min-width:200px;margin:0}.cookie-banner__link{background:none;border:none;padding:0;color:var(--accent);font-size:inherit;cursor:pointer;text-decoration:underline}.cookie-banner__btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0}.cookie-banner__btn:hover{opacity:.9}.tos-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:.875rem;color:var(--text-secondary);cursor:pointer;max-width:600px;margin:var(--space-md) auto;line-height:1.5}.tos-checkbox input[type=checkbox]{flex-shrink:0;margin-top:2px;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn-danger{background:#dc2626;color:#fff;border:none;border-radius:var(--radius-md);padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:opacity .15s}.btn-danger:hover:not(:disabled){opacity:.85}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.settings-field--danger{border-top:1px solid var(--border);padding-top:var(--space-lg);margin-top:var(--space-lg)}.delete-confirm{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-md)}.landing-footer,.app-shell__footer{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-lg) var(--space-md);font-size:.8125rem;color:var(--text-muted);border-top:1px solid var(--border);margin-top:auto}.landing-footer a,.app-shell__footer a{color:var(--text-muted);text-decoration:none}.landing-footer a:hover,.app-shell__footer a:hover{color:var(--text-secondary);text-decoration:underline}.app-shell{display:flex;flex-direction:column;min-height:100vh}.plan-status{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem}.plan-status--premium,.plan-status--prep{border-color:var(--border)}.plan-status--expired{border-color:var(--color-incorrect);background:var(--bg-incorrect)}.plan-status--free{border-color:var(--border)}.plan-status__check{color:var(--color-correct);font-weight:700;flex-shrink:0;margin-top:1px}.plan-status__body{display:flex;flex-direction:column;gap:.2rem}.plan-status__label{font-weight:500;color:var(--text-primary)}.plan-status__detail{font-size:.8125rem;color:var(--text-muted)}.plan-status__warning{margin-top:var(--space-xs);font-size:.8125rem;color:var(--color-incorrect)}.dashboard-primary-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.dashboard-session-blocked{font-size:.875rem;color:var(--text-secondary)}.pre-session-expiry-warning{padding:var(--space-sm) var(--space-md);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);font-size:.875rem;color:#92400e;line-height:1.5}.landing-trust-strip{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-trust-item{font-size:.875rem;color:var(--text-secondary)}.landing-how{padding:var(--space-lg) 0}.landing-steps{display:flex;flex-direction:column;gap:var(--space-md)}.landing-step{display:flex;align-items:flex-start;gap:var(--space-md)}.landing-step__n{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);font-weight:600;font-size:.875rem;flex-shrink:0}.landing-step__text{font-size:.9375rem;color:var(--text-secondary);padding-top:.125rem}.plan-card-wrapper{position:relative}.plan-card__badge{text-align:center;font-size:.75rem;font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-xs)}.purchase-status{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.purchase-status--actief{background:var(--bg-correct);color:var(--color-correct)}.purchase-status--verlopen{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.purchase-status--levenslang{background:var(--accent-light);color:var(--accent)}