:root{--brand:#35f777;--brand-ink:#0b3d1f;--side:#16241f;--side-hover:#1f342c;--bg:#f1f3f2;--card:#fff;--line:#dfe4e2;--text:#16241f;--muted:#62716b;--danger:#b91c1c}@media (prefers-color-scheme:dark){:root{--bg:#0f1714;--card:#16211d;--line:#273630;--text:#e8f0ec;--muted:#93a39b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shell{min-height:100vh;display:flex}.side{background:var(--side);color:#cfe0d8;flex-shrink:0;width:220px;padding:12px 0}.side .logo{color:var(--brand);padding:6px 18px 16px;font-size:16px;font-weight:700}.side a{color:inherit;padding:9px 18px;text-decoration:none;display:block}.side a:hover{background:var(--side-hover)}.side a.active{background:var(--side-hover);box-shadow:inset 3px 0 var(--brand);color:#fff}.side .sub{text-transform:uppercase;letter-spacing:.06em;color:#7d948a;padding:14px 18px 4px;font-size:11px}.main{flex:1;min-width:0;padding:24px 28px}h1{align-items:center;gap:12px;margin:0 0 16px;font-size:22px;font-weight:500;display:flex}.btn{background:var(--brand);color:var(--brand-ink);cursor:pointer;border:0;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:600}.btn.sec{border:1px solid var(--line);color:var(--text);background:0 0}.btn.danger{color:var(--danger);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--card);border:1px solid var(--line);border-radius:6px;margin-bottom:16px;padding:16px}table.list{border-collapse:collapse;background:var(--card);border:1px solid var(--line);width:100%}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--line);padding:9px 12px}table.list th{font-size:13px;font-weight:600}table.list tr:hover td{background:color-mix(in srgb, var(--brand) 6%, transparent)}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:4px;max-width:100%;padding:6px 8px}label.f{margin:0 0 12px;display:block}label.f span{margin-bottom:3px;font-size:12px;font-weight:600;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{background:var(--line);border-radius:10px;padding:1px 8px;font-size:11px}.badge.on{background:var(--brand);color:var(--brand-ink)}.muted{color:var(--muted)}.err{color:var(--danger)}.tree{margin:0;padding-left:22px;list-style:none}.tree>li{margin:4px 0}.step{background:var(--card);border:1px solid var(--line);border-radius:4px;align-items:center;gap:6px;padding:5px 8px;display:flex}.step .k{text-transform:uppercase;color:var(--muted);width:52px;font-size:11px}.step input{flex:1;min-width:120px}.login{max-width:340px;margin:12vh auto}@media (width<=760px){.shell{flex-direction:column}.side{width:auto}.main{padding:16px}}.prose{max-width:760px;line-height:1.65}.prose h2{margin:1.2em 0 .4em}.prose a{color:inherit;text-decoration:underline}.editor{border:1px solid var(--line);background:var(--card);border-radius:4px}.editor .toolbar{border-bottom:1px solid var(--line);padding:6px}.editor .ProseMirror{outline:none;min-height:180px;padding:10px 12px}.btn.sec.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.player{align-items:flex-start;gap:20px;display:flex}.player .toc{flex-shrink:0;width:280px}.player .content{flex:1;min-width:0}.toc ul{margin:0;padding-left:14px;list-style:none}.toc>ul{padding-left:0}.toc a{color:inherit;border-radius:4px;padding:5px 8px;text-decoration:none;display:block}.toc a.cur{background:color-mix(in srgb, var(--brand) 25%, transparent)}.toc .lock{opacity:.45}.tick{color:#16a34a;font-weight:700}.bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.bar>i{background:var(--brand);height:100%;display:block}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.q{margin:0 0 18px}.q .opt{margin:4px 0;display:block}@media (width<=760px){.player{flex-direction:column}.player .toc{width:100%}}