*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--paper)}:root{--paper:oklch(0.975 0.006 95);--paper-2:oklch(0.955 0.008 95);--paper-3:oklch(0.932 0.01 95);--paper-card:oklch(0.992 0.003 95);--paper-edge:oklch(0.995 0.002 95);--ink-deep:oklch(0.16 0.018 250);--ink:oklch(0.22 0.015 250);--ink-2:oklch(0.4 0.012 250);--ink-3:oklch(0.56 0.012 250);--ink-4:oklch(0.74 0.008 250);--rule:oklch(0.89 0.006 250);--rule-soft:oklch(0.94 0.005 250);--accent:oklch(0.4 0.085 158);--accent-deep:oklch(0.3 0.075 158);--accent-soft:oklch(0.94 0.04 158);--accent-edge:oklch(0.85 0.05 158);--accent-ink:oklch(0.99 0.003 158);--clay:var(--accent);--clay-deep:var(--accent-deep);--clay-soft:var(--accent-soft);--clay-edge:var(--accent-edge);--sage:var(--accent);--sage-deep:var(--accent-deep);--sage-soft:var(--accent-soft);--sage-edge:var(--accent-edge);--marginalia:var(--accent-soft);--marginalia-edge:var(--accent-edge);--marginalia-deep:var(--accent-deep);--warn:oklch(0.58 0.1 50);--warn-soft:oklch(0.95 0.04 50);--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.42 0.1 25);--quill-deep:oklch(0.32 0.11 25);--quill-soft:oklch(0.95 0.025 25);--quill-edge:oklch(0.86 0.045 25);--topic-code:oklch(0.55 0.1 38);--topic-paint:oklch(0.58 0.08 200);--topic-music:oklch(0.55 0.08 290);--topic-lang:oklch(0.5 0.08 145);--topic-history:oklch(0.5 0.06 65);--topic-data:oklch(0.52 0.08 260);--code-bg:var(--ink-deep);--code-fg:oklch(0.93 0.005 80);--code-muted:oklch(0.6 0.01 60);--code-clay:oklch(0.78 0.12 35);--code-marg:oklch(0.85 0.1 100);--code-sage:oklch(0.78 0.1 150);--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:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:10px;--radius-pill:999px;--r-base:var(--radius-md);--r-card:var(--radius-lg);--r-input:var(--radius-md);--bar-h:5px;--track-eyebrow:0.1em;--hover-row:oklch(0.94 0.005 250);--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:10px;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,.lrn-mark{--c:var(--accent);width:18px;height:18px;background:linear-gradient(var(--c) 0 0) 0 0 /7px 7px no-repeat,linear-gradient(var(--c) 0 0) 11px 0 /7px 7px no-repeat,linear-gradient(var(--c) 0 0) 0 11px /7px 7px no-repeat,linear-gradient(var(--c) 0 0) 11px 11px /7px 7px no-repeat;display:inline-block;flex-shrink:0;border-radius:0;transform:none;position:static}.lrn-mark.lg{width:28px;height:28px;background:linear-gradient(var(--c) 0 0) 0 0 /11px 11px no-repeat,linear-gradient(var(--c) 0 0) 17px 0 /11px 11px no-repeat,linear-gradient(var(--c) 0 0) 0 17px /11px 11px no-repeat,linear-gradient(var(--c) 0 0) 17px 17px /11px 11px no-repeat}.lrn .wordmark h1{font-family:var(--serif);font-weight:500;font-size:20px;margin:0;line-height:20px;letter-spacing:-.015em}.lrn .crumbs{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0;padding:0 28px;font-family:var(--sans);font-size:13px}.lrn .crumbs-link{color:var(--ink-3);text-decoration:none;font-weight:500;white-space:nowrap;flex-shrink:0;transition:color var(--dur-fast) ease}.lrn .crumbs-link:hover{color:var(--ink)}.lrn .crumbs-static{color:var(--ink-3);font-weight:500;white-space:nowrap;flex-shrink:0}.lrn .crumbs-leaf{color:var(--ink-deep);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lrn .crumbs-sep{color:var(--ink-4);font-size:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.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:30px;height:30px;border-radius:50%;background:var(--paper-2);border:1px solid var(--rule);color:var(--ink-2);display:flex;align-items:center;justify-content:center}.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:10px;height:10px;color:var(--ink-4);flex-shrink:0;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 .account-item{gap:9px}.lrn .account-item-danger{color:var(--ink-2)}.lrn .account-item-danger:hover{background:oklch(.96 .03 25);color:oklch(.42 .18 25)}.lrn .account-eyebrow{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);padding:8px 10px 6px;border-bottom:1px solid var(--rule-soft);margin-bottom:4px}.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)}.lrn .btn-primary:hover{background:var(--clay-deep)}.lrn .btn-success{background:var(--sage);color:var(--paper)}.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)}.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(--accent-soft) 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(--accent)}.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:32px;padding:0 6px 2px;background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;font-family:var(--serif);font-size:17px;color:var(--ink-deep);transition:border-color var(--dur-fast) ease}.lrn .ctl:hover{border-bottom-color:var(--ink-4)}.lrn .ctl:focus{outline:0;border-bottom-color:var(--ink-deep)}.lrn select.ctl{cursor:pointer;padding-right:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 2px center;background-size:9px}.lrn input.ctl{width:56px;text-align:center;-moz-appearance:textfield}.lrn input.ctl::-webkit-inner-spin-button,.lrn input.ctl::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lrn .inline-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:max(100%,96px);background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-md);padding:4px;z-index:50;box-shadow:0 1px 0 oklch(.2 .01 60/.04),0 12px 28px -10px oklch(.2 .01 60/.18);display:flex;flex-direction:column}.lrn .inline-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;text-align:left;padding:7px 12px;font-family:var(--serif);font-size:14px;color:var(--ink-2);border-radius:var(--radius-sm);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.lrn .inline-menu-item:hover{background:var(--paper-2);color:var(--ink-deep)}.lrn .inline-menu-item.on{color:var(--accent-deep);background:var(--paper-2)}.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 .coding-brief h1,.lrn .coding-brief>:first-child h2:first-child,.lrn .coding-brief>h2:first-child{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.15;letter-spacing:-.014em;margin:0 0 18px;color:var(--ink-deep)}.lrn .coding-brief h2{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.25;letter-spacing:-.008em;margin:28px 0 10px;color:var(--ink-deep)}.lrn .coding-brief .reading-h3,.lrn .coding-brief h3{font-family:var(--serif);font-weight:600;font-size:14.5px;letter-spacing:-.005em;margin:20px 0 8px;color:var(--ink-deep)}.lrn .coding-brief li,.lrn .coding-brief p{font-size:14.5px;line-height:1.6}.lrn .coding-brief code,.lrn .coding-brief pre.codeblock{font-size:12.5px}.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-block,.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:#ffffff;color:#1f2328;border-left:3px solid var(--border);border-radius:0;font-family:var(--mono);font-size:12.5px;line-height:1.75;overflow:auto;margin:28px 0}.lrn .codeblock pre,.lrn .codeblock pre.shiki{margin:0;padding:18px 22px;background:#ffffff!important;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;overflow:auto}.lrn .codeblock code{font-family:inherit;background:transparent;padding:0}.lrn pre.codeblock{padding:18px 22px;white-space:pre}.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:hidden;display:flex;padding:0}.lrn .auth-split{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100%}.lrn .auth-pane,.lrn .auth-pitch{display:grid;grid-template-rows:auto 1fr auto;grid-row-gap:48px;row-gap:48px;padding:56px 64px;overflow-y:auto;min-height:100%}.lrn .auth-pitch{background:var(--accent);color:var(--accent-ink)}.lrn .auth-pane{background:var(--paper)}.lrn .auth-pane-head,.lrn .auth-pitch .pitch-mark{display:inline-flex;align-items:center;min-height:24px;line-height:1}.lrn .auth-pitch .pitch-mark{gap:12px;color:var(--accent-ink);text-decoration:none;font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.015em;justify-self:start}.lrn .auth-pane-head{justify-self:end;font-family:var(--sans);font-size:13px;color:var(--ink-3);gap:6px}.lrn .auth-pane-head a{color:var(--ink-deep);font-weight:500;text-decoration:none}.lrn .auth-pane-head a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}.lrn .auth-card,.lrn .auth-pitch .pitch-body{align-self:center}.lrn .auth-pitch .pitch-body{max-width:460px;display:flex;flex-direction:column;gap:18px}.lrn .auth-card{width:100%;max-width:380px;display:flex;flex-direction:column}.lrn .auth-pane-foot,.lrn .auth-pitch .pitch-foot{font-family:var(--mono);font-size:11px;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:baseline;gap:24px;min-height:16px}.lrn .auth-pitch .pitch-foot{color:oklch(from var(--accent-ink) l c h/.55)}.lrn .auth-pane-foot{color:var(--ink-3)}.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-switch{margin:22px 0 0;font-family:var(--sans);font-size:13px;color:var(--ink-3)}.lrn .auth-switch a{color:var(--ink-deep);font-weight:500;text-decoration:none}.lrn .auth-switch a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}@media (max-width:880px){.lrn .auth-split{grid-template-columns:1fr}.lrn .auth-pitch{display:none}.lrn .auth-pane{padding:28px 24px;row-gap:24px}.lrn .auth-card{max-width:420px;justify-self:center}}.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;padding:8px 16px;border-radius:var(--radius-pill);background:var(--paper-card);border:1px solid var(--rule);font-family:var(--sans);font-size:14px;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-field.on,.lrn .chip-sel.on{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-edge)}.lrn .chip-field.on input{color:var(--accent-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 .build-row-ready:hover{background:var(--hover-row)}.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:4px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--paper-card);border:1px solid var(--rule);cursor:text;transition:border-color var(--dur-fast) ease}.lrn .chip-field:hover{border-color:var(--ink-3)}.lrn .chip-field:focus-within{border-color:var(--ink-deep)}.lrn .chip-field input{border:0;outline:0;background:transparent;font-family:var(--sans);font-size:14px;line-height:20px;font-weight:500;color:var(--ink-deep);padding:0;flex:0 0 auto;width:16ch;field-sizing:fixed}.lrn .chip-field input::placeholder{color:var(--ink-2);font-weight:500;opacity:1}.lrn .chip-field .chip-x{margin-right:-8px;display:inline-grid;place-items:center;width:20px;height:20px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-4);font-size:14px;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 .compose-slate{display:flex;align-items:center;gap:14px;padding:4px 2px 12px;background:transparent;border:0;border-bottom:1.5px solid var(--rule);border-radius:0;cursor:text;transition:border-color var(--dur-fast) ease}.lrn .compose-slate:hover{border-bottom-color:var(--ink-4)}.lrn .compose-slate:focus-within{border-bottom-color:var(--ink-deep);box-shadow:none}.lrn .compose-slate input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:-.005em;color:var(--ink-deep);padding:6px 0}.lrn .compose-slate input::placeholder{color:var(--ink-4);font-style:italic}.lrn .compose-submit{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--accent);color:var(--paper);cursor:pointer;transition:background var(--dur-fast) ease,transform var(--dur-fast) ease,opacity var(--dur-fast) ease}.lrn .compose-submit:hover:not(:disabled){background:var(--accent-deep);transform:translateX(2px)}.lrn .compose-submit:disabled{background:var(--paper-3);color:var(--ink-4);cursor:not-allowed}.lrn .stepper{display:flex;align-items:center;width:100%;gap:0}.lrn .stepper .step{display:flex;align-items:baseline;gap:10px;flex-shrink:0}.lrn .stepper .step-mark{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--ink-4);letter-spacing:.06em;transition:color var(--dur-mid) var(--ease);min-width:14px}.lrn .stepper .step.current .step-mark{color:var(--accent-deep)}.lrn .stepper .step.done .step-mark{color:var(--accent)}.lrn .stepper .step-label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;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-3)}.lrn .stepper .step-bar{position:relative;flex:1 1;height:1px;min-width:24px;margin:0 16px;background:var(--rule);border-radius:var(--radius-pill);overflow:hidden;align-self:center;transform:translateY(-1px)}.lrn .stepper .step-bar-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);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(--accent-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}}.lrn .pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--radius-pill);background:var(--paper-2);border:1px solid var(--rule);font-size:11px;color:var(--ink-2);font-weight:500;font-family:var(--sans);white-space:nowrap}.lrn .pill .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.lrn .pill-accent{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-family:var(--mono);letter-spacing:.01em}.lrn .pill-accent-soft{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-edge)}.lrn .pill-warn-soft{background:var(--warn-soft);color:var(--ink-2);border-color:oklch(.85 .04 50)}.lrn .tbl{width:100%;border-collapse:collapse;font-size:13px}.lrn .tbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3);font-weight:500;padding:12px;border-bottom:1px solid var(--rule)}.lrn .tbl td{padding:12px;border-bottom:1px solid var(--rule-soft);color:var(--ink);vertical-align:middle}.lrn .tbl tr:last-child td{border-bottom:none}.lrn .tbl tr.zebra td{background:var(--accent-soft)}.lrn .tbl td.num,.lrn .tbl th.num{font-family:var(--mono)}.lrn .minibar{display:inline-flex;align-items:center;width:86px;height:6px;background:var(--paper-3);border-radius:2px;overflow:hidden;vertical-align:middle}.lrn .minibar>i{display:block;height:100%;background:var(--accent)}.lrn .heat-cell{aspect-ratio:1/1;border-radius:2px}.lrn .heat-0{background:var(--paper-3)}.lrn .heat-1{background:var(--accent-soft)}.lrn .heat-2{background:oklch(from var(--accent) calc(l + .15) calc(c * .6) h)}.lrn .heat-3{background:oklch(from var(--accent) calc(l + .05) calc(c * .85) h)}.lrn .heat-4{background:var(--accent)}.lrn .logo-disc{width:30px;height:30px;border-radius:50%;background:var(--ink-deep);color:var(--paper);flex-shrink:0}.lrn .img-slot,.lrn .logo-disc{display:flex;align-items:center;justify-content:center}.lrn .img-slot{background:repeating-linear-gradient(45deg,var(--paper-2) 0 8px,var(--paper-3) 8px 16px);border:1px solid var(--rule);border-radius:var(--radius-md);font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}.lrn-genui{--node-bg:var(--paper-card);--node-border:var(--ink-3);--node-text:var(--ink);color:var(--ink);line-height:1.5;max-width:100%;margin:22px auto}.lrn-genui,.lrn-genui .node{font-family:var(--serif);font-size:14px}.lrn-genui .node{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid var(--node-border);border-radius:var(--radius-md);background:var(--node-bg);color:var(--node-text);text-align:center;box-sizing:border-box}.lrn-genui .node-accent{--node-bg:var(--accent-soft);--node-border:var(--accent);--node-text:var(--accent-deep)}.lrn-genui .node-decision{border-radius:var(--radius-pill);border-style:dashed}.lrn-genui .node-warn{--node-bg:oklch(0.96 0.03 30);--node-border:oklch(0.55 0.14 30);--node-text:oklch(0.55 0.14 30)}.lrn-genui .node-muted{--node-bg:var(--paper-2);--node-border:var(--rule);--node-text:var(--ink-3)}.lrn-genui .row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.lrn-genui .col{display:flex;flex-direction:column;align-items:center;gap:6px}.lrn-genui .arrow{flex-shrink:0;min-width:20px;text-align:center;font-family:var(--mono);color:var(--ink-3);font-size:16px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lrn-genui .arrow:before{content:"\2192"}.lrn-genui .arrow-down:before{content:"\2193"}.lrn-genui .arrow-up:before{content:"\2191"}.lrn-genui .arrow-left:before{content:"\2190"}.lrn-genui .arrow-dotted:before{content:"\21E2"}.lrn-genui .arrow-double:before{content:"\21D2"}.lrn-genui .edge-label{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);padding:2px 6px}.lrn-genui .branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:16px;gap:16px;margin-top:4px}.lrn-genui .branch{display:flex;flex-direction:column;align-items:center;gap:6px}.lrn-genui .tree,.lrn-genui .tree ul{list-style:none;margin:0;padding-left:18px;border-left:1px solid var(--rule)}.lrn-genui .tree ul>li,.lrn-genui .tree>li{padding:4px 0 4px 8px;font-family:var(--serif)}.lrn-genui .bar-row{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;grid-gap:10px;gap:10px;margin:4px 0}.lrn-genui .bar-label{text-align:right;font-family:var(--mono);font-size:11px;color:var(--ink-2)}.lrn-genui .bar{height:14px;background:var(--accent);border-radius:2px;min-width:1px}.lrn-genui .bar-soft{background:var(--accent-soft);border:1px solid var(--accent)}.lrn-genui .bar-value{font-size:11px}.lrn-genui .bar-value,.lrn-genui .eyebrow{font-family:var(--mono);color:var(--ink-3)}.lrn-genui .eyebrow{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.lrn-genui .note{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink-3)}.lrn-genui table{border-collapse:collapse;margin:0 auto;font-family:var(--serif)}.lrn-genui table :is(th,td){padding:8px 12px;border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:top}.lrn-genui table th{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.lrn-genui .block{padding:12px 14px;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper-card)}.lrn-genui .block+.block{margin-top:8px}