:root{--ground:#fbfaf8;--surface:#fff;--wash:#f4f1ec;--wash-2:#f7f5f1;--track:#f1eee9;--ink:#16140f;--text:#3a362e;--muted:#827d72;--dim:#918c80;--faint:#a8a296;--ghost:#c2bcb1;--accent:#e64b38;--accent-dark:#b5402f;--accent-wash:#fef8f7;--accent-tint:#fbe7e3;--line:#16140f0f;--line-2:#16140f0e;--line-3:#16140f0b;--hair:inset 0 0 0 1px #16140f12;--sh-card:0 1px 2px #16140f0a, 0 10px 30px -12px #16140f1a;--sh-soft:0 1px 2px #16140f09, 0 8px 22px -16px #16140f29;--sh-lift:0 1px 2px #16140f0a, 0 14px 32px -18px #16140f38;--sh-btn:0 8px 18px -8px #16140f80;--f:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--f-mono:"Spline Sans Mono",ui-monospace,Menlo,monospace;--r-lg:22px;--r-md:18px;--r-sm:13px;--r-xs:12px;--pill:999px;--rail:84px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--text);font-family:var(--f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--f)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.kicker{font-family:var(--f-mono);letter-spacing:.17em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:500}.kicker.accent{color:var(--accent);letter-spacing:.15em;font-weight:600}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}h1{letter-spacing:-.032em;color:var(--ink);margin:0;font-size:38px;font-weight:900;line-height:1}h2{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:19px;font-weight:800}h3{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:17px;font-weight:800}p{max-width:68ch;margin:0 0 12px}.shell{min-height:100vh;display:flex}.rail{width:var(--rail);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:center;gap:34px;height:100vh;padding:26px 0;display:flex;position:sticky;top:0}.mark{border-radius:var(--r-xs);background:var(--ink);color:#fff;letter-spacing:-.04em;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:flex}.rail nav{flex-direction:column;align-items:center;gap:10px;display:flex}.railbtn{width:48px;height:48px;color:var(--faint);border-radius:15px;justify-content:center;align-items:center;display:flex}.railbtn.on{background:var(--wash);color:var(--ink);box-shadow:inset 0 0 0 1px #16140f0d}.railbtn:hover{color:var(--ink)}.avatar{border-radius:var(--pill);width:38px;height:38px;font-family:var(--f-mono);color:#6f6a5f;background:#f0ede7;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:5;-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);background:#fbfaf8db;border-bottom:1px solid #16140f0d;flex-shrink:0;justify-content:space-between;align-items:center;height:74px;padding:0 44px;display:flex;position:sticky;top:0}.topbar .who{color:#6f6a5f;align-items:center;gap:10px;font-size:14.5px;display:flex}.dot{border-radius:var(--pill);background:#d8d3ca;width:5px;height:5px}.page{flex:1;padding:42px 44px 72px}.cols{align-items:flex-start;gap:30px;display:flex}.col-main{flex-direction:column;flex:1.62;gap:22px;min-width:0;display:flex}.col-side{flex-direction:column;flex:1;gap:18px;min-width:0;padding-top:74px;display:flex}.reading{width:100%;max-width:820px;margin:0 auto}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:30px 32px 28px;display:block}.card.soft{box-shadow:var(--sh-soft);border-radius:var(--r-md);padding:22px 24px}.card.side{padding:26px 26px 24px;box-shadow:0 1px 2px #16140f0a,0 10px 30px -14px #16140f17}a.card:hover{transform:translateY(-1px);box-shadow:0 1px 2px #16140f0d,0 16px 38px -14px #16140f29}a.card{transition:box-shadow .18s,transform .18s}.bar{border-radius:var(--pill);background:var(--track);height:7px;display:flex;overflow:hidden}.bar>i{background:var(--ink);border-radius:var(--pill);height:100%;display:block}.bar.sm{flex-shrink:0;width:78px;height:5px}.bar.sm>i{background:#c9c3b8}.barmeta{font-family:var(--f-mono);color:var(--dim);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12.5px;display:flex}.btn{border-radius:var(--pill);background:var(--ink);color:#fff;cursor:pointer;height:52px;box-shadow:var(--sh-btn);border:0;justify-content:center;align-items:center;gap:10px;padding:0 30px;font-size:16.5px;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.btn:hover{background:var(--accent);transform:translateY(-1px)}.btn.block{width:100%}.btn.quiet{background:var(--surface);color:var(--ink);box-shadow:var(--hair)}.btn.quiet:hover{background:var(--surface);color:var(--accent)}.btn.sm{height:44px;box-shadow:none;padding:0 20px;font-size:14.5px;font-weight:600}.circle{border-radius:var(--pill);background:var(--ink);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 6px 16px -6px #16140f73}.chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip{border-radius:var(--pill);background:var(--surface);height:44px;color:var(--text);box-shadow:var(--hair);cursor:pointer;align-items:center;padding:0 20px;font-size:14.5px;display:inline-flex}.chip.on{background:var(--ink);color:#fff;box-shadow:none;font-weight:600}.chip.sm{height:38px;padding:0 17px}.tag{border-radius:var(--pill);background:var(--accent);height:22px;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;align-items:center;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.search{border-radius:var(--pill);background:var(--surface);height:66px;box-shadow:var(--sh-lift);border:0;align-items:center;gap:15px;width:100%;padding:0 26px;display:flex}.search input{font-family:var(--f);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:19px}.search input::placeholder{color:var(--faint)}.search.sm{background:var(--wash-2);gap:11px;height:46px;padding:0 18px;box-shadow:inset 0 0 0 1px #16140f0d}.search.sm input{font-size:15.5px}.rows{flex-direction:column;gap:0;display:flex}.row{border-bottom:1px solid var(--line-2);color:var(--text);align-items:center;gap:16px;padding:15px 4px;font-size:16px;display:flex}.row:last-child{border-bottom:0}.row .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row .pct{text-align:right;width:38px;font-family:var(--f-mono);color:var(--dim);font-variant-numeric:tabular-nums;font-size:12.5px}.row .pct.none{color:var(--ghost)}a.row:hover .grow{color:var(--accent)}.sectionhead{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.stat{justify-content:space-between;align-items:baseline;display:flex}.stat span:first-child{color:var(--text);font-size:15.5px}.stat b{font-family:var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.stat b.accent{color:var(--accent)}.stat b.dim{color:var(--dim)}.hr{background:var(--line-2);height:1px}.figrow{align-items:baseline;gap:34px;display:flex}.fig{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.fig b{font-family:var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:23px;font-weight:600}.fig b.accent{color:var(--accent)}.fig span{color:var(--faint);font-size:13px}.table{background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #16140f0a,0 12px 30px -20px #16140f2e}.tr{border-bottom:1px solid var(--line-3);grid-template-columns:2.3fr 1.1fr 1.5fr 1fr .9fr;align-items:center;gap:20px;padding:17px 26px;display:grid}.tr:last-child{border-bottom:0}.tr.head{border-bottom:1px solid var(--line-2);font-family:var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--faint);padding:16px 26px;font-size:10.5px;font-weight:500}.tr.flag{background:var(--accent-wash)}.tr .r{text-align:right;font-family:var(--f-mono);color:var(--dim);font-size:13.5px}.tr .r.late{color:var(--accent-dark)}.person{align-items:center;gap:12px;min-width:0;display:flex}.ava{border-radius:var(--pill);background:var(--wash);width:34px;height:34px;font-family:var(--f-mono);color:#6f6a5f;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:600;display:flex}.ava.late{background:var(--accent-tint);color:var(--accent-dark)}.name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;overflow:hidden}.cell{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.cell.muted{color:var(--muted)}.num{font-family:var(--f-mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:14px}.lessonwrap{min-height:100vh;display:flex}.lessonnav{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:340px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.lessonnav .head{border-bottom:1px solid var(--line-2);padding:26px 26px 20px}.back{color:var(--muted);align-items:center;gap:9px;margin-bottom:16px;font-size:14.5px;display:flex}.back:hover{color:var(--ink)}.unitlist{flex-direction:column;gap:2px;padding:20px 16px;display:flex}.unitgroup{font-family:var(--f-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--faint);padding:16px 10px 10px;font-size:10.5px;font-weight:500}.unitgroup:first-child{padding-top:8px}.unit{border-radius:var(--r-xs);color:var(--text);align-items:center;gap:12px;padding:12px 10px;font-size:15px;display:flex}.unit:hover{background:var(--wash-2)}.unit.done{color:var(--dim)}.unit.on{border-radius:var(--r-sm);background:var(--wash);color:var(--ink);padding:13px 10px;font-weight:700;box-shadow:inset 0 0 0 1px #16140f0d}.unit .grow{flex:1;min-width:0}.unit .qty{font-family:var(--f-mono);color:var(--faint);font-size:11px}.ring{border-radius:var(--pill);flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 1.7px #d8d3ca}.lessonbody{flex-direction:column;flex:1;min-width:0;display:flex}.lessoninner{flex:1;justify-content:center;padding:48px 56px 40px;display:flex}.lessoncol{flex-direction:column;gap:26px;width:100%;max-width:680px;display:flex}.lessontitle{letter-spacing:-.03em;color:var(--ink);font-size:33px;font-weight:900;line-height:1.08}.prose{color:var(--text);font-size:17.5px;line-height:1.62}.prose p{margin:0 0 16px}.prose strong{color:var(--ink);font-weight:700}.prose h2,.prose h3{margin:26px 0 12px}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}.prose li{margin-bottom:7px}.prose img{border-radius:var(--r-md);max-width:100%;margin:18px 0;display:block}.prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line-2);text-align:left;padding:9px 12px}.prose a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.videoframe{aspect-ratio:16/9;background:var(--ink);border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #16140f0f,0 18px 40px -18px #16140f66}.videoframe iframe,.videoframe video{border:0;width:100%;height:100%;position:absolute;inset:0}.wm{font-family:var(--f-mono);color:#ffffff57;letter-spacing:.05em;pointer-events:none;z-index:2;font-size:11px;position:absolute;bottom:16px;right:18px}.docframe{background:var(--surface);width:100%;height:760px;box-shadow:var(--sh-card);border:0;border-radius:20px}.lessonfoot{border-top:1px solid var(--line-2);-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);background:#fbfaf8eb;flex-shrink:0;justify-content:center;align-items:center;height:92px;padding:0 56px;display:flex;position:sticky;bottom:0}.lessonfoot .inner{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:680px;display:flex}.loginwrap{justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.loginbox{width:100%;max-width:404px}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:14px}.field input{border-radius:var(--pill);background:var(--surface);height:52px;box-shadow:var(--hair);font-family:var(--f);color:var(--ink);border:0;outline:none;padding:0 20px;font-size:16px}.field input:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}.err{background:var(--accent-wash);color:var(--accent-dark);border-radius:var(--r-sm);margin-bottom:16px;padding:12px 16px;font-size:15px;box-shadow:inset 0 0 0 1px #e64b3847}.empty{color:var(--muted);font-size:15.5px}.tabbar{display:none}@media (max-width:860px){.rail{display:none}.topbar{height:62px;padding:0 20px}.topbar .who>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.topbar .who .dot,.topbar .who>span:nth-child(2){display:none}.kicker{letter-spacing:.14em;font-size:10.5px}.page{padding:18px 20px 96px}.cols{flex-direction:column;gap:18px}.col-side{width:100%;padding-top:0}.col-main{width:100%}h1{letter-spacing:-.03em;font-size:30px}.card{border-radius:var(--r-lg);padding:24px 22px 22px}.search{height:54px;padding:0 20px}.search input{font-size:16px}.lessonwrap{flex-direction:column}.lessonnav{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:static}.unitlist{max-height:none}.lessoninner{padding:24px 20px 28px}.lessontitle{font-size:26px}.lessonfoot{height:84px;padding:0 20px}.lessonfoot .inner{gap:12px}.tr{grid-template-columns:1.6fr .9fr .7fr;gap:12px;padding:14px 16px}.tr .hide-sm{display:none}.tr.head{padding:12px 16px}.prose{font-size:16.5px}.docframe{height:520px}.tabbar{z-index:20;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:52px;color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:flex}.tabbar a.on{color:var(--ink);font-weight:700}}@media (max-width:520px){.figrow{gap:20px}.fig b{font-size:20px}}