.app-page{min-height:100vh;padding:var(--page-y) var(--page-x)}.app-shell{width:min(var(--content-width),100%);margin:0 auto;display:flex;flex-direction:column;min-height:calc(100vh - var(--page-y) - var(--page-y))}.app-stack{display:grid;gap:var(--space-4)}.app-stack-sm{gap:var(--space-3)}.app-stack-md{gap:var(--space-4)}.app-stack-lg{gap:var(--space-6)}.app-stack-section{gap:var(--section-gap)}.app-shell__navigation{margin-bottom:42px}.app-shell__content{flex:1;padding-bottom:var(--section-gap)}.app-shell__footer{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:0;padding-top:var(--space-5);border-top:1px solid var(--color-border);justify-content:flex-end;text-align:right;text-transform:none;letter-spacing:.02em}.app-shell__footer a{color:var(--color-text-strong);font-weight:700}.ui-button{display:inline-flex;align-items:center;justify-content:center;appearance:none;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-control);font-family:var(--font-heading);font-size:15px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--transition-transform),box-shadow var(--transition-interaction),background-color var(--transition-interaction),border-color var(--transition-interaction),color var(--transition-interaction)}.ui-button:not(:disabled):hover{transform:translateY(-2px)}.ui-button:not(:disabled):active{transform:translateY(1px) scale(.99)}.ui-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.ui-button--primary:not(:disabled):hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover);box-shadow:var(--shadow-button-hover)}.ui-button--primary:not(:disabled):active{border-color:var(--color-primary-pressed);background:var(--color-primary-pressed);box-shadow:var(--shadow-button-pressed)}.ui-button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.ui-button--secondary:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.ui-button:disabled{cursor:not-allowed;opacity:.6}.app-navigation{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4)}.app-navigation__brand{display:inline-flex;align-items:center;justify-self:start}.app-navigation__logo{display:block;width:220px;height:auto;max-width:40vw;object-fit:contain}.app-navigation__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.app-navigation__actions .ui-button{gap:var(--space-2)}@media(max-width:700px){.app-navigation{grid-template-columns:1fr;align-items:stretch}.app-navigation__logo{height:auto;width:180px;max-width:100%}.app-navigation__actions{display:grid;grid-template-columns:1fr}.app-navigation__actions .ui-button{width:100%}}.ui-card{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:20px}@media(max-width:700px){.ui-card{padding:16px;border-radius:var(--radius-card)}}.status-panel{width:min(640px,100%);margin-inline:auto}.status-panel__copy{display:grid;gap:var(--space-3)}.status-panel__copy h1,.status-panel__copy h2,.status-panel__copy h3,.status-panel__description,.status-panel__description p{margin:0}.status-panel__description{color:var(--color-body);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6}.status-panel__actions{display:grid;gap:var(--space-3)}.status-panel__actions>.ui-button{width:100%}.app-action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media(max-width:720px){.app-action-row{align-items:stretch}.app-action-row .ui-button{width:100%}}@media(max-width:380px){.app-action-row{display:grid;grid-template-columns:1fr}}.app-loading{display:flex;align-items:center;gap:14px;min-height:64px}.app-loading-spinner{width:28px;height:28px;flex:0 0 auto;border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.app-loading-spinner{animation:none;border-top-color:var(--color-primary-soft);background:var(--color-primary)}}.ui-alert{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px 16px;background:var(--color-primary-soft);font-size:14px;line-height:1.5}.ui-alert--structured{display:flex;align-items:flex-start;gap:12px}.ui-alert--info{border-color:var(--color-helpful);background:var(--color-helpful-soft);color:var(--color-helpful-dark)}.ui-alert--error{border-color:var(--color-error-border);background:var(--color-error-soft);color:var(--color-error-text)}.ui-alert__icon{display:inline-flex;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;border-radius:50%;background:var(--color-helpful);color:var(--color-surface);font-family:var(--font-heading);font-size:14px;font-weight:700;line-height:1}.ui-alert__copy{display:grid;gap:6px;min-width:0}.ui-alert__title{font-family:var(--font-heading);font-size:14px;line-height:1.4}.ui-alert__body{font-size:14px;line-height:1.45}@media(max-width:700px){.ui-alert{padding:12px 14px}}.ui-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:var(--color-overlay)}.ui-modal{width:min(480px,100%);padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-modal)}.ui-modal--wide{width:min(880px,100%)}.ui-modal__header{display:flex;justify-content:space-between;gap:var(--space-4)}.ui-modal__title{margin:0;font-family:var(--font-heading);font-size:var(--text-card);font-weight:700;line-height:1.25}.ui-modal__description{margin:var(--space-3) 0 0;font-family:var(--font-body);font-size:var(--text-body);line-height:1.6}.ui-modal__body{margin-top:var(--space-5)}.ui-modal__close{border:0;background:transparent;cursor:pointer;font-size:var(--text-card)}.ui-modal-preview{position:relative;display:grid;place-items:center;min-height:auto;padding:40px;background:transparent}.ui-modal-preview .ui-modal{position:relative;width:min(480px,100%);margin-inline:auto;transform:none}.ui-modal-preview .ui-modal.ui-modal--wide{width:min(880px,100%)}@media(max-width:700px){.ui-modal-backdrop{align-items:end;padding:0}.ui-modal{width:100%;padding:16px;border-radius:var(--radius-card) var(--radius-card) 0 0;box-shadow:var(--shadow-modal-mobile)}.ui-modal-preview{padding:20px}.ui-modal-preview .ui-modal{border-radius:var(--radius-card);box-shadow:var(--shadow-modal)}}.app-transition-status{margin:0;color:var(--color-muted);font-size:14px;line-height:1.5}.ui-form-field{display:grid;gap:8px}.ui-form-label{font-size:14px;font-weight:750}.ui-input{width:100%;min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:12px 14px;color:var(--color-text);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.ui-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ui-input:disabled{cursor:not-allowed;opacity:.6}textarea.ui-input{min-height:180px;resize:vertical;font-size:16px}.checkout-email-collection{display:grid;gap:var(--space-5)}.checkout-email-collection__summary{margin:0;color:var(--color-reward-dark);font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;line-height:1.45}.checkout-email-collection__summary span{font:inherit}.checkout-email-collection__explanation{margin:0;color:var(--color-body);font-family:var(--font-body);font-size:var(--text-supporting);line-height:1.55}.checkout-email-collection__form{display:grid;gap:var(--space-4)}.checkout-email-collection__form .ui-button{width:100%}.ui-paywall-offer-card{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.ui-paywall-offer-card--featured{border-color:var(--color-primary);background:linear-gradient(145deg,var(--color-primary-soft),var(--color-reward-soft),var(--color-surface));box-shadow:inset 0 var(--space-1) 0 var(--color-reward),var(--shadow-card)}.ui-paywall-offer-card--current{border-color:var(--color-success);background:var(--color-success-soft)}.ui-paywall-offer-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.ui-paywall-offer-card__eyebrow{margin:0;color:var(--color-muted);font-family:var(--font-heading);font-size:var(--text-meta);font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.ui-paywall-offer-card__labels{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.ui-paywall-offer-card__label{display:inline-flex;align-items:center;min-height:26px;padding:var(--space-1) var(--space-2);border-radius:999px;font-family:var(--font-heading);font-size:var(--text-meta);font-weight:800;line-height:1}.ui-paywall-offer-card__label--featured{background:linear-gradient(135deg,var(--color-primary),var(--color-reward));color:var(--color-on-primary)}.ui-paywall-offer-card__label--status{background:var(--color-success-soft);color:var(--color-success-dark)}.ui-paywall-offer-card__title{margin:0;color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card);font-weight:700;line-height:1.25}.ui-paywall-offer-card__price{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-3)}.ui-paywall-offer-card__price strong{color:var(--color-text-strong);font-family:var(--font-heading);font-size:36px;font-weight:800;line-height:1;letter-spacing:-.035em}.ui-paywall-offer-card__price span{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-supporting)}.ui-paywall-offer-card__description{margin:var(--space-3) 0 0;color:var(--color-body);font-family:var(--font-body);font-size:var(--text-supporting);line-height:1.5}.ui-paywall-offer-card__benefits{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.ui-paywall-offer-card__benefits li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--space-2);color:var(--color-body);font-family:var(--font-body);font-size:var(--text-body);line-height:1.45}.ui-paywall-offer-card__benefits li>span:first-child{color:var(--color-success-dark);font-family:var(--font-heading);font-weight:800}.ui-paywall-offer-card__action{display:grid;gap:var(--space-2);margin-top:auto}.ui-paywall-offer-card__action .ui-button{width:100%}.ui-paywall-offer-card__support{margin:0;color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-meta);line-height:1.4;text-align:center}@media(max-width:700px){.ui-paywall-offer-card{gap:var(--space-3);padding:var(--space-4)}.ui-paywall-offer-card__price strong{font-size:32px}}.ui-paywall-offer-card__content,.ui-paywall-offer-card__after-benefits{display:grid;gap:var(--space-3)}.ui-select-field{display:grid;gap:var(--space-2);min-width:0}.ui-select-field__label{color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-supporting);font-weight:700;line-height:1.3}.ui-select-field__control{position:relative;display:block;min-width:0}.ui-select-field__select{width:100%;min-height:48px;padding:0 calc(var(--space-5) + var(--space-2)) 0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);appearance:none;background:var(--color-surface);color:var(--color-text-strong);font-family:var(--font-body);font-size:var(--text-body);line-height:1.3;cursor:pointer}.ui-select-field__select:hover{border-color:var(--color-primary)}.ui-select-field__select:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:var(--focus-ring)}.ui-select-field__select:disabled{cursor:not-allowed;opacity:.6}.ui-select-field__chevron{position:absolute;top:50%;right:var(--space-4);width:8px;height:8px;border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.paywall-offer-selection{display:grid;gap:var(--space-4)}.paywall-offer-selection__notice{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);font-family:var(--font-body);font-size:var(--text-supporting);line-height:1.45}.paywall-offer-selection__notice[data-tone=success]{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success-dark)}.paywall-offer-selection__notice[data-tone=warning]{border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.paywall-offer-selection__offers{display:grid;gap:var(--space-4)}.paywall-offer-selection--desktop .paywall-offer-selection__offers,.paywall-offer-selection--responsive .paywall-offer-selection__offers{grid-template-columns:repeat(2,minmax(0,1fr))}.paywall-offer-selection__offers--single{grid-template-columns:minmax(0,440px)!important;justify-content:center}.paywall-offer-selection--mobile .paywall-offer-selection__offers{grid-template-columns:1fr}.paywall-offer-selection--mobile .paywall-offer-selection__offer--subscription{order:-1}.paywall-offer-selection__bonus li>span:last-child{color:var(--color-body)}.paywall-offer-selection__bonus strong{color:var(--color-reward-dark);font-family:inherit;font-size:inherit;font-weight:700}.paywall-offer-selection__bonus .paywall-offer-selection__bonus-practice{color:var(--color-reward-text)}@media(max-width:700px){.paywall-offer-selection--responsive .paywall-offer-selection__offers{grid-template-columns:1fr}.paywall-offer-selection--responsive .paywall-offer-selection__offer--subscription{order:-1}.paywall-offer-selection__offers--single{grid-template-columns:1fr!important}}.paywall-modal__content{display:grid;gap:var(--space-4)}.app-rep-history{display:grid;gap:16px}.app-history-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.app-history-item{display:grid;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:16px}.app-history-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.app-history-header>strong{font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;line-height:1.2}.app-history-badges{display:flex;flex-wrap:wrap;gap:8px}.app-history-pair{display:grid;gap:14px}.app-history-label{margin:0 0 var(--space-2);color:var(--color-muted);font-family:var(--font-heading);font-size:var(--text-meta);font-weight:700;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.app-history-copy{margin:0}.app-history-feedback{border-left:3px solid var(--color-primary-soft);padding-left:12px}.app-rep-history--structured{gap:var(--space-5)}.app-rep-history--structured .app-history-list{gap:var(--space-3)}.app-rep-history--structured .app-history-item--rep{display:block;padding:0;border:0;background:transparent}.app-history-disclosure{padding:var(--space-3) var(--space-4)}.app-history-disclosure .ui-disclosure__summary{flex:1}.app-history-disclosure .app-history-header{width:100%}.app-history-disclosure .ui-disclosure__content{padding-top:var(--space-4)}.app-history-structured{display:grid;gap:var(--space-4)}.app-history-response,.app-history-feedback-section{display:grid;gap:var(--space-2)}.app-history-response{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.app-history-feedback-section{padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border-left:3px solid var(--color-primary)}@media(max-width:700px){.app-history-disclosure{padding:var(--space-3)}.app-history-disclosure .app-history-header{align-items:flex-start}}.app-history-feedback-section--unsafe,.app-history-feedback--unsafe{border-left-color:var(--color-error-border)}.app-history-phase-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-reward-dark);font-family:var(--font-heading);font-size:var(--text-meta);font-weight:800;letter-spacing:.06em;list-style:none;text-transform:uppercase}.app-history-phase-divider:before,.app-history-phase-divider:after{height:1px;background:var(--color-reward);content:""}.app-history-phase-divider:before{width:var(--space-4)}.app-history-phase-divider:after{flex:1}.app-history-item--expert .app-history-disclosure{border-color:var(--color-reward);background:var(--color-reward-soft)}.ui-pill.ui-pill--reward.app-history-points--expert{border-color:var(--color-reward-dark);background:var(--color-reward);color:var(--color-reward-soft)}.ui-badge{display:inline-flex;flex:0 0 auto;align-items:center;height:24px;padding:4px 10px;border-radius:999px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;text-transform:uppercase}.ui-badge--neutral{background:var(--color-surface-muted);color:var(--color-text)}.ui-badge--success{background:var(--color-success-soft);color:var(--color-success)}.ui-badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.ui-badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.ui-badge--error{background:var(--color-error-soft);color:var(--color-error-text)}.ui-disclosure{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-3) var(--space-4)}.ui-disclosure__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:44px;padding:0;border:0;background:transparent;color:var(--color-text-strong);font-family:var(--font-body);font-size:var(--text-body);font-weight:600;line-height:1.45;text-align:left;cursor:pointer}.ui-disclosure__trigger:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.ui-disclosure--open .ui-disclosure__trigger{color:var(--color-primary-dark);font-weight:700}.ui-disclosure__summary{min-width:0}.ui-disclosure__icon{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.ui-disclosure--open .ui-disclosure__icon{transform:rotate(180deg)}.ui-disclosure__content{padding-top:var(--space-3);color:var(--color-body)}.ui-disclosure__content>:first-child{margin-top:0}.ui-disclosure__content>:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.ui-disclosure__icon{transition:none}}.ui-pill{display:inline-flex;align-items:center;height:28px;padding:6px 12px;border-radius:999px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;line-height:1.2}.ui-pill--neutral{background:var(--color-surface-muted);color:var(--color-text)}.ui-pill--primary{background:var(--color-primary-soft);color:var(--color-primary)}.ui-pill--reward{border:1px solid var(--color-reward);background:var(--color-reward-soft);color:var(--color-reward-dark)}.ui-countdown-timer{color:var(--color-text)}.ui-countdown-timer--inline{display:grid;justify-self:center;gap:6px;width:min(100%,200px);opacity:.5}.ui-countdown-timer__label{margin:0;font-size:12px;line-height:1.3;text-align:center}.ui-countdown-timer__track{width:100%;height:2px;overflow:hidden;background:var(--color-border)}.ui-countdown-timer__progress{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(1);transform-origin:right;animation:ui-countdown-timer-drain var(--countdown-duration) linear forwards}.ui-countdown-timer--edge{position:absolute;top:0;right:0;left:0;z-index:2;width:100%;color:var(--color-primary);pointer-events:none}.ui-countdown-timer--edge .ui-countdown-timer__label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ui-countdown-timer--edge .ui-countdown-timer__track{height:6px;border-radius:0;background:transparent}@keyframes ui-countdown-timer-drain{to{transform:scaleX(0)}}@media(max-width:700px){.ui-countdown-timer--inline{width:min(100%,160px)}}.recommended-practice-prompt__reopen{display:flex;justify-content:center;padding-top:var(--space-2)}.recommended-practice-prompt__modal{position:relative;overflow:hidden}.recommended-practice-prompt__modal .ui-modal__header>div{flex:1;margin-left:32px;text-align:center}.recommended-practice-prompt__recommendation{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-card);background:var(--color-primary-soft);text-align:center}.recommended-practice-prompt__recommendation h3,.recommended-practice-prompt__recommendation p{margin:0}.recommended-practice-prompt__recommendation h3{color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card)}.recommended-practice-prompt__action{display:flex;justify-content:center}.recommended-practice-prompt__action .ui-button{width:100%}.completed-practice-transient-state{width:min(100%,720px);margin-inline:auto;padding:var(--space-5)}.completed-practice-transient-state h1,.completed-practice-transient-state p{margin:0}@media(max-width:700px){.completed-practice-transient-state{padding:var(--space-4)}}.completed-practice-page{--content-width: 920px;--completed-accent: var(--color-reward);--completed-accent-dark: var(--color-reward-text);--completed-accent-soft: var(--color-reward-soft)}.completed-practice-page__hero{display:grid;gap:var(--space-5);padding:var(--space-5);border-top:8px solid var(--completed-accent);overflow:hidden;background:linear-gradient(155deg,var(--completed-accent-soft),var(--color-surface) 76%)}.completed-practice-page__hero-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-5)}.completed-practice-page__hero-copy{display:grid;justify-items:start;gap:var(--space-3)}.completed-practice-page__hero-copy h1,.completed-practice-page__hero-copy p{margin:0}.completed-practice-page__points{display:grid;gap:var(--space-1);min-width:160px;padding:var(--space-4);border:1px solid rgb(242 179 61 / 48%);border-radius:var(--radius-control);background:#ffffffd1}.completed-practice-page__points span{color:var(--color-text-muted);font-size:.8125rem;font-weight:700}.completed-practice-page__points strong{color:var(--completed-accent-dark);font-family:var(--font-heading);font-size:1.75rem}.completed-practice-page__reflection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.completed-practice-page__reflection-card{min-width:0}.completed-practice-page__reflection-card .ui-badge{justify-self:start}.completed-practice-page__reflection-card h2,.completed-practice-page__reflection-card p{margin:0}.completed-practice-page__history{min-width:0;padding:var(--space-5)}@media(max-width:700px){.completed-practice-page__hero,.completed-practice-page__history{padding:var(--space-4)}.completed-practice-page__hero-content,.completed-practice-page__reflection-grid{grid-template-columns:1fr}.completed-practice-page__points{min-width:0}}.app-practice-preview-card{display:grid;place-items:center start;width:100%;height:100%;background:var(--color-surface);text-align:left}.app-practice-preview-card--empty{background:var(--color-helpful-soft)}.app-practice-preview-card__inner{display:grid;gap:var(--space-4);width:min(100%,560px)}.app-practice-preview-card__copy{display:grid;gap:var(--space-3)}.app-practice-preview-card__copy .app-heading,.app-practice-preview-card__copy .app-body{margin:0}.app-practice-preview-card__copy .app-practice-preview-card__secondary-title{margin-top:var(--space-2)}.app-practice-preview-card__access{display:grid;justify-items:start;gap:var(--space-3);width:100%;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.app-practice-preview-card__access .app-action-row{justify-content:flex-start}.app-practice-preview-card__access>.ui-button{justify-self:start}.app-router-options{display:grid;gap:12px}.app-router-options-rows{gap:0}.app-router-option{width:100%;color:var(--color-text-strong);font-family:var(--font-heading);cursor:pointer}.app-router-option-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px 16px;text-align:left}.app-router-option-card:hover{border-color:var(--color-primary)}.app-router-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-router-option-card.app-router-option-selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.app-router-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-4) 0;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;text-align:left}.app-router-option-row:first-child{padding-top:0}.app-router-option-row:last-child{padding-bottom:0;border-bottom:0}.app-router-option-row:hover,.app-router-option-row.app-router-option-selected{color:var(--color-primary-dark)}.app-router-option-row:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;box-shadow:none}.app-router-option-label{min-width:0}.app-router-option-row .app-router-option-label{font-size:var(--text-card);font-weight:750;line-height:1.25}.app-router-option-leading{color:var(--color-muted);font-size:var(--text-meta);font-weight:800}.app-router-option-trailing{color:currentColor;font-size:22px;line-height:1;transition:transform .15s ease}.app-router-option-row:hover .app-router-option-trailing,.app-router-option-row.app-router-option-selected .app-router-option-trailing{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.app-router-option-trailing{transition:none}}.app-numbered-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin:0;padding:0;list-style:none}.app-numbered-process__step{position:relative;display:grid;align-content:start;gap:var(--space-3);min-width:0}.app-numbered-process__step:not(:last-child):after{position:absolute;top:17px;right:calc(var(--space-5) * -1);left:calc(36px + var(--space-3));z-index:0;height:1px;background:var(--color-border-strong);content:""}.app-numbered-process__number{position:relative;z-index:1;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);color:var(--color-primary-dark);font-family:var(--font-heading);font-weight:800}.app-numbered-process__copy{position:relative;z-index:1;display:grid;gap:var(--space-2);min-width:0}.app-numbered-process__title,.app-numbered-process__copy .app-body{margin:0}.app-numbered-process__title{color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card);line-height:1.3}@media(max-width:700px){.app-numbered-process{grid-template-columns:1fr;gap:var(--space-4)}.app-numbered-process__step{grid-template-columns:auto minmax(0,1fr);align-items:start}.app-numbered-process__step:not(:last-child):after{top:36px;right:auto;bottom:calc(var(--space-4) * -1);left:17px;width:1px;height:auto}}.home-page{--content-width: 1180px}.home-page__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:var(--space-7);align-items:center;padding-top:var(--space-4);padding-bottom:var(--space-7)}.home-page__hero-copy{min-width:0}.home-page__display{max-width:760px;margin:0;color:var(--color-text-strong);font-family:var(--font-heading);font-size:clamp(var(--text-page),5.5vw,var(--text-display));font-weight:800;line-height:1.06;letter-spacing:-.045em}.home-page__lead{max-width:680px;margin:0;color:var(--color-body);font-family:var(--font-body);font-size:18px;line-height:1.6}.home-page__product-preview{display:grid;gap:var(--space-2)}.home-page__preview-window{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);box-shadow:var(--shadow-modal);transform:rotate(1.5deg)}.home-page__preview-toolbar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised)}.home-page__preview-toolbar span{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong)}.home-page__preview-content{display:grid;gap:var(--space-3);padding:var(--space-5)}.home-page__preview-title-line{width:72%;height:20px;border-radius:999px;background:var(--color-text-strong)}.home-page__preview-copy-line{width:68%;height:9px;border-radius:999px;background:var(--color-border-strong)}.home-page__preview-copy-line--long{width:92%}.home-page__preview-structure{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-page__preview-structure span{border-radius:999px;background:var(--color-primary-soft);padding:7px 10px;color:var(--color-primary-dark);font-family:var(--font-heading);font-size:var(--text-meta);font-weight:700}.home-page__preview-response{display:grid;gap:8px;min-height:112px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card)}.home-page__preview-response div{height:8px;border-radius:999px;background:var(--color-border)}.home-page__preview-response div:nth-child(2){width:88%}.home-page__preview-response div:nth-child(3){width:62%}.home-page__preview-feedback{border-radius:var(--radius-card);background:var(--color-helpful-soft);padding:var(--space-3);color:var(--color-text-strong);font-size:var(--text-meta);font-weight:700}.home-page__section-heading{display:grid;gap:var(--space-2);min-width:0;width:100%}.home-page__section-title{margin:0;color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-page);line-height:1.1;letter-spacing:-.035em}.home-page__section-title--situation{color:var(--color-primary-dark)}.home-page__section-title--benefits{color:var(--color-primary)}.home-page__router-section{padding:var(--space-6);border-radius:var(--radius-dialog);background:var(--color-surface-raised);scroll-margin-top:var(--space-5)}.home-page__router-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:var(--space-5);align-items:stretch}.home-page__router-card,.home-page__preview-column{min-width:0;height:100%}.home-page__preview-column{position:sticky;top:var(--space-4);align-self:stretch}.home-page__benefits-section{padding-block:var(--space-5)}.home-page__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.home-page__benefit-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;min-height:148px;padding:var(--space-5);border-width:1px;border-style:solid;box-shadow:var(--shadow-card)}.home-page__benefit-card--pattern{border-color:var(--color-reward);background:var(--color-reward-soft)}.home-page__benefit-card--practice{border-color:var(--color-success);background:var(--color-success-soft)}.home-page__benefit-card--feedback{border-color:var(--color-primary);background:var(--color-primary-soft)}.home-page__benefit-card--pattern .home-page__benefit-icon{color:var(--color-reward-text)}.home-page__benefit-card--practice .home-page__benefit-icon{color:var(--color-success-dark)}.home-page__benefit-card--feedback .home-page__benefit-icon{color:var(--color-primary-dark)}.home-page__benefit-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--color-surface);color:var(--color-primary-dark);box-shadow:var(--shadow-card)}.home-page__benefit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.home-page__benefit-copy{display:grid;gap:var(--space-2)}.home-page__benefit-copy .app-body{font-size:var(--text-supporting)}.home-page__card-heading{margin:0;color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card);line-height:1.25}.home-page__how-it-works{padding:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-dialog);background:var(--color-surface);box-shadow:none}.home-page__how-it-works .home-page__section-title{color:var(--color-helpful-dark)}.home-page__how-it-works .app-numbered-process__title{color:var(--color-primary-dark)}.home-page__start-small{border-radius:var(--radius-dialog);background:var(--color-surface-dark);padding:var(--space-6)}.home-page__start-small .app-eyebrow{color:var(--color-reward)}.home-page__start-small .app-heading,.home-page__start-small .app-body{color:var(--color-surface)}.home-page__faq-section{padding-top:var(--space-5)}.home-page__faq-list{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(max-width:960px){.home-page__hero{grid-template-columns:1fr}.home-page__product-preview{max-width:640px}}@media(max-width:820px){.home-page__router-layout,.home-page__benefits{grid-template-columns:1fr}.home-page__preview-column{position:static;align-self:stretch}}@media(max-width:700px){.home-page__hero{padding-top:var(--space-4);padding-bottom:var(--space-6)}.home-page__display{font-size:var(--text-display-mobile)}.home-page__router-section{padding:var(--space-4)}.home-page__benefit-card{min-height:0;padding:var(--space-4)}.home-page__how-it-works,.home-page__start-small{padding:var(--space-5)}.home-page__preview-window{transform:none}}@media(prefers-reduced-motion:reduce){.home-page__preview-window{transform:none}}.ui-stage-indicator{display:flex;align-items:flex-start;width:100%;margin:0;padding:0;list-style:none}.ui-stage-indicator__item{position:relative;flex:1 1 0;min-width:0;color:var(--color-text-muted);font-family:var(--font-body);font-size:12px;font-weight:700;line-height:1.3;text-align:center;text-transform:uppercase}.ui-stage-indicator__item:not(:last-child):after{position:absolute;z-index:0;top:8px;left:calc(50% + 12px);width:calc(100% - 24px);height:1px;background:var(--color-border);content:""}.ui-stage-indicator__control{position:relative;display:grid;justify-items:center;gap:10px;width:100%;margin:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-transform:inherit}button.ui-stage-indicator__control{cursor:pointer}button.ui-stage-indicator__control:hover .ui-stage-indicator__label{text-decoration:underline;text-underline-offset:3px}button.ui-stage-indicator__control:focus-visible{border-radius:var(--radius-control);outline:3px solid var(--color-primary-soft);outline-offset:4px}.ui-stage-indicator__marker{position:relative;z-index:1;display:block;width:16px;height:16px;border:2px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.ui-stage-indicator__label{display:block;max-width:130px}.ui-stage-indicator__item--complete{color:var(--color-text)}.ui-stage-indicator__item--complete .ui-stage-indicator__marker{border-color:var(--color-primary);background:var(--color-primary)}.ui-stage-indicator__item--complete:not(:last-child):after{background:var(--color-primary)}.ui-stage-indicator__item--current{color:var(--color-primary)}.ui-stage-indicator__item--current .ui-stage-indicator__marker{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}@media(max-width:700px){.ui-stage-indicator{display:grid}.ui-stage-indicator__item{padding-bottom:18px;text-align:left}.ui-stage-indicator__item:last-child{padding-bottom:0}.ui-stage-indicator__control{grid-template-columns:20px minmax(0,1fr);justify-items:start;gap:12px}.ui-stage-indicator__item:not(:last-child):after{top:18px;left:7.5px;width:1px;height:calc(100% - 10px)}.ui-stage-indicator__label{max-width:none;padding-top:1px}}.app-mini-win{display:flex;animation:app-mini-win-enter .42s ease-out both;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;border:1px solid var(--color-reward);border-radius:999px;background:var(--color-reward-soft);padding:8px 12px;color:var(--color-reward-dark);font-size:14px;line-height:1.4}.app-mini-win__copy{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.app-mini-win strong{font-size:15px}.app-mini-win span{color:var(--color-text)}.app-mini-win--milestone{display:grid;grid-template-columns:44px minmax(0,auto);align-items:center;gap:var(--space-3);max-width:100%;padding:var(--space-3) var(--space-4);border-width:2px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);animation-name:app-mini-win-milestone-enter;text-align:left}.app-mini-win--milestone .app-mini-win__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-reward);color:var(--color-surface);font-size:22px;line-height:1}.app-mini-win--milestone .app-mini-win__copy{display:grid;gap:1px}.app-mini-win--milestone strong{color:var(--color-reward-dark);font-size:var(--text-card);line-height:1.2}.app-mini-win--milestone .app-mini-win__copy>span{color:var(--color-text-strong);font-weight:800}@keyframes app-mini-win-enter{0%{opacity:0;transform:translateY(8px) scale(.96)}60%{transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes app-mini-win-milestone-enter{0%{opacity:0;transform:translateY(10px) scale(.86) rotate(-2deg)}65%{transform:translateY(-3px) scale(1.04) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.app-mini-win{animation:none}}.ui-reward-toast{position:fixed;z-index:1000;top:calc(env(safe-area-inset-top,0px) + 72px);left:50%;width:340px;transform:translate(-50%);animation:ui-reward-toast-life var(--reward-toast-duration) ease both;pointer-events:none;max-width:calc(100vw - 32px)}.ui-reward-toast .app-mini-win--milestone{grid-template-columns:32px minmax(0,1fr);gap:8px;width:100%;max-width:none;padding:8px 10px;border-width:1px}.ui-reward-toast .app-mini-win__icon{width:32px;height:32px;font-size:17px}.ui-reward-toast .app-mini-win__copy{gap:0}.ui-reward-toast .app-mini-win__copy strong{font-size:16px}.ui-reward-toast .app-mini-win__copy>span{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;line-height:1.4}@keyframes ui-reward-toast-life{0%{visibility:visible;opacity:0;transform:translate(-50%) translateY(-8px) scale(.92)}8%,82%{visibility:visible;opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{visibility:hidden;opacity:0;transform:translate(-50%) translateY(-6px) scale(.98)}}@media(prefers-reduced-motion:reduce){.ui-reward-toast{animation-name:ui-reward-toast-reduced-life}@keyframes ui-reward-toast-reduced-life{0%,82%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}}.ui-action-support-text{min-width:0;margin:0;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-supporting);line-height:1.5}.practice-stage-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.practice-stage-action__support,.practice-stage-action__spacer{flex:1 1 auto}.practice-stage-action__actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:var(--space-3)}@media(max-width:700px){.practice-stage-action{align-items:stretch;flex-direction:column}.practice-stage-action__spacer{display:none}.practice-stage-action__actions{align-items:stretch;flex-direction:column}.practice-stage-action__actions>*{width:100%}}.expert-practice-upgrade-card{overflow:hidden;border-color:var(--color-helpful-dark);background:var(--color-surface-dark);color:var(--color-surface)}.expert-practice-upgrade-card__status{display:flex;align-items:center;gap:var(--space-3)}.expert-practice-upgrade-card__icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--color-surface) 28%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-surface) 10%,transparent);font-size:28px}.expert-practice-upgrade-card .app-heading,.expert-practice-upgrade-card .app-body{color:var(--color-surface)}.expert-practice-upgrade-card .practice-stage-action{border-color:color-mix(in srgb,var(--color-surface) 20%,transparent)}.practice-learning-action{display:grid;justify-items:end;gap:var(--space-3);width:100%}.practice-learning-action .ui-alert,.practice-learning-action .app-transition-status{width:100%}@media(max-width:700px){.practice-learning-action{justify-items:stretch}.practice-learning-action .ui-button{width:100%}}.ui-checkbox{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--space-3);align-items:start;width:fit-content;max-width:100%;color:var(--color-text);cursor:pointer}.ui-checkbox__input{appearance:none;display:grid;place-content:center;width:22px;height:22px;margin:1px 0 0;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);cursor:inherit;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-checkbox__input:before{width:6px;height:11px;border-right:2px solid var(--color-surface);border-bottom:2px solid var(--color-surface);content:"";transform:translateY(-1px) rotate(45deg) scale(0);transition:transform var(--transition-transform)}.ui-checkbox:hover .ui-checkbox__input{border-color:var(--color-primary)}.ui-checkbox__input:checked{border-color:var(--color-primary);background:var(--color-primary)}.ui-checkbox__input:checked:before{transform:translateY(-1px) rotate(45deg) scale(1)}.ui-checkbox__input:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:var(--focus-ring)}.ui-checkbox__copy{display:grid;gap:var(--space-1)}.ui-checkbox__label{color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;line-height:1.4}.ui-checkbox__description{color:var(--color-body);font-family:var(--font-body);font-size:var(--text-supporting);line-height:1.5}.ui-checkbox--disabled{cursor:not-allowed;opacity:.55}.ui-checkbox--preview-focus .ui-checkbox__input{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.practice-learning-stage{padding:var(--space-5)}.practice-learning-stage__heading{display:grid;gap:var(--space-2);min-width:0;width:100%}.practice-learning-stage__heading h2,.practice-learning-stage__heading p{margin:0}.practice-learning-stage__visual{overflow:hidden;min-height:220px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-primary-soft)}.practice-learning-stage__concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.practice-learning-stage__concept{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.practice-learning-stage__concept-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.practice-learning-stage__concept-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.practice-learning-stage__concept h3,.practice-learning-stage__concept p{margin:0}.practice-learning-stage__concept h3{color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card);line-height:1.3}.practice-learning-stage__concept p{margin-top:var(--space-2);color:var(--color-body);line-height:1.55}.practice-learning-stage__scenario{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.practice-learning-stage__scenario h3,.practice-learning-stage__scenario p{margin:0}.practice-learning-stage__scenario-header{display:flex;align-items:center;gap:var(--space-3)}.practice-learning-stage__scenario-icon{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-dark)}.practice-learning-stage__scenario-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.practice-learning-stage__scenario h3{color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card)}.practice-learning-stage__scenario p{color:var(--color-text-strong);font-size:17px;line-height:1.7}.practice-conversation{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised)}.practice-conversation__message{display:grid;gap:var(--space-3);max-width:82%}.practice-conversation__message--incoming{justify-self:start}.practice-conversation__message--response{justify-self:end}.practice-conversation__speaker{display:flex;align-items:center;gap:var(--space-2)}.practice-conversation__speaker>div{display:grid}.practice-conversation__speaker strong{color:var(--color-text-strong)}.practice-conversation__speaker span:last-child{color:var(--color-text-muted);font-size:var(--text-meta)}.practice-conversation__avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-surface);color:var(--color-primary);font-weight:800}.practice-conversation__message p{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);background:var(--color-surface);color:var(--color-text-strong);line-height:1.65}.practice-conversation__message--response p{border-color:var(--color-primary);background:var(--color-primary-soft)}.practice-learning-stage__explanation{color:var(--color-body);line-height:1.6}.practice-learning-stage__explanation ul{display:grid;gap:var(--space-2);margin:0;padding-left:20px}.practice-learning-stage__checklist-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.practice-learning-stage__checklist-status p{margin:0}.practice-learning-stage__checklist{display:grid;margin:0;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);list-style:none}.practice-learning-stage__checklist-item{padding:var(--space-4);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.practice-learning-stage__checklist-item:last-child{border-bottom:0}.practice-learning-stage__checklist-item--reviewed{background:var(--color-primary-soft)}.practice-learning-stage__checklist-item .ui-checkbox{width:100%}@media(max-width:760px){.practice-learning-stage__checklist-status{align-items:flex-start;flex-direction:column}.practice-learning-stage{padding:var(--space-4)}.practice-learning-stage__concepts{grid-template-columns:1fr}.practice-conversation__message{max-width:100%}}.practice-teaching-visual{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-5);min-height:220px;padding:var(--space-5)}.practice-teaching-visual__panel{display:grid;gap:var(--space-3);min-height:130px;align-content:center;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);background:var(--color-surface)}.practice-teaching-visual__panel--outcome{border-color:var(--color-primary)}.practice-teaching-visual__panel span{color:var(--color-text-muted);font-size:var(--text-meta);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.practice-teaching-visual__panel p{margin:0;color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card);font-weight:700;line-height:1.45}.practice-teaching-visual__arrow{color:var(--color-primary);font-size:32px;font-weight:800}@media(max-width:700px){.practice-teaching-visual{grid-template-columns:1fr;gap:var(--space-4);min-height:auto;padding:var(--space-4)}.practice-teaching-visual__arrow{justify-self:center;transform:rotate(90deg)}}.practice-page{--content-width: 920px}.practice-page__header{padding-top:var(--space-2)}.practice-page__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}.practice-page__title-copy{display:grid;gap:var(--space-3);min-width:0;width:100%}.practice-page__summary{margin:0;color:var(--color-body);font-size:18px;line-height:1.6}@media(max-width:820px){.practice-page__title-row{align-items:stretch;flex-direction:column}}.practice-expert-active{position:relative;overflow:hidden;border-top:6px solid var(--color-reward)}.practice-expert-active .app-heading{color:var(--color-reward-dark)}.practice-basic-stage{padding:var(--space-4)}.practice-basic-stage__heading{display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-4)}.practice-basic-stage__heading>div{display:grid;gap:var(--space-2)}.practice-basic-stage__heading h2,.practice-basic-stage__heading p{margin:0}.practice-basic-stage__status{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.practice-basic-stage__scenario{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.practice-basic-stage__scenario-heading{display:flex;align-items:center;gap:var(--space-3)}.practice-basic-stage__scenario-heading h3,.practice-basic-stage__scenario p{margin:0}.practice-basic-stage__scenario-heading h3{color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card)}.practice-basic-stage__scenario p{color:var(--color-text-strong);font-size:var(--text-body);line-height:1.7}.practice-basic-stage__scenario .practice-basic-stage__scenario-support{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-supporting);line-height:1.5}.practice-basic-stage__section-icon{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-dark)}.practice-basic-stage__section-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.practice-basic-stage__reference-list{display:grid;gap:var(--space-3);margin:0;padding-left:20px}.practice-basic-stage__reference-list li{color:var(--color-body);line-height:1.5}.practice-basic-stage__reference-list strong,.practice-basic-stage__reference-list span{display:block}.practice-basic-stage__reference-list strong{color:var(--color-text-strong)}.practice-basic-stage__form{display:grid;gap:var(--space-4)}.practice-basic-stage__form .ui-input{min-height:220px;resize:vertical}.practice-basic-stage__field-support{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-supporting)}@media(min-width:701px){.practice-basic-stage{padding:var(--space-5)}.practice-basic-stage__heading{justify-content:space-between;flex-direction:row}}.practice-basic-stage__rewrite-copy{display:grid;gap:var(--space-2)}.practice-basic-stage__rewrite-copy p{margin:0}.practice-basic-stage__checklist-summary{display:flex;align-items:center;gap:var(--space-3)}.practice-basic-stage__checklist-copy{display:grid;gap:var(--space-1);min-width:0}.practice-basic-stage__checklist-title{font-weight:inherit}.practice-basic-stage__checklist-support{color:var(--color-body);font-size:var(--text-supporting);font-weight:400;line-height:1.45}.app-progress{width:100%;height:12px;overflow:hidden;border-radius:999px;background:var(--color-surface-raised)}.app-progress-bar{height:100%;border-radius:inherit;background:var(--color-primary)}.progress-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));align-items:stretch;gap:var(--space-3)}.progress-hero-metrics__item{display:grid;grid-template-rows:30px 18px;align-content:center;align-items:end;gap:var(--space-1);min-height:72px;padding:var(--space-3) var(--space-4);border:1px solid rgb(242 179 61 / 45%);border-radius:var(--radius-control);background:#ffffffb8}.progress-hero-metrics__item strong{color:var( --progress-level-accent-dark, var(--color-reward-text) );font-family:var(--font-heading);font-size:1.25rem;line-height:1.2}.progress-hero-metrics__item span{color:var(--color-text-muted);font-size:.8rem;font-weight:700}@media(max-width:700px){.progress-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.ui-icon-button{display:inline-grid;flex:0 0 auto;place-items:center;appearance:none;padding:0;border:1px solid transparent;border-radius:50%;font:inherit;line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--transition-transform),box-shadow var(--transition-interaction),background-color var(--transition-interaction),border-color var(--transition-interaction),color var(--transition-interaction)}.ui-icon-button--default{width:48px;height:48px}.ui-icon-button--compact{width:40px;height:40px}.ui-icon-button--neutral{border-color:var(--color-border);background:var(--color-surface);color:var(--color-primary-dark)}.ui-icon-button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.ui-icon-button:not(:disabled):hover{transform:translateY(-2px)}.ui-icon-button--neutral:not(:disabled):hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.ui-icon-button--primary:not(:disabled):hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover);box-shadow:var(--shadow-button-hover)}.ui-icon-button:not(:disabled):active{transform:translateY(1px) scale(.98)}.ui-icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-icon-button:disabled{cursor:not-allowed;opacity:.6}.practice-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-left:5px solid transparent;box-shadow:0 5px 16px #0000000f}.practice-progress-row__heading{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.practice-progress-row__title{min-width:0}.practice-progress-row h3{min-width:0;margin:0;color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-card)}.practice-progress-row__heading>.ui-badge{flex:0 0 auto}.practice-progress-row__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2) var(--space-4)}.practice-progress-row__action-control{display:inline-flex;min-height:48px;align-items:center;gap:var(--space-2);padding:4px 2px;border:0;background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:.9375rem;font-weight:400;line-height:1.2;text-align:left;text-decoration:none;cursor:pointer}.practice-progress-row__action-control:hover{color:var(--color-primary-hover)}.practice-progress-row__action-control:focus-visible{border-radius:var(--radius-control);outline:none;box-shadow:var(--focus-ring)}.practice-progress-row__action-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:transparent;color:var(--color-primary);box-shadow:none;transition:border-color var(--transition-interaction),color var(--transition-interaction),transform var(--transition-transform)}.practice-progress-row__action-control:hover .practice-progress-row__action-icon{border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:translateY(-1px)}.practice-progress-row--recommended{border-left-color:var( --progress-row-accent, var(--color-reward) );background:linear-gradient(90deg,var( --progress-row-accent-soft, var(--color-reward-soft) ),var(--color-surface) 38%)}.practice-progress-row__recommendation{margin:0 0 6px;color:var(--color-reward);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.practice-progress-row>.ui-icon-button{color:var(--color-primary)}@media(max-width:700px){.practice-progress-row--labelled-actions{grid-template-columns:minmax(0,1fr)}.practice-progress-row__actions{display:grid;justify-content:stretch}.practice-progress-row__action-control{width:100%}}.practice-progress-row--recommended .practice-progress-row__heading>.ui-badge{align-self:flex-end}.progress-level-journey{overflow-x:auto;overflow-y:hidden}.progress-level-journey__canvas{position:relative;min-width:680px;height:238px}.progress-level-journey__lines{position:absolute;top:0;left:3%;width:94%;height:165px;overflow:visible}.progress-level-journey__line{fill:none;stroke-linecap:round;stroke-width:5}.progress-level-journey__line--base{stroke:var(--color-border)}.progress-level-journey__line--complete{stroke:var( --progress-level-accent, var(--color-reward) )}.progress-level-journey__levels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));align-items:start;height:230px;padding:0;margin:0;list-style:none}.progress-level-journey__level{display:grid;grid-template-rows:40px 20px 36px 18px;justify-items:center;gap:var(--space-1);padding-inline:var(--space-2);color:var(--color-text-muted);text-align:center;transform:translateY(var(--progress-level-offset))}.progress-level-journey__marker{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-surface);font-weight:800}.progress-level-journey__level strong{align-self:center;color:var(--color-text-strong);font-size:.875rem;line-height:1}.progress-level-journey__level small{display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:126px;min-height:36px;line-height:1.25}.progress-level-journey__level em{color:var(--color-text-muted);font-size:.75rem;font-style:normal;font-weight:700;line-height:1}.progress-level-journey__level--completed .progress-level-journey__marker{border-color:var( --progress-level-accent, var(--color-reward) );background:var( --progress-level-accent, var(--color-reward) );color:var(--color-text-strong)}.progress-level-journey__level--current .progress-level-journey__marker{border-color:var( --progress-level-accent-dark, var(--color-reward-text) );color:var( --progress-level-accent-dark, var(--color-reward-text) );box-shadow:0 0 0 5px var( --progress-level-accent-soft, var(--color-reward-soft) )}.progress-level-journey__level--locked .progress-level-journey__marker{background:var( --progress-level-accent-soft, var(--color-reward-soft) );color:var(--color-text-muted)}.progress-transient-state{padding:var(--space-5)}@media(max-width:700px){.progress-transient-state{padding:var(--space-4)}}.progress-page{--progress-level-accent: var(--color-reward);--progress-level-accent-dark: var(--color-reward-text);--progress-level-accent-soft: var(--color-reward-soft);--progress-row-accent: var(--color-reward);--progress-row-accent-soft: var(--color-reward-soft)}.progress-page__header{display:grid;gap:var(--space-3)}.progress-page__header h1,.progress-page__header p{margin:0}.progress-page__content{display:grid;gap:var(--space-6)}.progress-page__hero{display:grid;gap:var(--space-5);padding:var(--space-5);border-top:8px solid var(--progress-level-accent);overflow:hidden;background:linear-gradient(160deg,var(--progress-level-accent-soft),var(--color-surface) 78%)}.progress-page__hero-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-5)}.progress-page__hero-heading{display:grid;justify-items:start;gap:var(--space-2)}.progress-page__hero-heading h1,.progress-page__hero-heading p{margin:0}.progress-page__hero-heading h1{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.25rem)}.progress-page__subscription{max-width:620px;color:var(--color-text-muted);font-size:.875rem}.progress-page__next-level{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid rgb(242 179 61 / 45%);border-radius:var(--radius-control);background:#ffffffc7}.progress-page__next-level p{margin:0}.progress-page__next-level-copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.progress-page__next-level-copy strong{color:var(--progress-level-accent-dark)}.progress-page__practices{display:grid;gap:var(--space-4)}.progress-page__section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.progress-page__section-heading h2,.progress-page__section-heading p{margin:0}.progress-page__section-heading p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.875rem}.progress-page__practice-list{display:grid;gap:var(--space-3)}.progress-page__insights{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-4);padding:var(--space-4);border-color:var(--color-border);background:var(--color-helpful-soft);box-shadow:none}@media(max-width:700px){.progress-page__content{gap:var(--space-5)}.progress-page__hero{padding:var(--space-4)}.progress-page__hero-summary{grid-template-columns:1fr}.progress-page__next-level-copy,.progress-page__section-heading{flex-direction:column}}.progress-page__access-badge{border-color:var(--progress-level-accent);font-weight:800}.progress-page__access-badge--free{background:var(--progress-level-accent-soft);color:var(--progress-level-accent-dark)}.progress-page__access-badge--paid{background:var(--progress-level-accent);color:var(--color-text-strong)}.progress-page__insights-copy{display:grid;gap:var(--space-2)}.progress-page__insights-title{margin:0;color:var(--color-text-strong);font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;line-height:1.3}@media(max-width:700px){.progress-page__insights{grid-template-columns:1fr}}:root{--color-primary: #e96857;--color-primary-hover: #d95a4b;--color-primary-pressed: #c94f41;--color-primary-dark: #bd4f40;--color-primary-soft: #fff0ed;--color-on-primary: #ffffff;--color-helpful: #69618f;--color-helpful-dark: #4d476d;--color-helpful-soft: #f1eff7;--color-reward: #f2b33d;--color-reward-dark: #b97905;--color-reward-text: #9a6500;--color-reward-soft: #fff6dc;--color-success: #43bfa0;--color-success-dark: #278a72;--color-success-soft: #e8fbf5;--color-warning: #c46c18;--color-warning-soft: #fff6dc;--color-error-border: #4b4f5c;--color-error-text: #30333c;--color-error-soft: #f0f1f3;--color-error: var(--color-error-text);--color-page: #faf8f3;--color-surface: #ffffff;--color-surface-raised: #f2efe9;--color-surface-muted: var(--color-surface-raised);--color-surface-dark: #1d2340;--color-text: #20243a;--color-text-strong: #15182a;--color-body: #454b63;--color-muted: #686d82;--color-text-muted: var(--color-muted);--color-border: #e6e0d8;--color-border-strong: #cbc3b8;--color-overlay: rgba(0, 0, 0, .35);--color-focus: var(--color-helpful);--radius-control: 14px;--radius-card: 20px;--radius-dialog: 24px;--radius-sm: var(--radius-control);--radius-md: var(--radius-card);--radius-lg: var(--radius-dialog);--font-heading: Inter, ui-sans-serif, system-ui, sans-serif;--font-body: Manrope, ui-sans-serif, system-ui, sans-serif;--text-display: 45px;--text-display-mobile: 41px;--text-page: 32px;--text-section: 23px;--text-card: 20px;--text-body: 16px;--text-supporting: 14px;--text-meta: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-card: 0 8px 24px rgba(29, 35, 64, .08);--shadow-modal: 0 24px 60px rgba(29, 35, 64, .24), 0 6px 18px rgba(29, 35, 64, .12);--shadow-modal-mobile: 0 -12px 36px rgba(29, 35, 64, .22);--transition-fast: .14s ease;--transition-base: .2s ease;--transition-transform: .12s ease;--transition-interaction: .16s ease;--focus-ring: 0 0 0 2px var(--color-surface), 0 0 0 5px rgba(105, 97, 143, .48), 0 6px 14px rgba(29, 35, 64, .12);--shadow-button-hover: 0 7px 16px rgba(233, 104, 87, .22), 0 2px 5px rgba(29, 35, 64, .08);--shadow-button-pressed: 0 2px 5px rgba(233, 104, 87, .18), inset 0 1px 2px rgba(77, 31, 25, .14);--content-width: 960px;--page-x: 24px;--page-y: 32px;--section-gap: 48px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-page)}*{box-sizing:border-box}html{min-height:100%;background:var(--color-page)}body{min-height:100%;margin:0;background:radial-gradient(circle at top left,rgba(57,70,168,.1),transparent 32rem),radial-gradient(circle at top right,rgba(240,111,95,.09),transparent 28rem),var(--color-page);color:var(--color-text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}.app-title,.app-heading,.app-eyebrow{margin:0;color:var(--color-text-strong);font-family:var(--font-heading)}.app-title{font-size:var(--text-page);font-weight:800;line-height:1.15;letter-spacing:-.025em}.app-heading{font-size:var(--text-section);font-weight:700;line-height:1.2;letter-spacing:-.02em}.app-body,.app-small{margin:0;font-family:var(--font-body)}.app-body{color:var(--color-body);font-size:var(--text-body);line-height:1.6}.app-small{color:var(--color-muted);font-size:var(--text-supporting);line-height:1.4}.app-eyebrow{color:var(--color-primary);font-size:var(--text-meta);font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}html,body{width:100%;overflow-x:hidden}@media(max-width:700px){:root{--page-x: 16px;--page-y: 20px;--section-gap: 36px}}
