.page-sub{margin:calc(var(--space-2) * -1) 0 var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm)}.learning-dash{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.learning-stat{gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.learning-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.learning-stat-value{font-size:var(--font-size-xl);font-weight:var(--weight-bold);color:var(--color-heading)}.learning-progress{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--color-border);grid-column:1/-1;height:1.75rem;position:relative;overflow:hidden}.learning-progress-fill{background:linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand) 60%, var(--color-aqua)));width:0;height:100%;transition:width var(--duration-slow) var(--ease-out)}.learning-progress-text{font-size:var(--font-size-xs);font-weight:var(--weight-medium);color:var(--color-heading);place-items:center;display:grid;position:absolute;inset:0}.learning-toolbar{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.learning-search{padding:var(--space-2) var(--space-4);background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);flex:14rem}.learning-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.learning-chips button{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer}.learning-chips button[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:#0000}.learning-toolbar-actions{gap:var(--space-1);margin-left:auto;display:flex}.learning-ghost{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0}.learning-ghost:hover{color:var(--color-heading);border-color:var(--color-border-strong)}.learning-ghost.is-danger:hover{color:var(--color-red);border-color:var(--color-red)}.learning-heatmap-sec{align-items:flex-end;gap:var(--space-5);margin:var(--space-4) 0 var(--space-5);flex-wrap:wrap;display:flex}.learning-heatmap{grid-template-rows:repeat(7,.85rem);grid-auto-flow:column;gap:3px;display:grid}.learning-hm-cell{background:var(--surface-sunken);border:1px solid var(--color-border);cursor:pointer;border-radius:3px;width:.85rem;height:.85rem}.learning-hm-cell.done{background:var(--color-green);border-color:#0000}.learning-hm-cell.today{outline:2px solid var(--brand);outline-offset:1px}.learning-week{align-items:flex-end;gap:2px;height:2.5rem;display:flex}.learning-wk-bar{background:var(--surface-sunken);border-radius:2px 2px 0 0;width:4px}.learning-wk-bar.done{background:var(--brand)}.learning-ach{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.learning-ach-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--surface-raised);font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.55;filter:grayscale()}.learning-ach-badge.unlocked{opacity:1;filter:none;border-color:color-mix(in srgb, var(--color-yellow) 55%, transparent);color:var(--color-heading)}.learning-phase{margin-top:var(--space-7);padding-left:var(--space-4);border-left:3px solid color-mix(in srgb, var(--accent) 55%, transparent)}.learning-phase-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.learning-phase-title{font-size:var(--font-size-xl);color:var(--color-heading);margin:0}.learning-phase-badge{margin-left:var(--space-2);padding:.1rem var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);font-size:var(--font-size-xs);font-weight:var(--weight-normal);vertical-align:middle}.learning-phase-sub{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.learning-phase-progress{gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);flex:none;justify-items:end;display:grid}.learning-seg{gap:2px;display:flex}.learning-seg-cell{background:var(--surface-sunken);border:1px solid var(--color-border);border-radius:2px;width:.6rem;height:.6rem}.learning-seg-cell.done{background:var(--accent);border-color:#0000}.learning-card{margin-bottom:var(--space-3);background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out)}.learning-card.is-done{border-color:color-mix(in srgb, var(--color-green) 45%, transparent)}.learning-card.is-done .learning-title{color:var(--color-text-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--color-green) 60%, transparent)}.learning-card[hidden]{display:none}.learning-card-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;display:flex}.learning-card-title{align-items:baseline;gap:var(--space-2);flex:1;min-width:0;display:flex}.learning-day{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent,var(--color-accent));font-weight:var(--weight-semibold);flex:none}.learning-title{font-size:var(--font-size-base);color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.learning-flag{padding:.05rem var(--space-2);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--color-text-muted);font-size:var(--font-size-xs);flex:none}.learning-hours{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);flex:none}.learning-caret{color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.learning-card.is-open .learning-caret{transform:rotate(180deg)}.learning-card-body{padding:0 var(--space-4) var(--space-4)}.learning-warm{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.learning-steps{margin:0 0 var(--space-3);gap:var(--space-2);padding:0;list-style:none;display:grid}.learning-step label{align-items:baseline;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer;display:flex}.learning-step-dur{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.learning-step-desc{margin:var(--space-1) 0 0 1.6rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}.learning-step-accept{margin-top:var(--space-1);color:var(--color-green);font-weight:var(--weight-normal);display:block}.learning-accept{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-heading)}.learning-res{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.learning-res a{color:var(--color-accent)}.learning-note-label{gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);display:grid}.learning-card textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);resize:vertical}.learning-review{margin:var(--space-3) 0 var(--space-3) var(--space-4);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.learning-review h3{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-heading)}.learning-review p{margin:0 0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.learning-review textarea{width:100%;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm)}.learning-portfolio{margin-top:var(--space-7)}.learning-pf-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.learning-pf{gap:var(--space-2);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.learning-pf h4{font-size:var(--font-size-sm);color:var(--color-heading);margin:0}.learning-pf-status{font-size:var(--font-size-xs);color:var(--color-text-muted)}.learning-pf-status.done{color:var(--color-green)}.learning-pf input{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm)}.learning-onboard{width:min(24rem, calc(100vw - var(--space-6)));padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text)}.learning-onboard::backdrop{backdrop-filter:blur(var(--blur-sm));background:#0a0c1280}.learning-onboard h2{margin:0 0 var(--space-2);font-size:var(--font-size-lg);color:var(--color-heading)}.learning-onboard p{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.learning-onboard input[type=date]{width:100%;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--color-text);font-family:inherit}.learning-onboard-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.learning-primary{padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--brand);color:var(--on-brand);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border:none}.learning-toast{bottom:var(--space-6);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--color-heading);color:var(--color-bg);font-size:var(--font-size-sm);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);z-index:20;position:fixed;left:50%;transform:translate(-50%)translateY(1rem)}.learning-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.learning-card mark{background:var(--brand-soft);color:var(--brand);border-radius:var(--radius-xs);padding:0 var(--space-1)}.learning-card-head:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:var(--radius-lg)}@media (width<=40rem){.learning-dash{grid-template-columns:repeat(2,1fr)}.learning-toolbar-actions{margin-left:0}}