*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--paper)}:root{--paper:oklch(0.985 0.008 80);--paper-2:oklch(0.965 0.012 80);--paper-3:oklch(0.945 0.014 80);--paper-card:oklch(0.995 0.004 80);--ink-deep:oklch(0.16 0.014 60);--ink:oklch(0.22 0.012 60);--ink-2:oklch(0.38 0.012 60);--ink-3:oklch(0.55 0.012 60);--ink-4:oklch(0.72 0.01 70);--rule:oklch(0.89 0.008 80);--rule-soft:oklch(0.93 0.008 80);--clay:oklch(0.6 0.15 38);--clay-deep:oklch(0.5 0.14 38);--clay-soft:oklch(0.94 0.045 50);--clay-edge:oklch(0.85 0.06 50);--marginalia:oklch(0.92 0.13 92);--marginalia-edge:oklch(0.82 0.14 88);--marginalia-deep:oklch(0.32 0.08 70);--sage:oklch(0.58 0.08 155);--sage-soft:oklch(0.94 0.03 155);--sage-deep:oklch(0.36 0.06 155);--sage-edge:oklch(0.85 0.03 155);--brick:oklch(0.55 0.14 30);--brick-soft:oklch(0.96 0.03 30);--brick-edge:oklch(0.85 0.06 30);--quill:oklch(0.58 0.09 220);--quill-deep:oklch(0.48 0.1 220);--quill-soft:oklch(0.94 0.025 220);--quill-edge:oklch(0.82 0.05 220);--topic-code:oklch(0.6 0.12 38);--topic-paint:oklch(0.62 0.1 200);--topic-music:oklch(0.6 0.1 290);--topic-lang:oklch(0.62 0.1 145);--topic-history:oklch(0.55 0.08 65);--topic-data:oklch(0.58 0.1 260);--code-bg:oklch(0.22 0.012 60);--code-fg:oklch(0.92 0.008 80);--code-muted:oklch(0.6 0.012 60);--code-clay:oklch(0.72 0.1 38);--code-marg:oklch(0.85 0.1 92);--code-sage:oklch(0.72 0.08 155);--serif:var(--font-newsreader),"Iowan Old Style",Georgia,serif;--sans:var(--font-geist),-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--page-pad-y:var(--space-7);--page-pad-x:var(--space-8);--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-pill:999px;--r-base:var(--radius-md);--r-card:var(--radius-xl);--r-input:var(--radius-lg);--bar-h:5px;--track-eyebrow:0.1em;--hover-row:oklch(0.93 0.012 80);--diff-add:oklch(0.97 0.02 155);--diff-mod:oklch(0.98 0.03 90);--diff-del:oklch(0.98 0.015 30);--ease:cubic-bezier(0.2,0.7,0.2,1);--dur-fast:120ms;--dur-mid:220ms;--dur-slow:360ms;--dur-breathe:2.4s}.lrn{position:relative;font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.lrn *{box-sizing:border-box}.lrn button{font-family:inherit}.lrn .topbar{justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--rule);background:var(--paper);flex-shrink:0;position:relative;z-index:20}.lrn .topbar,.lrn .wordmark{display:flex;align-items:center}.lrn .wordmark{gap:9px;text-decoration:none;color:inherit}.lrn .wordmark .word{font-family:var(--serif);font-weight:400;font-size:20px;letter-spacing:-.015em;color:var(--ink-deep)}.lrn .logo-dot{width:9px;height:9px;background:var(--clay);border-radius:2px;transform:rotate(45deg);display:inline-block;position:relative;top:-1px}.lrn .wordmark h1{font-family:var(--serif);font-weight:400;font-size:20px;margin:0;line-height:1;letter-spacing:-.015em}.lrn .wordmark svg{position:relative;top:-1px}.lrn .nav{display:flex;gap:22px;align-items:center}.lrn .nav a{position:relative;font-family:var(--sans);font-size:13px;color:var(--ink-3);text-decoration:none;font-weight:500;cursor:pointer;background:transparent;border:0;padding:0;transition:color var(--dur-fast) ease}.lrn .nav a:hover{color:var(--ink)}.lrn .nav a.active{color:var(--ink-deep)}.lrn .nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--clay)}.lrn .nav-sep{width:1px;align-self:stretch;min-height:18px;margin:0 2px;background:var(--rule)}.lrn .account{position:relative;display:flex;align-items:center}.lrn .account-trigger{display:flex;align-items:center;gap:5px;padding:0;background:transparent;border:0;cursor:pointer;border-radius:var(--radius-pill)}.lrn .avatar{width:28px;height:28px;border-radius:50%;background:var(--paper-2);border:1px solid var(--rule);color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;font-family:var(--mono)}.lrn .account-trigger .avatar{transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease,color var(--dur-fast) ease}.lrn .account-trigger:hover .avatar,.lrn .account-trigger[aria-expanded=true] .avatar{border-color:var(--clay-edge);background:var(--paper-3);color:var(--ink)}.lrn .account-trigger .caret{width:11px;height:11px;color:var(--ink-4);transition:transform var(--dur-fast) ease,color var(--dur-fast) ease}.lrn .account-trigger:hover .caret{color:var(--ink-3)}.lrn .account-trigger[aria-expanded=true] .caret{transform:rotate(180deg);color:var(--ink-3)}.lrn .account-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:168px;padding:var(--space-1);background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:0 10px 30px -14px oklch(.16 .014 60/.24),0 2px 6px -3px oklch(.16 .014 60/.14);z-index:50;animation:account-pop var(--dur-fast) var(--ease)}@keyframes account-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lrn .account-menu form{display:flex;margin:0}.lrn .account-item{display:flex;width:100%;align-items:center;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-2);text-align:left;text-decoration:none;background:transparent;border:0;cursor:pointer;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.lrn .account-item:hover{background:var(--hover-row);color:var(--ink-deep)}.lrn .activity-grid{position:relative}.lrn .activity-pop{position:absolute;z-index:30;min-width:150px;max-width:248px;padding:10px 12px;background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:0 10px 30px -14px oklch(.16 .014 60/.24),0 2px 6px -3px oklch(.16 .014 60/.14);pointer-events:none;animation:account-pop var(--dur-fast) var(--ease)}.lrn .activity-pop .pop-date{font-family:var(--serif);font-size:13px;font-weight:500;color:var(--ink)}.lrn .activity-pop .pop-sum{font-family:var(--serif);font-size:12.5px;color:var(--ink-2);margin-top:1px}.lrn .activity-pop .pop-courses{font-family:var(--serif);font-size:12px;font-style:italic;color:var(--ink-3);margin-top:5px;line-height:1.4}.lrn .activity-pop .pop-empty{font-family:var(--serif);font-size:12.5px;font-style:italic;color:var(--ink-3);margin-top:2px}.lrn .layout-side{display:grid;grid-template-columns:240px 1fr;flex:1 1;min-height:0}.lrn .sidebar{background:var(--paper-2);border-right:1px solid var(--rule);padding:24px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.lrn .sidebar::-webkit-scrollbar{width:7px}.lrn .sidebar::-webkit-scrollbar-track{background:transparent}.lrn .sidebar::-webkit-scrollbar-thumb{background:var(--rule);border-radius:var(--radius-pill)}.lrn .sidebar:hover::-webkit-scrollbar-thumb{background:var(--ink-3)}.lrn .sidebar .crumb{font-family:var(--mono);font-size:10px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3)}.lrn .sidebar h3{font-family:var(--serif);font-size:18px;line-height:1.32;letter-spacing:-.012em;font-weight:500;color:var(--ink);margin:4px 0 0}.lrn .sidebar .module{display:flex;flex-direction:column;gap:6px}.lrn .sidebar .mod-title{font-family:var(--mono);font-size:10px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.lrn .sidebar .lesson-link{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:var(--radius-sm);font-size:13px;color:var(--ink-2);cursor:pointer;position:relative}.lrn .sidebar .lesson-link:hover{background:var(--hover-row)}.lrn .sidebar .lesson-link.active{background:var(--paper-card);color:var(--ink);font-weight:500;box-shadow:inset 2px 0 0 var(--clay)}.lrn .sidebar .lesson-link.done{color:var(--ink-3)}.lrn .sidebar .lesson-link .mark{width:5px;height:5px;border-radius:50%;background:var(--rule);flex-shrink:0}.lrn .sidebar .lesson-link.done .mark{background:var(--sage)}.lrn .sidebar .lesson-link.active .mark{background:var(--clay)}.lrn .cnav-group{display:flex;flex-direction:column;gap:3px}.lrn .cnav-group+.cnav-group{margin-top:6px;padding-top:18px;border-top:1px solid var(--rule)}.lrn .cnav-group .mod-title{margin-bottom:9px}.lrn .cnav-row{display:grid;grid-template-columns:15px 1fr;grid-gap:11px;gap:11px;align-items:start;padding:8px 9px;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink-2);cursor:pointer;transition:background var(--dur-fast) ease}.lrn .cnav-row>:first-child{margin-top:1px}.lrn .cnav-row:hover{background:var(--hover-row)}.lrn .cnav-row.active{background:var(--paper-card);box-shadow:inset 2px 0 0 var(--clay)}.lrn .cnav-text{display:flex;flex-direction:column;gap:5px;min-width:0}.lrn .cnav-title{font-family:var(--sans);font-size:13px;line-height:1.45;color:var(--ink-2)}.lrn .cnav-row.done .cnav-title{color:var(--ink-3)}.lrn .cnav-row.active .cnav-title{color:var(--ink);font-weight:600}.lrn .cnav-type{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3)}.lrn .cnav-type svg{flex-shrink:0;opacity:.85}.lrn .cnav-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3);text-decoration:none;transition:color var(--dur-fast) ease}.lrn .cnav-back:hover{color:var(--clay)}.lrn .cnav-back svg{flex-shrink:0}.lrn .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:inherit;text-decoration:none;font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;letter-spacing:-.005em;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.lrn .btn:disabled{opacity:.55;cursor:not-allowed}.lrn .btn-primary{background:var(--clay);color:var(--paper);box-shadow:inset 0 -1px 0 oklch(.4 .13 38)}.lrn .btn-primary:hover{background:var(--clay-deep)}.lrn .btn-success{background:var(--sage);color:var(--paper);box-shadow:inset 0 -1px 0 oklch(.44 .07 155)}.lrn .btn-success:hover{background:oklch(.5 .08 155)}.lrn .btn-secondary{background:var(--paper-card);color:var(--ink);border-color:var(--rule)}.lrn .btn-secondary:hover{border-color:var(--ink-3)}.lrn .btn-ghost{background:transparent;color:var(--ink-2)}.lrn .btn-ghost:hover{color:var(--ink);background:var(--paper-2)}.lrn .btn-lg{height:44px;padding:0 20px;font-size:14px}.lrn .btn-sm{height:28px;padding:0 12px;font-size:12px;border-radius:var(--radius-sm)}.lrn .btn-quill{background:var(--quill);color:var(--paper);box-shadow:inset 0 -1px 0 oklch(.4 .08 220)}.lrn .btn-quill:hover{background:var(--quill-deep)}.lrn .chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:999px;background:var(--paper-2);border:1px solid var(--rule);font-size:11px;color:var(--ink-2);font-weight:500;letter-spacing:-.002em}.lrn .chip-clay{background:var(--clay-soft);color:var(--clay-deep);border-color:oklch(.85 .06 50)}.lrn .chip-sage{background:var(--sage-soft);color:var(--sage-deep);border-color:var(--sage-edge)}.lrn .chip-marg{background:var(--marginalia);color:var(--marginalia-deep);border-color:var(--marginalia-edge)}.lrn .chip-quill{background:var(--quill-soft);color:var(--quill-deep);border-color:var(--quill-edge)}.lrn .chip .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.lrn .quill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 8px;background:var(--quill-soft);border:1px solid var(--quill-edge);border-radius:999px;font-size:12px;color:var(--quill-deep);font-weight:500}@keyframes lrn-pulse{50%{box-shadow:0 0 0 7px var(--clay-soft)}}.lrn .highlight{background:linear-gradient(180deg,transparent 55%,var(--marginalia) 55%);padding:0 1px}.lrn .margin-note{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink-3);line-height:1.55;padding-left:12px;border-left:2px solid var(--clay)}.lrn .field{display:flex;align-items:center;gap:10px;background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--r-input);padding:0 14px;height:48px;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.lrn .field.focused,.lrn .field:focus-within{border-color:var(--ink-2);box-shadow:0 0 0 3px oklch(.22 .012 60/.06)}.lrn .field input,.lrn .field textarea{border:0;outline:0;background:transparent;flex:1 1;font-family:var(--sans);font-size:15px;color:var(--ink);resize:none}.lrn .field input::placeholder,.lrn .field textarea::placeholder{color:var(--ink-4)}.lrn .field-serif input,.lrn .field-serif textarea{font-family:var(--serif);font-size:18px}.lrn .field-serif input::placeholder{font-style:italic}.lrn .ctl{height:34px;padding:0 10px;background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-md);font-family:var(--mono);font-size:13px;color:var(--ink);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.lrn .ctl:focus{outline:0;border-color:var(--ink-2);box-shadow:0 0 0 3px oklch(.22 .012 60/.06)}.lrn select.ctl{cursor:pointer}.lrn input.ctl{width:56px;text-align:center}.lrn .main{flex:1 1;min-height:0;overflow-y:auto;display:flex;justify-content:center;padding:var(--page-pad-y) var(--page-pad-x)}.lrn .layout-side .main{padding:var(--page-pad-y) var(--space-7) var(--space-9);align-items:flex-start}.lrn .reading-col{max-width:1180px;width:100%;display:grid;grid-template-columns:minmax(0,760px) 300px;grid-gap:72px;gap:72px;align-items:start;justify-content:center}.lrn .lesson-aside{position:-webkit-sticky;position:sticky;top:0;align-self:start;max-height:calc(100dvh - var(--page-pad-y) - var(--space-7));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.lrn .lesson-aside::-webkit-scrollbar{width:7px}.lrn .lesson-aside::-webkit-scrollbar-track{background:transparent}.lrn .lesson-aside::-webkit-scrollbar-thumb{background:var(--rule);border-radius:var(--radius-pill)}.lrn .lesson-aside:hover::-webkit-scrollbar-thumb{background:var(--ink-3)}.lrn .reading{font-family:var(--serif);font-size:19px;line-height:1.72;color:var(--ink)}.lrn .reading h1{font-family:var(--serif);font-weight:400;font-size:44px;letter-spacing:-.022em;margin:0 0 8px;line-height:1.06}.lrn .reading h2{font-family:var(--serif);font-weight:500;font-size:24px;letter-spacing:-.012em;margin:36px 0 12px}.lrn .reading .reading-h3{font-family:var(--serif);font-weight:600;font-size:18px;letter-spacing:-.006em;margin:26px 0 10px}.lrn .reading .math-block{margin:22px 0;overflow-x:auto;overflow-y:hidden;padding:4px 0}.lrn .reading .math-block .katex-display{margin:0}.lrn .reading .katex{font-size:1.04em}.lrn .reading p{margin:0 0 16px}.lrn .reading code{font-family:var(--mono);font-size:.9em;background:var(--paper-2);padding:1px 6px;border-radius:4px}.lrn .reading .lede{color:var(--ink-3);font-size:16px;font-style:italic;margin:0 0 32px}.lrn .lesson-foot{margin-top:64px;padding:28px 0 16px;border-top:1px solid var(--rule-soft)}@media (min-width:1241px){.lrn .lesson-foot{display:none}}@media (max-width:1240px){.lrn .reading-col{max-width:760px;grid-template-columns:minmax(0,1fr);gap:0}.lrn .reading-col>aside{display:none}}.lrn .codeblock{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius-md);padding:18px 20px;font-family:var(--mono);font-size:12.5px;line-height:1.7;overflow:auto;white-space:pre}.lrn .codeblock .ln{color:var(--code-muted);margin-right:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;width:14px;text-align:right}.lrn .codeblock .k{color:var(--code-clay)}.lrn .codeblock .s{color:var(--code-marg)}.lrn .codeblock .c{color:var(--code-muted);font-style:italic}.lrn .codeblock .f{color:var(--code-sage)}.lrn .codeblock .n{color:oklch(.8 .06 220)}.lrn .marks{display:grid;grid-gap:8px;gap:8px}.lrn .marks .row{display:flex;align-items:center;gap:12px;cursor:pointer}.lrn .marks .mark{width:6px;height:6px;border-radius:50%;background:var(--rule);flex-shrink:0}.lrn .marks .mark.done{background:var(--ink-3)}.lrn .marks .mark.now{background:var(--clay);box-shadow:0 0 0 4px var(--clay-soft)}.lrn .marks .label{font-size:12px;color:var(--ink-3)}.lrn .marks .row.now .label{color:var(--ink);font-weight:500}.lrn .card{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--r-card);padding:20px}.lrn .card-interactive{cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.lrn .card-interactive:hover{border-color:oklch(.82 .02 80);transform:translateY(-1px);box-shadow:0 4px 14px oklch(.3 .02 60/.06)}.lrn .quill-drawer-scrim{position:absolute;inset:0;background:oklch(.22 .012 60/.18);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:lrn-fade-in .2s ease}.lrn .quill-drawer{position:absolute;top:0;right:0;bottom:0;width:440px;background:var(--paper);border-left:1px solid var(--rule);display:flex;flex-direction:column;z-index:70;animation:lrn-slide-in var(--dur-slow) var(--ease);box-shadow:-12px 0 32px oklch(.3 .02 60/.08)}.lrn .quill-drawer .head{padding:18px 22px;border-bottom:1px solid var(--rule-soft);display:flex;align-items:center;gap:12px}.lrn .quill-drawer .head h3{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.01em;margin:0}.lrn .quill-drawer .head .x{margin-left:auto;width:28px;height:28px;border-radius:6px;border:0;background:transparent;color:var(--ink-3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.lrn .quill-drawer .head .x:hover{background:var(--paper-2);color:var(--ink)}.lrn .quill-drawer .body{flex:1 1;min-height:0;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px}.lrn .quill-drawer .composer{border-top:1px solid var(--rule-soft);padding:14px 18px;background:var(--paper-2)}.lrn .quill-drawer .composer form{display:flex;align-items:flex-end;gap:8px;background:var(--paper-card);border:1px solid var(--rule);border-radius:12px;padding:8px 10px 8px 12px}.lrn .quill-drawer .composer textarea{flex:1 1;border:0;outline:0;background:transparent;resize:none;font-family:var(--sans);font-size:14px;color:var(--ink);min-height:22px;max-height:120px;line-height:1.5}.lrn .quill-drawer .composer textarea::placeholder{color:var(--ink-4)}.lrn .qmsg{display:flex;gap:10px;animation:lrn-fade-in .2s ease}.lrn .qmsg .avatar-q{flex-shrink:0;margin-top:2px}.lrn .qmsg.user{flex-direction:row-reverse}.lrn .qmsg .bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;max-width:86%;letter-spacing:-.003em}.lrn .qmsg.user .bubble{background:var(--ink);color:var(--paper);border-bottom-right-radius:4px}.lrn .qmsg.quill-msg .bubble{background:var(--paper-2);color:var(--ink);border-bottom-left-radius:4px;font-family:var(--serif);font-size:15px}.lrn .plan-diff{background:var(--paper-card);border:1px solid var(--quill-edge);border-radius:12px;overflow:hidden;margin-top:4px}.lrn .plan-diff .head{padding:10px 14px;background:var(--quill-soft);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--quill-deep);font-weight:500}.lrn .plan-diff .row{display:grid;grid-template-columns:18px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--rule-soft);font-size:13px}.lrn .plan-diff .row .glyph{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700}.lrn .plan-diff .row.add .glyph{background:var(--sage-soft);color:var(--sage-deep)}.lrn .plan-diff .row.add{background:var(--diff-add)}.lrn .plan-diff .row.del .glyph{background:var(--brick-soft);color:var(--brick)}.lrn .plan-diff .row.del{background:var(--diff-del)}.lrn .plan-diff .row.del .label{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:oklch(.55 .12 30/.4);text-decoration-color:oklch(.55 .12 30/.4)}.lrn .plan-diff .row.mod .glyph{background:var(--marginalia);color:var(--marginalia-deep)}.lrn .plan-diff .row.mod{background:var(--diff-mod)}.lrn .plan-diff .label{font-family:var(--serif);font-size:14px;color:var(--ink);letter-spacing:-.005em}.lrn .plan-diff .meta{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em}.lrn .plan-diff .foot{padding:10px 14px;border-top:1px solid var(--rule-soft);display:flex;gap:8px;justify-content:flex-end;background:var(--paper)}.lrn .qsuggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.lrn .qsuggest button{background:var(--paper-card);border:1px solid var(--rule);color:var(--ink-2);font-size:12px;font-family:var(--sans);padding:4px 10px;border-radius:999px;cursor:pointer;transition:all .12s ease}.lrn .qsuggest button:hover{border-color:var(--quill);color:var(--quill-deep);background:var(--quill-soft)}@keyframes lrn-slide-in{0%{transform:translateX(100%)}to{transform:none}}@keyframes lrn-fade-in{0%{opacity:0}to{opacity:1}}.lrn .topic-spine{height:3px;border-radius:2px;margin-bottom:14px}.lrn .topic-glyph{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;font-family:var(--mono);font-size:11px;font-weight:600;flex-shrink:0}.lrn .eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3)}.lrn .eyebrow.clay{color:var(--clay-deep)}.lrn .eyebrow.sage{color:var(--sage-deep)}.lrn .eyebrow.quill{color:var(--quill-deep)}.lrn .eyebrow.marg{color:var(--marginalia-deep)}.lrn .auth-wrap{flex:1 1;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:48px 32px}.lrn .auth-card{width:100%;max-width:420px;display:flex;flex-direction:column}.lrn .auth-card label{font-family:var(--mono);font-size:10px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3);margin-bottom:7px;display:block}.lrn .auth-card .field{height:46px;margin-bottom:18px}.lrn .auth-error,.lrn .form-error{background:var(--brick-soft);border:1px solid var(--brick-edge);color:var(--brick);font-size:13px;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:18px}.lrn .form-error{margin-bottom:0}.lrn .auth-alt{margin-top:22px;font-size:13px;color:var(--ink-3);text-align:center}.lrn .auth-alt a{color:var(--clay-deep);font-weight:500;cursor:pointer;text-decoration:none}.lrn .fade-in{animation:lrn-fade-in .26s ease both}.lrn .syl-row{transition:background var(--dur-fast) ease}.lrn .syl-row:hover{background:var(--paper-2)}.lrn .syl-row:last-child{border-bottom-color:transparent}.lrn .undo-link{background:none;border:0;padding:0;font:inherit;color:var(--ink-3);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:2px;transition:color var(--dur-fast) ease}.lrn .undo-link:hover{color:var(--ink);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.lrn .undo-link:disabled{opacity:.55;cursor:not-allowed}.lrn .next-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;cursor:pointer;transition:color var(--dur-fast) ease,-webkit-text-decoration-color var(--dur-fast) ease;transition:color var(--dur-fast) ease,text-decoration-color var(--dur-fast) ease;transition:color var(--dur-fast) ease,text-decoration-color var(--dur-fast) ease,-webkit-text-decoration-color var(--dur-fast) ease}.lrn .next-link:hover{color:var(--clay-deep);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.lrn .just-changed{animation:lrn-hot 6.5s ease both}@keyframes lrn-hot{0%{box-shadow:0 0 0 0 var(--quill-soft)}10%{box-shadow:0 0 0 4px var(--quill-soft)}to{box-shadow:0 0 0 0 rgba(0,0,0,0)}}.lrn .serif{font-family:var(--serif)}.lrn .mono{font-family:var(--mono)}.lrn .h-1{font-weight:400;font-size:36px;line-height:1.08;letter-spacing:-.02em;color:var(--ink-deep);margin:0}.lrn .h-1,.lrn .lede{font-family:var(--serif)}.lrn .lede{font-style:italic;color:var(--ink-3);line-height:1.5;font-size:18px;font-weight:300}.lrn .chip-sel{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--radius-pill);background:var(--paper-card);border:1px solid var(--rule);font-family:var(--sans);font-size:13px;color:var(--ink-2);font-weight:500;cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,background var(--dur-fast) ease}.lrn .chip-sel:hover{border-color:var(--ink-3);color:var(--ink-deep)}.lrn .chip-sel.on{background:var(--ink-deep);color:var(--paper);border-color:var(--ink-deep)}.lrn .chip-sel:disabled{cursor:not-allowed;opacity:.5}.lrn .q-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 8px;background:var(--quill-soft);border:1px solid var(--quill-edge);border-radius:var(--radius-pill);font-family:var(--sans);font-size:12px;color:var(--quill-deep);font-weight:500}.lrn .topbar-c{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--rule);background:var(--paper);flex-shrink:0}.lrn .crumb{display:flex;gap:8px;align-items:center;font-size:13px}.lrn .crumb a{color:var(--ink-3);text-decoration:none}.lrn .crumb a:hover{color:var(--ink)}.lrn .crumb .sep{color:var(--ink-4);font-family:var(--mono);font-size:11px}.lrn .crumb .now{color:var(--ink-deep);font-weight:500}.lrn .topright{display:flex;justify-content:flex-end;gap:14px;align-items:center}.lrn .quill-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lrn .quill-mark.working{animation:lrn-breathe var(--dur-breathe) var(--ease) infinite}@keyframes lrn-breathe{0%,to{opacity:1}50%{opacity:.5}}.lrn .sk{display:block;border-radius:var(--radius-sm);background-color:var(--paper-3);background-image:linear-gradient(90deg,oklch(.945 .014 80/0),oklch(.99 .006 80/.85) 50%,oklch(.945 .014 80/0));background-size:180% 100%;background-repeat:no-repeat;background-position:150% 0;animation:lrn-shimmer 1.5s var(--ease) infinite}@keyframes lrn-shimmer{to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.lrn .quill-mark.working{animation:none;opacity:.72}.lrn .fade-in,.lrn .just-changed,.lrn .sk{animation:none}.lrn .sk{background-image:none}}.lrn .chip-field{display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 4px 0 14px;border-radius:var(--radius-pill);background:var(--paper-card);border:1px solid var(--ink-3);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.lrn .chip-field:focus-within{border-color:var(--ink-deep);box-shadow:0 0 0 3px var(--clay-soft)}.lrn .chip-field input{border:0;outline:0;background:transparent;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-deep);width:210px;min-width:80px;padding:0}.lrn .chip-field input::placeholder{color:var(--ink-4);font-weight:400}.lrn .chip-field .chip-x{display:inline-grid;place-items:center;width:22px;height:22px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-4);font-size:15px;line-height:1;cursor:pointer;transition:color var(--dur-fast) ease,background var(--dur-fast) ease}.lrn .chip-field .chip-x:hover{color:var(--ink-deep);background:var(--paper-3)}.lrn .stepper{display:flex;align-items:center;width:100%}.lrn .stepper .step{display:flex;align-items:center;gap:10px;flex-shrink:0}.lrn .stepper .step-dot{width:26px;height:26px;border-radius:var(--radius-pill);display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink-4);background:var(--paper-card);border:1px solid var(--rule);transition:background var(--dur-mid) var(--ease),border-color var(--dur-mid) var(--ease),color var(--dur-mid) var(--ease),box-shadow var(--dur-mid) var(--ease)}.lrn .stepper .step.current .step-dot{color:var(--clay-deep);border-color:var(--clay);box-shadow:0 0 0 4px var(--clay-soft)}.lrn .stepper .step.done .step-dot{color:var(--paper);background:var(--clay);border-color:var(--clay)}.lrn .stepper .step-label{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--ink-4);transition:color var(--dur-mid) var(--ease);white-space:nowrap}.lrn .stepper .step.current .step-label{color:var(--ink-deep)}.lrn .stepper .step.done .step-label{color:var(--ink-2)}.lrn .stepper .step-bar{position:relative;flex:1 1;height:2px;min-width:24px;margin:0 14px;background:var(--rule);border-radius:var(--radius-pill);overflow:hidden}.lrn .stepper .step-bar-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--clay);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease)}.lrn .stepper .step-bar.busy:after{content:"";position:absolute;inset:0;width:38%;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,var(--clay-edge),transparent);animation:lrn-step-slide 1.25s var(--ease) infinite}@keyframes lrn-step-slide{0%{transform:translateX(-110%)}to{transform:translateX(290%)}}@media (prefers-reduced-motion:reduce){.lrn .stepper .step-bar.busy:after{animation:none;width:50%;opacity:.6}}