*{box-sizing:border-box}html{background:var(--color-paper);min-height:100%;color:var(--color-ink);font-family:var(--font-body);overflow-x:clip}body{background-color:var(--color-paper);min-height:100vh;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;white-space:nowrap}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}::selection{color:var(--color-ink);background:var(--color-coral-soft)}:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);letter-spacing:-.035em}h1{margin-bottom:var(--space-sm);font-size:clamp(2.25rem,6vw,4.9rem);line-height:.96}h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.08}svg{stroke-width:2px;flex:none;width:1.15rem;height:1.15rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-xs);color:var(--color-indigo-dark);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:780;display:flex}.muted{color:var(--color-ink-soft);line-height:1.55}.brand{align-items:center;gap:var(--space-xs);color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.04em;font-size:1.25rem;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{width:2rem;height:2rem;color:var(--color-accent-ink);background:var(--color-indigo);border:var(--rule-thin) solid var(--color-indigo-dark);border-radius:var(--radius-mark);box-shadow:2px 2px 0 var(--color-ink);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);place-items:center;font-size:1rem;display:grid}.brand:hover .brand-mark{transform:translateY(-1px)}.brand:active .brand-mark{box-shadow:none;transform:translateY(1px)}.button{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:2.75rem;padding:var(--space-xs) var(--space-sm);border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:0 2px 0 var(--color-shadow-ink);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);font-weight:720;line-height:1;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){box-shadow:0 3px 0 var(--color-shadow-ink);transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{color:var(--color-accent-ink);background:var(--color-indigo);border-color:var(--color-indigo-dark)}.button--primary:hover:not(:disabled){background:var(--color-indigo-dark)}.button--secondary{color:var(--color-indigo-dark);background:var(--color-indigo-soft);border-color:var(--color-indigo-line)}.button--large{min-height:3.4rem;padding-inline:var(--space-md)}.text-button,.icon-button,.chip-button{align-items:center;gap:var(--space-2xs);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;font-weight:680;line-height:1;display:inline-flex}.text-button{padding:var(--space-2xs) var(--space-3xs);color:var(--color-indigo-dark)}.text-button:hover{text-underline-offset:.25rem;text-decoration:underline}.text-button:active,.icon-button:active,.chip-button:active,.rating:active{transform:translateY(1px)}.text-button:disabled,.icon-button:disabled,.chip-button:disabled,.rating:disabled{opacity:.55;cursor:not-allowed}.text-button--danger{color:var(--color-danger)}.icon-button{border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-round);background:var(--color-surface);justify-content:center;width:2.6rem;height:2.6rem;padding:0}.icon-button:hover:not(:disabled){color:var(--color-indigo-dark);background:var(--color-indigo-soft)}.chip-button{min-height:2.35rem;padding:var(--space-2xs) var(--space-xs);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface)}.chip-button:hover:not(:disabled){border-color:var(--color-indigo);color:var(--color-indigo-dark)}kbd{padding:0 var(--space-3xs);border:var(--rule-thin) solid currentColor;border-radius:var(--radius-2xs);font:650 .68rem var(--font-body);opacity:.65}label{gap:var(--space-2xs);color:var(--color-ink);font-size:.88rem;font-weight:700;display:grid}label>span{color:var(--color-ink-soft);font-size:.76rem;font-weight:480}input,textarea,select{width:100%;min-height:2.75rem;padding:var(--space-xs);color:var(--color-ink);background:var(--color-surface);border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-small);outline:var(--rule-focus) solid transparent;outline-offset:1px}textarea{resize:vertical;min-height:6.4rem;line-height:1.45}input:hover,textarea:hover,select:hover{border-color:var(--color-indigo)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-indigo);outline:var(--rule-focus) solid var(--color-focus);outline-offset:1px}input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper-deep)}.field-row{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sign-in-page{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);min-height:100vh;display:grid}.sign-in-copy{min-height:100vh;padding:clamp(var(--space-md), 5vw, var(--space-3xl)) clamp(var(--space-md), 5vw, var(--space-3xl)) clamp(var(--space-lg), 7vw, var(--space-4xl));border-right:var(--rule-thin) solid var(--color-line);flex-direction:column;justify-content:space-between;display:flex}.sign-in-copy>div{max-width:45rem;margin-block:var(--space-2xl)}.sign-in-copy h1{max-width:48rem}.lede{max-width:62ch;margin-bottom:var(--space-lg);color:var(--color-ink-soft);font-size:clamp(var(--text-md), 2vw, var(--text-lg));line-height:1.55}.auth-panel{background:var(--color-surface-raised);border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-card);width:min(100%,32rem);box-shadow:4px 5px 0 var(--color-indigo-soft);overflow:hidden}.auth-mode{min-inline-size:0;padding:var(--space-2xs);gap:var(--space-2xs);background:var(--color-paper-deep);border:0;border-bottom:var(--rule-thin) solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.auth-mode button{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:2.75rem;padding:var(--space-xs);color:var(--color-ink-soft);border:var(--rule-thin) solid transparent;border-radius:var(--radius-small);cursor:pointer;background:0 0;font-weight:720;display:inline-flex}.auth-mode button[aria-pressed=true]{color:var(--color-indigo-dark);background:var(--color-surface);border-color:var(--color-indigo-line);box-shadow:0 2px 0 var(--color-shadow-ink)}.auth-form{gap:var(--space-sm);padding:var(--space-md);display:grid}.auth-form .button{width:100%;margin-top:var(--space-2xs)}.auth-error{padding:var(--space-xs);color:var(--color-danger);background:var(--color-danger-soft);border:var(--rule-thin) solid var(--color-danger);border-radius:var(--radius-small);margin:0;font-size:.82rem;line-height:1.4}.invite-note{align-items:center;gap:var(--space-2xs);margin-top:var(--space-sm);color:var(--color-green);font-size:.82rem;display:flex}.privacy-note{color:var(--color-ink-soft);margin-bottom:0;font-size:.78rem}.sign-in-demo{align-content:center;place-items:center;gap:var(--space-lg);min-height:100vh;padding:var(--space-xl) clamp(var(--space-md), 5vw, var(--space-3xl));background:var(--color-paper-deep);display:grid;position:relative;overflow:hidden}.preview-card{background:var(--color-surface-raised);border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-card);width:min(100%,34rem);min-height:30rem;box-shadow:8px 10px 0 var(--color-indigo-soft), var(--shadow-card);grid-template-rows:auto minmax(0,1fr) auto;display:grid;transform:rotate(1.5deg)}.preview-card header{padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-line);color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.preview-question{padding:var(--space-lg);text-align:center;place-content:center;display:grid}.preview-question h2{max-width:24rem;margin:0 auto var(--space-sm);font-size:clamp(2rem,4vw,3.3rem)}.preview-question p:last-child{color:var(--color-ink-faint);font-size:.8rem}.preview-card footer{border-top:var(--rule-thin) solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.preview-card footer span{padding:var(--space-sm) var(--space-3xs);color:var(--color-ink-soft);border-right:var(--rule-thin) solid var(--color-line);text-align:center;font-size:.75rem;font-weight:720}.preview-card footer span:last-child{border:0}.preview-card footer .selected{color:var(--color-accent-ink);background:var(--color-indigo)}.demo-scribble{width:5.4rem;height:5.4rem;color:var(--color-coral);border:var(--rule-bold) solid var(--color-coral);border-radius:var(--radius-organic);font-family:var(--font-display);place-items:center;font-size:1.25rem;font-weight:800;display:grid;position:absolute;top:12%;right:8%;transform:rotate(8deg)}.demo-caption{max-width:27rem;color:var(--color-ink-soft);font-family:var(--font-display);text-align:center;font-size:1.15rem;font-weight:650}.app-frame{min-height:100vh}.app-rail{z-index:10;width:var(--rail-width);padding:var(--space-md) var(--space-sm);background:var(--color-paper-deep);border-right:var(--rule-thin) solid var(--color-line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.app-rail nav{gap:var(--space-3xs);margin-top:var(--space-xl);display:grid}.app-rail nav a{align-items:center;gap:var(--space-xs);min-height:2.9rem;padding:var(--space-xs);color:var(--color-ink-soft);border-radius:var(--radius-small);white-space:nowrap;font-weight:650;line-height:1;text-decoration:none;display:flex}.app-rail nav a:hover{color:var(--color-ink);background:var(--color-surface-translucent)}.app-rail nav a:active{transform:translateY(1px)}.app-rail nav a[aria-current=page]{color:var(--color-indigo-dark);background:var(--color-surface);box-shadow:var(--shadow-small)}.app-rail nav a[aria-current=page]:before{content:"";width:.25rem;height:1.3rem;margin-left:calc(-1 * var(--space-xs));background:var(--color-coral);border-radius:var(--radius-pill)}.rail-footer{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:auto;display:flex}.connection{color:var(--color-green);font-size:.72rem;font-weight:720}.connection:before{content:"";width:.45rem;height:.45rem;margin-right:var(--space-3xs);border-radius:var(--radius-round);background:currentColor;display:inline-block}.connection--offline{color:var(--color-amber)}.app-stage{min-height:100vh;margin-left:var(--rail-width)}.offline-banner,.update-banner{z-index:8;width:100%;padding:var(--space-2xs) var(--space-sm);color:var(--color-accent-ink);background:var(--color-amber);text-align:center;border:0;font-size:.8rem;font-weight:700;line-height:1;position:sticky;top:0}.update-banner{background:var(--color-indigo);cursor:pointer;white-space:nowrap}.update-banner:hover{background:var(--color-indigo-dark)}.update-banner:active{transform:translateY(1px)}.page{width:min(var(--content-width), calc(100% - var(--space-xl)));padding-block:clamp(var(--space-lg), 5vw, var(--space-3xl)) var(--space-3xl);margin-inline:auto}.page--study{width:min(58rem,100% - 3rem)}.page-heading{justify-content:space-between;align-items:end;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.page-heading h1{max-width:54rem;margin-bottom:var(--space-xs)}.page-heading p:last-child{max-width:68ch;color:var(--color-ink-soft);margin:0;line-height:1.55}.page-heading--study h1{font-size:clamp(2rem,5vw,4rem)}.study-counter{white-space:nowrap;align-items:baseline;display:flex}.study-counter strong{font:800 clamp(2.2rem, 6vw, 4rem) var(--font-display);color:var(--color-indigo)}.study-counter span{color:var(--color-ink-soft);font-weight:650}.study-progress{height:.45rem;margin-bottom:var(--space-md);background:var(--color-paper-deep);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-pill);overflow:hidden}.study-progress span{background:var(--color-coral);border-radius:inherit;height:100%;transition:transform var(--dur-medium) var(--ease-out);transform-origin:0;display:block}.study-card{background:var(--color-surface-raised);border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-card);min-height:32rem;box-shadow:var(--shadow-card);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.study-card>header{padding:var(--space-sm) var(--space-md);color:var(--color-ink-soft);border-bottom:var(--rule-thin) solid var(--color-line);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;font-size:.72rem;font-weight:720;display:flex}.study-card-image{width:min(100%,25rem);max-height:22rem;margin:var(--space-md) auto 0;object-fit:contain;border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-medium);display:block}.study-card-body{padding:clamp(var(--space-lg), 7vw, var(--space-3xl));text-align:center;align-content:center;justify-items:center;display:grid}.study-card-body h2{max-width:44rem;margin:0;font-size:clamp(2rem,5vw,3.8rem)}.study-card--revealed .study-card-body h2{color:var(--color-indigo-dark)}.explanation{max-width:65ch;margin:var(--space-md) auto 0;color:var(--color-ink-soft);line-height:1.55}.hint{align-items:center;gap:var(--space-2xs);max-width:60ch;margin:var(--space-md) 0 0;padding:var(--space-xs) var(--space-sm);color:var(--color-amber);background:var(--color-amber-soft);border-radius:var(--radius-small);display:flex}.study-card>footer{justify-content:center;align-items:center;gap:var(--space-sm);min-height:5.3rem;padding:var(--space-sm);border-top:var(--rule-thin) solid var(--color-line);display:flex}.reveal-button{min-width:min(100%,19rem)}.rating-row{gap:var(--space-2xs);border:0;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,40rem);min-width:0;margin:0;padding:0;display:grid}.rating{justify-content:center;align-items:center;gap:var(--space-2xs);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-small);background:var(--color-surface);cursor:pointer;min-height:3.2rem;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);font-weight:720;display:flex}.rating:hover:not(:disabled){transform:translateY(-1px)}.rating--again{color:var(--color-danger);background:var(--color-coral-soft)}.rating--hard{color:var(--color-amber);background:var(--color-amber-soft)}.rating--good{color:var(--color-indigo-dark);background:var(--color-indigo-soft)}.rating--easy{color:var(--color-green);background:var(--color-green-soft)}.offline-note{justify-content:center;align-items:center;gap:var(--space-2xs);margin-top:var(--space-sm);color:var(--color-amber);font-size:.8rem;display:flex}.session-complete,.empty-state,.fatal-error{min-height:65vh;padding:var(--space-lg);text-align:center;place-content:center;justify-items:center;display:grid}.session-complete>svg,.empty-state>svg{width:3.6rem;height:3.6rem;margin-bottom:var(--space-sm);color:var(--color-indigo)}.session-complete h1,.empty-state h1,.fatal-error h1{max-width:45rem}.session-complete>p:not(.eyebrow),.empty-state>p:not(.eyebrow){max-width:58ch;color:var(--color-ink-soft);line-height:1.55}.state-card{min-height:55vh;color:var(--color-ink-soft);place-content:center;justify-items:center;display:grid}.state-card svg{width:2rem;height:2rem;color:var(--color-indigo)}.state-card--error{min-height:40vh}.spin{animation:.9s linear infinite spin}.notice{justify-content:space-between;align-items:center;gap:var(--space-sm);margin:calc(-1 * var(--space-sm)) 0 var(--space-md);padding:var(--space-xs) var(--space-sm);color:var(--color-green);background:var(--color-green-soft);border:var(--rule-thin) solid var(--color-green-line);border-radius:var(--radius-small);display:flex}.notice button{border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;font-size:1.3rem;line-height:1}.notice button:hover{background:var(--color-surface-translucent)}.notice button:active{transform:translateY(1px)}.workbench{gap:var(--space-md);grid-template-columns:minmax(17rem,.78fr) minmax(22rem,1.22fr);align-items:start;display:grid}.create-topic-panel,.card-editor,.progress-panel,.settings-panel{padding:clamp(var(--space-md), 3vw, var(--space-lg));background:var(--color-surface);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-medium);box-shadow:var(--shadow-small)}.topic-shelf{padding:var(--space-md)}.create-topic-panel{gap:var(--space-sm);display:grid}.section-heading{align-items:flex-start;gap:var(--space-2xs);min-width:0;margin-bottom:var(--space-sm);flex-direction:column;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.section-icon{width:1.5rem;height:1.5rem;color:var(--color-coral)}.empty-inline{min-height:21rem;padding:var(--space-lg);color:var(--color-ink-soft);text-align:center;place-items:center;display:grid}.empty-inline svg{width:2.8rem;height:2.8rem;color:var(--color-indigo)}.topic-list{gap:var(--space-xs);display:grid}.topic-item{background:var(--color-paper);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-small)}.topic-item summary{align-items:center;gap:var(--space-xs);padding:var(--space-xs);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;list-style:none;display:grid}.topic-item summary:hover{background:var(--color-surface-translucent)}.topic-item summary:active{transform:translateY(1px)}.topic-item summary::-webkit-details-marker{display:none}.topic-item summary>div:nth-child(2){min-width:0}.topic-item summary span{text-overflow:ellipsis;white-space:nowrap;font-weight:740;display:block;overflow:hidden}.topic-item summary small{margin-top:var(--space-3xs);color:var(--color-ink-soft);text-transform:capitalize;font-size:.72rem;display:block}.topic-icon{width:2.5rem;height:2.5rem;color:var(--color-indigo);background:var(--color-indigo-soft);border-radius:var(--radius-small);place-items:center;display:grid}.chevron{transition:transform var(--dur-fast) var(--ease-in-out)}.topic-item[open] .chevron{transform:rotate(180deg)}.topic-item summary .job-pill{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-pill);color:var(--color-ink-soft);background:var(--color-paper-deep);text-transform:capitalize;font-size:.66rem}.job-pill--running,.job-pill--queued{color:var(--color-indigo-dark);background:var(--color-indigo-soft)}.job-pill--completed{color:var(--color-green);background:var(--color-green-soft)}.job-pill--failed,.job-pill--action_required{color:var(--color-danger);background:var(--color-coral-soft)}.topic-actions{align-items:center;gap:var(--space-2xs) var(--space-sm);padding:var(--space-xs) var(--space-xs) var(--space-sm) var(--space-2xl);border-top:var(--rule-thin) solid var(--color-line);flex-wrap:wrap;display:flex}.generate-row{align-items:center;gap:var(--space-2xs);width:100%;padding-block:var(--space-2xs);flex-wrap:wrap;display:flex}.generate-row>span{margin-right:var(--space-3xs);color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.topic-edit-form{gap:var(--space-xs);width:100%;padding:var(--space-xs) 0;grid-template-columns:minmax(10rem,.7fr) minmax(14rem,1.3fr);display:grid}.topic-edit-form textarea{min-height:4rem}.topic-edit-form .field-row,.topic-edit-form .button{align-self:end}.card-editor{margin-top:var(--space-md)}.card-editor-row{gap:var(--space-xs);padding-block:var(--space-sm);border-top:var(--rule-thin) solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-asset-warning{align-items:center;gap:var(--space-2xs);padding:var(--space-xs);color:var(--color-amber);background:var(--color-amber-soft);border-radius:var(--radius-small);grid-column:1/-1;margin:0;display:flex}.card-asset-warning svg{flex:none;width:1.1rem;height:1.1rem}.progress-hero{align-items:center;gap:clamp(var(--space-md), 5vw, var(--space-2xl));margin-bottom:var(--space-md);padding:clamp(var(--space-md), 4vw, var(--space-xl));background:var(--color-surface);color:var(--color-ink);border:var(--rule-thin) solid var(--color-indigo-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex}.progress-hero .eyebrow{color:var(--color-indigo-dark)}.progress-hero h2{margin-bottom:var(--space-2xs);font-size:clamp(1.7rem,4vw,3rem)}.progress-hero p:last-child{color:var(--color-ink-soft);margin-bottom:0}.goal-ring{border-radius:var(--radius-round);background:conic-gradient(var(--color-coral) var(--goal), var(--color-indigo-soft) 0);flex:none;place-items:center;width:9rem;height:9rem;display:grid}.goal-ring:before{content:"";background:var(--color-surface);border-radius:var(--radius-round);grid-area:1/1;width:7rem;height:7rem}.goal-ring>div{z-index:1;text-align:center;grid-area:1/1;display:grid}.goal-ring strong{font:800 2.3rem var(--font-display)}.goal-ring span{font-size:.72rem}.metric-grid{gap:var(--space-xs);margin-bottom:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-grid article{align-items:center;gap:0 var(--space-xs);padding:var(--space-sm);background:var(--color-surface);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-small);box-shadow:var(--shadow-small);grid-template-columns:auto minmax(0,1fr);display:grid}.metric-grid svg{color:var(--color-coral);grid-row:1/3}.metric-grid strong{font:780 1.7rem var(--font-display)}.metric-grid span{color:var(--color-ink-soft);font-size:.73rem}.progress-panels{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.garden-row{gap:0;display:grid}.garden-row>div{align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;border-top:var(--rule-thin) solid var(--color-line);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.garden-row svg{color:var(--color-green)}.garden-row strong{font:780 1.8rem var(--font-display);margin:0}.garden-row span{color:var(--color-ink-soft);font-size:.72rem}.recall-list{display:grid}.recall-list>div{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-top:var(--rule-thin) solid var(--color-line);display:flex}.recall-list span{font-weight:650}.progress-panel .recall-list small{color:var(--color-ink-soft);font-weight:450;display:block}.recall-list strong{color:var(--color-indigo-dark);font:760 1.35rem var(--font-display)}.settings-grid{gap:var(--space-md);grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);align-items:start;display:grid}.settings-panel form{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.credential-status{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);color:var(--color-green);background:var(--color-green-soft);border-radius:var(--radius-small);font-size:.8rem;font-weight:700;display:inline-flex}.credential-status--limited{color:var(--color-amber);background:var(--color-amber-soft)}.data-note{gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-sm);color:var(--color-ink-soft);border-top:var(--rule-thin) solid var(--color-line);display:flex}.data-note strong{color:var(--color-ink)}.data-note p{margin:var(--space-3xs) 0 0;font-size:.78rem;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){:root{--rail-width:5rem}.app-rail{padding-inline:var(--space-xs);align-items:center}.app-rail .brand>span:last-child,.app-rail nav span,.connection{display:none}.app-rail nav a{justify-content:center;width:3.25rem;padding-inline:0}.app-rail nav a[aria-current=page]:before{left:var(--space-xs);margin:0;position:absolute}.rail-footer{justify-content:center}.workbench,.settings-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){:root{--rail-width:0rem}.app-stage{padding-bottom:var(--space-3xl);margin-left:0}.app-rail{width:100%;height:4.8rem;padding:var(--space-2xs) max(var(--space-xs), env(safe-area-inset-right)) calc(var(--space-2xs) + env(safe-area-inset-bottom)) max(var(--space-xs), env(safe-area-inset-left));border:0;border-top:var(--rule-thin) solid var(--color-line);flex-direction:row;justify-content:center;position:fixed;inset:auto 0 0}.app-rail>.brand,.rail-footer{display:none}.app-rail nav{gap:var(--space-3xs);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0}.app-rail nav a{gap:var(--space-3xs);width:auto;min-height:3.5rem;padding:var(--space-3xs);flex-direction:column;font-size:.65rem}.app-rail nav span{display:block}.app-rail nav a[aria-current=page]:before{width:1.5rem;height:.22rem;inset:auto auto -.45rem}.page,.page--study{width:min(100% - var(--space-md), var(--content-width));padding-block:var(--space-md) var(--space-lg)}.page-heading{margin-bottom:var(--space-md);align-items:flex-start}.page-heading h1{font-size:clamp(2.2rem,12vw,3.4rem)}.page-heading--study{grid-template-columns:minmax(0,1fr) auto;display:grid}.page-heading--study h1{font-size:2rem}.study-counter strong{font-size:2.4rem}.study-card{min-height:29rem}.study-card-body{padding:var(--space-lg) var(--space-md)}.study-card-body h2{font-size:clamp(1.8rem,9vw,2.6rem)}.study-card>footer{flex-direction:column}.rating-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rating{min-height:3rem}.metric-grid,.progress-panels{grid-template-columns:1fr}.progress-hero{align-items:flex-start}.goal-ring{width:7.5rem;height:7.5rem}.goal-ring:before{width:5.8rem;height:5.8rem}.topic-actions{padding-left:var(--space-xs)}.topic-edit-form,.card-editor-row{grid-template-columns:1fr}}@media (width<=560px){.sign-in-page{grid-template-columns:1fr}.sign-in-copy{min-height:100svh;padding:var(--space-md) var(--space-md) var(--space-xl);border:0}.sign-in-copy>div{margin-block:var(--space-xl)}.sign-in-copy h1{font-size:clamp(2.8rem,14vw,4.2rem)}.sign-in-demo{min-height:85svh;padding:var(--space-3xl) var(--space-md)}.preview-card{min-height:27rem}.preview-question{padding:var(--space-md)}.preview-question h2{font-size:2.25rem}.preview-card footer span{padding-inline:0;font-size:.65rem}.field-row{grid-template-columns:1fr}.progress-hero{text-align:center;justify-items:center;display:grid}.garden-row{gap:0}.topic-item summary{grid-template-columns:auto minmax(0,1fr) auto}.topic-item summary .job-pill{grid-column:2}.chevron{grid-area:1/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}