:root{--accent: #674fe6;--accent-hover: #5841d4;--accent-soft: #f2f0fe;--accent-active: #e6e2fb;--sidebar: #f1f0eb;--page: #fcfbf8;--card: #fffefd;--line: #e6e3dc;--ink: #17151f;--muted: #6b6975;--ok: #137a42;--ok-soft: #e3f5ea;--busy: #5b45d6;--warn: #a35a00;--bad: #b02a37;--bad-soft: #fde4e4;--serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--nav-h: 64px;font-family:var(--sans);color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0;background:var(--page)}h1,h2,h3{font-family:var(--serif);font-weight:650;margin:0;letter-spacing:-.01em}h1{font-size:2.6rem;line-height:1.1}h2{font-size:1.45rem}h3{font-size:1.15rem}p{margin:.4rem 0}.hint{color:var(--muted)}.lead{font-size:1.1rem;margin:.5rem 0 0}.small{font-size:.85rem}.center{text-align:center}.error{color:var(--bad)}.pad{padding:1rem 1.25rem}[hidden]{display:none!important}.icon{flex:none}input,select,textarea,button{font:inherit}input,select,textarea{padding:.65rem .85rem;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);max-width:100%}textarea{width:100%;resize:vertical}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink)}button:hover{background:var(--accent-soft)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.outline{border-color:#cfcbc2;font-weight:500}button.big{padding:.9rem 1.5rem;font-size:1.05rem;border-radius:12px}button.wide{width:100%;padding:.95rem;font-size:1.05rem;border-radius:12px}button.link{border:0;background:transparent;color:var(--accent-hover);padding:.2rem 0}button.link:hover{background:transparent;text-decoration:underline}button.icon-btn{border:0;background:transparent;padding:.35rem;border-radius:8px;color:#4b4958}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b3a8f3;outline-offset:2px}.row{display:flex;gap:.5rem;flex-wrap:wrap}.wordmark{display:flex;align-items:center;gap:.35rem;font-size:1.9rem;font-weight:650;letter-spacing:-.04em;font-family:var(--sans)}.wordmark .wm-text span{color:var(--accent)}.wordmark-sign{margin-left:.15rem}.login-card{max-width:380px;margin:12vh auto;padding:2rem;background:var(--card);border:1px solid var(--line);border-radius:16px}.login-card form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:1.6rem 1rem 1.2rem;display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:0;height:100vh;overflow-y:auto}.nav{display:flex;flex-direction:column;gap:.2rem}.nav button,.nav-add{justify-content:flex-start;text-align:left;border:0;background:transparent;border-radius:12px;padding:.7rem .8rem;color:var(--ink);gap:.85rem;width:100%}.nav button:hover{background:var(--accent-soft)}.nav button.active{background:var(--accent-active);font-weight:600}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{color:var(--muted);font-weight:400}.nav-section{margin:1rem .8rem .3rem;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.nav-add{color:var(--accent-hover);margin-top:.6rem;border-top:1px solid var(--line);border-radius:0;padding-top:1rem}.new-folder{display:flex;flex-direction:column;gap:.5rem;padding:.8rem .4rem}.sidebar-foot{margin-top:auto}.minutes{display:flex;align-items:center;gap:.5rem;color:var(--muted);margin:0 0 .3rem}.profile{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-active);color:var(--accent-hover);display:grid;place-items:center;font-weight:600}.profile-text{display:flex;flex-direction:column}.content{padding:0 clamp(1rem,3vw,2.5rem) 4rem;min-width:0}.library,.lecture{max-width:1180px}.bottom-nav{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);margin-bottom:1.6rem}.crumbs{display:flex;align-items:center;gap:.6rem;color:var(--muted);min-width:0}.crumbs span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumbs span+span:before{content:"/";margin-right:.6rem;color:var(--line)}.crumbs span:last-child{color:var(--accent-hover)}.searchbox{display:flex;align-items:center;gap:.6rem;width:min(430px,45%);padding:.6rem .9rem;border:1px solid var(--line);border-radius:12px;background:#f8f7f3;color:var(--muted)}.searchbox input{border:0;background:transparent;padding:0;width:100%;outline:none}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.6rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:1.6rem 0 .9rem}.folder-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.folder-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:left;justify-content:flex-start}.folder-card-text{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.folder-card-text strong{font-size:1.05rem}.folder-art{width:64px;height:52px;border-radius:10px;display:grid;place-items:center;flex:none}.tone-0{background:#e7e1fb;color:#8f7bea}.tone-1{background:#dcebfb;color:#5aa0e6}.tone-2{background:#efe5d6;color:#bda583}.table{border:1px solid var(--line);border-radius:14px;background:var(--card)}.table-head,.table-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.6fr) 1.1fr 1.3fr 44px;align-items:center;gap:.75rem;padding:0 1rem}.table-head{padding-top:.9rem;padding-bottom:.6rem;color:var(--muted);font-size:.9rem;border-bottom:1px solid var(--line)}.table-row{min-height:74px;position:relative}.table-row+.table-row{border-top:1px solid var(--line)}.table-row:hover{background:var(--accent-soft)}.row-main{border:0;background:transparent;justify-content:flex-start;text-align:left;padding:.6rem 0;gap:1rem;min-width:0}.row-main:hover{background:transparent}.row-icon{color:var(--muted);display:grid;place-items:center;flex:none}.row-icon.busy{color:var(--accent)}.row-title{display:flex;flex-direction:column;min-width:0}.row-title strong{font-weight:500;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-menu,.menu-wrap{position:relative}.menu{position:absolute;right:0;top:100%;z-index:20;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.35rem;box-shadow:0 10px 30px #140f321f;display:flex;flex-direction:column}.menu button{border:0;justify-content:flex-start;text-align:left;border-radius:8px;background:transparent}.menu-label{padding:.5rem .9rem .2rem;color:var(--muted);font-size:.8rem}.danger{color:var(--bad)}.status-pill{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;white-space:nowrap}.status-done{color:var(--ok)}.status-busy{color:var(--busy)}.status-failed{color:var(--warn)}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted)}.note{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;margin:1.1rem .2rem}.note.top{margin-top:0}.flow{max-width:560px;margin:0 auto;padding-top:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.flow h1{font-size:2.4rem}.back{align-self:flex-start;gap:.3rem}.drop{flex-direction:column;padding:2rem 1rem;border:2px dashed #cfc8f2;background:var(--accent-soft);border-radius:16px;color:var(--accent-hover);gap:.4rem}.file-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--card)}.file-icon{width:54px;height:62px;border-radius:10px;background:var(--accent-active);color:var(--accent);display:grid;place-items:center;flex:none}.file-text{flex:1;display:flex;flex-direction:column;min-width:0}.file-text strong{overflow:hidden;text-overflow:ellipsis}.field{display:flex;flex-direction:column;gap:.4rem}.field>span{font-weight:500}.info-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:14px;background:var(--accent-soft);color:#4a3fa0}.processing-art{width:96px;height:96px;border-radius:50%;background:var(--accent-active);color:var(--accent);display:grid;place-items:center;margin:0 auto}.steps{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:1rem}.step{display:flex;gap:.9rem;align-items:flex-start}.step p{margin:.15rem 0 0}.step-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;border:2px solid var(--line);color:#fff}.step-ok .step-mark{background:var(--ok);border-color:var(--ok)}.step-fail .step-mark{background:var(--warn);border-color:var(--warn)}.step-run .step-mark{border-color:var(--accent)}.step-wait{opacity:.6}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent-active);border-top-color:var(--accent);display:inline-block;vertical-align:-3px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}.lecture-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:.4rem 0 1rem}.title-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.head-actions{display:flex;align-items:center;gap:.4rem}.player{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}.play{width:50px;height:50px;border-radius:50%;background:#20202b;border-color:#20202b;color:#fff;padding:0;flex:none}.play:hover:not(:disabled){background:#36364a}.player-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22%}.seek{flex:1;min-width:0;padding:0;accent-color:var(--accent)}.player-time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.speed{padding:.4rem .7rem}.check-banner{display:flex;align-items:center;gap:1.2rem;margin:1rem 0 0;padding:1rem 1.4rem;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.check-banner>div:nth-child(2){flex:1;color:var(--ink)}.check-banner h2{font-size:1.3rem}.check-banner p{margin:.15rem 0 0}.check-cta{display:flex;flex-direction:column;align-items:center;gap:.3rem}.tabs{display:flex;align-items:center;gap:.25rem;border-bottom:1px solid var(--line);margin:1.4rem 0 1.1rem}.tabs [role=tab]{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:.7rem 1rem;color:var(--muted);font-size:1.1rem}.tabs [role=tab].active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.edit-toggle{margin-left:auto}.lecture-body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-items:start}.lecture-body.with-fragment{grid-template-columns:minmax(0,1fr) 380px}.paper{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.7rem;min-height:200px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.notes{list-style:none;padding:0;margin:0}.notes li{padding:.9rem .8rem;border-radius:12px}.notes li.current{background:var(--accent-soft)}.notes li+li{border-top:1px solid transparent}.notes p{color:var(--muted);margin:.3rem 0 0;line-height:1.5}.note-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.note-head h3{font-family:var(--sans);font-weight:600;font-size:1.1rem}.chip{padding:.15rem .6rem;border-radius:8px;border:0;background:var(--accent-active);color:var(--accent-hover);font-variant-numeric:tabular-nums;font-size:.95rem}.chip.static{display:inline-block}.transcript-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}.transcript-list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.8rem;align-items:start}.transcript-list p{margin:0;line-height:1.55}.transcript-list .chip{justify-self:start}.fragment{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.3rem 1.4rem;position:sticky;top:1rem}.fragment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.fragment blockquote{margin:.9rem 0;font-size:1.1rem;line-height:1.55}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f3266;display:grid;place-items:center;padding:1rem;z-index:50}.dialog{background:var(--page);border-radius:18px;padding:1.4rem 1.6rem 1.6rem;width:min(640px,100%);max-height:90vh;overflow-y:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.dialog h3{font-family:var(--sans);margin:1.2rem 0 .4rem}.quiz-question{font-family:var(--serif);font-size:1.35rem;margin:.4rem 0 1rem}.reference{background:var(--accent-soft);border-radius:12px;padding:.9rem 1rem;margin:1rem 0}.repeat-list{padding-left:1.1rem;line-height:1.7}.folder-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.folder-list button{width:100%;justify-content:flex-start;padding:.9rem 1rem}.folder-list .count{margin-left:auto}.profile-screen,.content>div>h1+.card{max-width:640px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.25rem;margin:1.25rem 0}.status{padding:.1rem .5rem;border-radius:10px;font-size:.8rem;background:#e2e8f0}.status-paid{background:var(--ok-soft);color:var(--ok)}.balance{font-size:1.6rem;font-weight:600;margin:.25rem 0}.content>div>h1{padding-top:1.5rem}@media (max-width: 980px){.shell{grid-template-columns:250px minmax(0,1fr)}.folder-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lecture-body.with-fragment{grid-template-columns:minmax(0,1fr)}}@media (max-width: 800px){.shell{grid-template-columns:minmax(0,1fr);padding-bottom:var(--nav-h)}.sidebar{position:static;height:auto;border:0;background:transparent;padding:1rem 1rem 0;gap:0}.sidebar>.nav,.sidebar-foot{display:none}.shell.immersive .sidebar{display:none}.content{padding:0 1rem 6rem}.topbar{flex-direction:column;align-items:stretch;border:0;padding:.4rem 0;margin-bottom:.8rem}.crumbs{display:none}.lecture .crumbs{display:flex;font-size:.85rem}.searchbox{width:100%}h1{font-size:2.1rem}.page-head{flex-direction:column}.page-head .big{position:fixed;left:1rem;right:1rem;bottom:calc(var(--nav-h) + .6rem);z-index:10;width:auto}.folder-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-card{padding:.7rem;gap:.6rem}.folder-card>.icon{display:none}.folder-art{width:40px;height:40px}.folder-art svg{width:22px;height:22px}.folder-card-text strong{font-size:.95rem;overflow-wrap:anywhere}.folder-card-text .hint{font-size:.8rem}.table{border:0;background:transparent}.table-head,.row-folder,.row-duration{display:none}.table-row{grid-template-columns:minmax(0,1fr) auto 36px;min-height:64px;padding:0 .5rem;border-bottom:1px solid var(--line);border-top:0!important}.row-status{font-size:.85rem}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);background:var(--card);border-top:1px solid var(--line);z-index:30}.shell.immersive .bottom-nav{display:none}.shell.immersive{padding-bottom:0}.bottom-nav button{flex:1;flex-direction:column;gap:.15rem;border:0;border-radius:0;background:transparent;font-size:.8rem;color:var(--muted)}.bottom-nav button.active{color:var(--accent-hover)}.lecture-head{flex-direction:column}.head-actions{width:100%}.head-actions .outline{flex:1}.player{position:fixed;left:.6rem;right:.6rem;bottom:.6rem;z-index:25;box-shadow:0 8px 28px #140f322e;gap:.6rem;padding:.5rem .7rem}.player-name{display:none}.play{width:42px;height:42px}.lecture{padding-bottom:5rem}.check-banner{gap:.8rem;padding:.8rem 1rem}.check-banner h2{font-size:1.05rem}.check-banner .icon{width:24px;height:24px}.check-cta .small{display:none}.check-cta .primary{padding:.5rem .8rem}.paper{padding:1rem 1.1rem}.tabs [role=tab]{font-size:1rem}.fragment{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:40;border-radius:18px 18px 0 0;max-height:55vh;overflow-y:auto;box-shadow:0 -10px 30px #140f322e;padding-bottom:5.5rem}.dialog{border-radius:18px}.flow{padding-top:.5rem}.flow h1{font-size:2.1rem}}