:root{--bone:#ece8dd;--porcelain:#f6f3ea;--paper:#fbf9f3;--sage:#c6c9b8;--sage-deep:#9aa08d;--ink:#211f1a;--ink-2:#4a463d;--ink-3:#7a7466;--brass:#a6884f;--brass-soft:#c4ac7b;--oxblood:#7d2e24;--line:rgba(33,31,26,0.22);--line-soft:rgba(33,31,26,0.12);--serif:"Instrument Serif",Georgia,"Iowan Old Style",serif;--mono:"Kode Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--gutter:clamp(16px,3.4vw,44px);--bar:58px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--porcelain);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--brass-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}[hidden]{display:none!important}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}.mono--plain{text-transform:none;letter-spacing:.02em;font-size:12px}.dim{color:var(--ink-3)}.brass{color:var(--brass)}.serif-italic{font-style:italic}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--ink);background:var(--ink);color:var(--porcelain);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{background:var(--brass);border-color:var(--brass);color:var(--ink)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn--ghost:hover{background:var(--bone);border-color:var(--ink);color:var(--ink)}.btn--sm{min-height:30px;padding:0 10px;font-size:10px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.is-on{background:var(--brass);border-color:var(--brass);color:var(--ink)}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.input,.select,.textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line);background:var(--paper);border-radius:0;font-family:var(--mono);font-size:13px;letter-spacing:.01em}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px;background-size:5px 5px;background-repeat:no-repeat}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink);outline:none}.shell{min-height:100vh;flex-direction:column}.bar,.shell{display:flex}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:40;align-items:center;gap:18px;height:var(--bar);padding:0 var(--gutter);background:rgba(246,243,234,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.bar__mark{display:flex;align-items:baseline;gap:10px;text-decoration:none;white-space:nowrap}.bar__mark b{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:.02em}.bar__mark span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}.bar__nav{display:flex;gap:2px;margin-left:auto}.bar__nav a{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:8px 10px;border:1px solid transparent;color:var(--ink-2)}.bar__nav a:hover{color:var(--ink);border-color:var(--line)}.bar__nav a[aria-current=page]{color:var(--ink);border-color:var(--ink)}.bar__acct{display:flex;align-items:center;min-width:36px}.bar__menu{display:none}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--bone);white-space:nowrap}.ticker__run{display:inline-flex;gap:42px;padding:7px 0;animation:tick 70s linear infinite}.ticker__run span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.ticker__run b{color:var(--brass);font-weight:400}@keyframes tick{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.ticker__run{animation:none}}.main{flex:1 1;width:100%}.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--gutter)}.foot{border-top:1px solid var(--line);padding:18px var(--gutter);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.head{padding:clamp(28px,5vw,64px) 0 clamp(18px,3vw,32px);border-bottom:1px solid var(--line)}.head__kicker{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.head h1{font-weight:400;font-size:clamp(40px,7vw,92px);line-height:.95;margin:0;letter-spacing:-.01em}.head h1 em{color:var(--brass)}.head p{max-width:62ch;margin:16px 0 0;color:var(--ink-2);font-size:20px}.plate{border:1px solid var(--line);background:var(--paper)}.plate__tag{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}.dash{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:0;gap:0;border-left:1px solid var(--line);margin-top:28px}.dash>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.course-card{display:grid;grid-template-rows:auto 1fr;text-decoration:none}.course-card__img{aspect-ratio:16/9;background:var(--bone) center /cover no-repeat;border-bottom:1px solid var(--line);position:relative}.course-card__body{padding:18px 20px 22px;display:grid;grid-gap:10px;gap:10px}.course-card__body h2{font-weight:400;font-size:clamp(32px,4vw,52px);line-height:1;margin:0}.meter{height:3px;background:var(--line-soft);position:relative}.meter i{position:absolute;inset:0 auto 0 0;background:var(--brass)}.stat,.stat-col{display:grid}.stat{padding:18px 20px;border-bottom:1px solid var(--line);text-decoration:none;grid-gap:6px;gap:6px}.stat:last-child{border-bottom:0}.stat b{font-weight:400;font-size:clamp(34px,4vw,52px);line-height:1}.stat:hover{background:var(--bone)}.depts{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);margin:28px 0 56px}.dept{border-right:1px solid var(--line);display:grid;grid-template-rows:auto auto 1fr}.dept,.dept__img{border-bottom:1px solid var(--line)}.dept__img{aspect-ratio:3/2;background:var(--bone) center /cover no-repeat}.dept__head{padding:14px 16px 6px;display:grid;grid-gap:4px;gap:4px}.dept__head h2{font-weight:400;font-size:32px;margin:0;line-height:1.05}.dept__head p{margin:0;color:var(--ink-2);font-size:17px}.dept ol{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line-soft)}.dept li a{display:grid;grid-template-columns:52px 1fr auto;grid-gap:8px;gap:8px;align-items:baseline;padding:11px 16px;text-decoration:none;border-bottom:1px solid var(--line-soft)}.dept li:last-child a{border-bottom:0}.dept li a:hover{background:var(--bone)}.dept li a span:nth-child(2){font-size:19px}.tick{display:inline-block;width:12px;height:12px;border:1px solid var(--ink-3);vertical-align:-1px}.tick.is-done{background:var(--brass);border-color:var(--brass)}.player{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - var(--bar))}.rail{border-right:1px solid var(--line);background:var(--bone);position:-webkit-sticky;position:sticky;top:var(--bar);height:calc(100vh - var(--bar));overflow:auto}.rail__course{padding:16px;border-bottom:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;text-decoration:none}.rail__course b{font-weight:400;font-size:26px;line-height:1}.rail__dept{padding:12px 16px 6px;border-bottom:1px solid var(--line-soft)}.rail ol{list-style:none;margin:0;padding:0}.rail li a{display:grid;grid-template-columns:18px 40px 1fr;grid-gap:6px;gap:6px;align-items:baseline;padding:9px 16px;text-decoration:none;font-size:16px;line-height:1.25;border-bottom:1px solid var(--line-soft)}.rail li a:hover{background:var(--porcelain)}.rail li a[aria-current=page]{background:var(--ink);color:var(--porcelain)}.rail li a[aria-current=page] .tick{border-color:var(--porcelain)}.rail li a[aria-current=page] .dim{color:var(--sage)}.lesson{min-width:0}.screen{position:relative;aspect-ratio:16/9;background:var(--ink) center /cover no-repeat;border-bottom:1px solid var(--line);overflow:hidden}.screen video{width:100%;height:100%;object-fit:cover}.screen__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,14,.78),rgba(20,18,14,.12) 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(16px,3vw,32px);color:var(--porcelain);gap:8px}.screen__veil h1{font-weight:400;font-size:clamp(36px,5.6vw,76px);line-height:.95;margin:0}.screen__veil .mono{color:rgba(246,243,234,.8)}.screen__rec{position:absolute;top:14px;left:16px;display:flex;gap:8px;align-items:center;color:var(--porcelain)}.screen__rec i{width:8px;height:8px;background:var(--oxblood);border-radius:50%}.lesson__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;border-bottom:1px solid var(--line)}.lesson__body{padding:clamp(20px,3.4vw,44px);border-right:1px solid var(--line);min-width:0}.lesson__side{display:grid;align-content:start}.lesson__side>section{border-bottom:1px solid var(--line);padding:16px;display:grid;grid-gap:10px;gap:10px}.prose{max-width:66ch}.prose h2{font-weight:400;font-size:32px;line-height:1.05;margin:34px 0 10px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 14px}.prose ol,.prose ul{margin:0 0 16px;padding-left:22px}.prose li{margin:4px 0}.prose li::marker{color:var(--brass);font-family:var(--mono);font-size:13px}.prose strong{font-weight:400;background:linear-gradient(transparent 60%,rgba(196,172,123,.45) 0)}.card{border:1px solid var(--line);background:var(--paper)}.card__h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line)}.card__b{padding:14px}.exercise{margin-top:30px}.exercise p{margin:0;font-size:19px}.template{margin-top:18px}.codebox,.template pre{margin:0;padding:14px;background:var(--ink);color:var(--porcelain);font-family:var(--mono);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.template pre mark{background:transparent;color:var(--brass-soft)}.quiz{display:grid;grid-gap:18px;gap:18px}.quiz__q p{margin:0 0 8px;font-size:19px}.quiz__opts{display:grid;grid-gap:6px;gap:6px}.quiz__opt{text-align:left;padding:10px 12px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-family:var(--serif);font-size:17px;border-radius:0}.quiz__opt:hover{border-color:var(--ink)}.quiz__opt.is-right{border-color:var(--sage-deep);background:#e4e7d9}.quiz__opt.is-wrong{border-color:var(--oxblood);background:#f1dfd8}.quiz__why{font-size:16px;color:var(--ink-2);margin:8px 0 0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);background:var(--paper);text-decoration:none;font-family:var(--mono);font-size:11px;letter-spacing:.04em}.chip:hover{border-color:var(--ink);background:var(--bone)}.pager{display:grid;grid-template-columns:1fr 1fr}.pager a{padding:18px clamp(16px,3vw,32px);text-decoration:none;display:grid;grid-gap:4px;gap:4px;border-right:1px solid var(--line)}.pager a:last-child{border-right:0;text-align:right}.pager a:hover{background:var(--bone)}.pager span:last-child{font-size:22px}.sample{border-top:1px solid var(--line-soft);padding:10px 0 0;display:grid;grid-gap:6px;gap:6px}.sample p{margin:0;font-family:var(--mono);font-size:12px;line-height:1.55}.lib-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.lib-section{margin:30px 0 0}.lib-section__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:8px}.lib-section__h h2{font-weight:400;font-size:30px;margin:0}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));border-left:1px solid var(--line)}.lib-item{display:grid;grid-gap:6px;gap:6px;align-content:start;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;min-height:132px}.lib-item:hover{background:var(--paper)}.lib-item b{font-weight:400;font-size:22px;line-height:1.1}.lib-item p{margin:0;font-size:15px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.results{border-left:1px solid var(--line);margin-top:18px}.reader,.results{display:grid;border-top:1px solid var(--line)}.reader{grid-template-columns:280px minmax(0,1fr)}.reader__cats{border-right:1px solid var(--line);background:var(--bone);position:-webkit-sticky;position:sticky;top:var(--bar);max-height:calc(100vh - var(--bar));overflow:auto}.reader__cats button{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:9px 14px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;cursor:pointer;font-family:var(--serif);font-size:16px;line-height:1.2}.reader__cats button:hover{background:var(--porcelain)}.reader__cats button[aria-pressed=true]{background:var(--ink);color:var(--porcelain)}.reader__cats button[aria-pressed=true] .dim{color:var(--sage)}.reader__main{min-width:0}.reader__tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:8px;gap:8px;padding:12px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:var(--bar);background:rgba(246,243,234,.96);z-index:5}.entries{list-style:none;margin:0;padding:0}.entry{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:14px;border-bottom:1px solid var(--line-soft);align-items:start}.entry:hover{background:var(--paper)}.entry__no{font-family:var(--mono);font-size:11px;color:var(--brass);padding-top:3px}.entry__l{font-size:19px;line-height:1.2;margin:0 0 4px}.entry__t{font-family:var(--mono);font-size:12.5px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word;color:var(--ink-2)}.entry__n{font-size:15px;color:var(--ink-3);margin:6px 0 0;font-style:italic}.entry__act{display:flex;gap:6px}.more{padding:18px;display:flex;justify-content:center}.engine{display:grid;grid-template-columns:minmax(0,1fr) 400px;border-top:1px solid var(--line)}.slots{border-right:1px solid var(--line);min-width:0}.engine__tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.slot{display:grid;grid-template-columns:120px minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:12px;border-bottom:1px solid var(--line-soft);align-items:start}.slot.is-locked{background:#efe7d6}.slot__name{display:grid;grid-gap:4px;gap:4px}.slot__name input{border:0;border-bottom:1px dashed var(--line);background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:2px 0;width:100%}.slot__src{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:8px}.slot__src .select{min-height:32px;padding:4px 26px 4px 8px;font-size:11.5px;background-position:calc(100% - 13px) 13px,calc(100% - 8px) 13px}.slot__val{font-family:var(--mono);font-size:13px;line-height:1.55;min-height:20px;word-break:break-word}.slot__val.is-spinning{color:var(--ink-3)}.slot__btns{display:flex;gap:6px}.icon-btn{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:0;padding:0}.icon-btn:hover{border-color:var(--ink)}.icon-btn.is-on{background:var(--brass);border-color:var(--brass)}.icon-btn svg{width:14px;height:14px}.out{display:grid;align-content:start}.out>section{padding:14px;border-bottom:1px solid var(--line);display:grid;grid-gap:10px;gap:10px}.tabs{display:flex;flex-wrap:wrap;gap:4px}.tabs button{padding:6px 9px;border:1px solid var(--line);background:transparent;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-radius:0}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--porcelain);border-color:var(--ink)}.count{font-family:var(--serif);font-size:30px;line-height:1}.gate{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.gate__art{position:relative;background:var(--ink) center /cover no-repeat;min-height:280px}.gate__art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,14,.7),rgba(20,18,14,0) 55%)}.gate__cap{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;z-index:1;color:var(--porcelain);display:grid;grid-gap:8px;gap:8px}.gate__cap b{font-weight:400;font-size:clamp(38px,5vw,72px);line-height:.95}.gate__form{display:grid;align-content:center;padding:clamp(28px,6vw,80px) var(--gutter);grid-gap:18px;gap:18px;background:var(--porcelain)}.gate__form h1{font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1;margin:0}.gate__form form{display:grid;grid-gap:14px;gap:14px;max-width:420px}.notice{border:1px solid var(--line);background:var(--paper);padding:10px 12px;font-size:16px;max-width:420px}.notice--err{border-color:var(--oxblood);color:var(--oxblood)}.linkish{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;letter-spacing:.06em;color:var(--ink-2);justify-self:start}.linkish,.toast{font-family:var(--mono);font-size:11px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;background:var(--ink);color:var(--porcelain);padding:9px 14px;letter-spacing:.08em;text-transform:uppercase}.empty{padding:40px 0;color:var(--ink-3)}@media (max-width:1080px){.engine{grid-template-columns:1fr}.slots{border-right:0}.lesson__grid{grid-template-columns:1fr}.lesson__body{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:900px){.player{grid-template-columns:1fr}.rail{position:static;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line)}.rail[data-collapsed=true] .rail__dept,.rail[data-collapsed=true] ol{display:none}.dash,.reader{grid-template-columns:1fr}.reader__cats{position:static;max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.reader__tools{top:var(--bar)}.gate{grid-template-columns:1fr}.gate__art{min-height:300px}}@media (max-width:760px){body{font-size:18px}.bar{gap:10px}.bar__mark span{display:none}.bar__menu{display:inline-flex;margin-left:auto}.bar__nav{display:none;position:absolute;top:var(--bar);left:0;right:0;flex-direction:column;background:var(--porcelain);border-bottom:1px solid var(--line);padding:8px var(--gutter) 14px}.bar__nav.is-open{display:flex}.bar__nav a{padding:12px 8px;border-bottom:1px solid var(--line-soft)}.depts,.slot{grid-template-columns:1fr}.slot__btns{justify-content:flex-start}.entry,.slot__src{grid-template-columns:1fr}.entry{gap:6px}.reader__tools{grid-template-columns:1fr 1fr}.reader__tools .input{grid-column:1/-1}.pager{grid-template-columns:1fr}.pager a{border-right:0;border-bottom:1px solid var(--line);text-align:left!important}.lib-tools{grid-template-columns:1fr}}.rail__toggle{display:none!important}@media (max-width:900px){.rail__toggle{display:inline-flex!important}}