:root{font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202124;background:#f5f5f7}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:36px 24px 60px}header{margin:8px 0 28px}h1{font-size:clamp(30px,5vw,46px);letter-spacing:-1.5px;margin:10px 0}h2{font-size:24px;letter-spacing:-.5px}h3{margin-top:26px}p{line-height:1.6}section,details.module{background:white;padding:24px;border-radius:20px;margin:16px 0;border:1px solid #e9e9ee}summary{font-size:22px;font-weight:650;cursor:pointer}button,input,textarea{font:inherit}button{padding:12px 18px;border:0;border-radius:10px;background:#253dcc;color:white;margin:6px 6px 6px 0;cursor:pointer;min-height:44px}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#edf0fb;color:#253dcc}.danger{background:#fff0ed;color:#a13921}a{color:#253dcc;overflow-wrap:anywhere}video{width:100%;max-height:480px;background:#111;border-radius:12px}.player{position:relative}#watermark{position:absolute;top:16px;left:16px;color:white;text-shadow:0 1px 4px black;pointer-events:none}.notice{background:#eaf0ff;padding:16px;border-radius:12px;white-space:pre-wrap}.muted,footer{color:#687080}.eyebrow{font-size:12px;letter-spacing:2px;color:#253dcc;font-weight:700}input:not([type=checkbox]),textarea{display:block;width:100%;padding:12px;border:1px solid #d8dce6;border-radius:10px;margin:8px 0 18px;background:#fff;color:#202124}input[type=file]{overflow:hidden}label{display:block;font-weight:550;margin:16px 0}.check{display:flex;align-items:center;gap:12px;font-weight:400}.check input{width:20px;height:20px}.row,.section-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.lesson-row{border-top:1px solid #edf0f5;padding:12px 0;flex-wrap:wrap}.lesson-row .lesson-name{flex:1;min-width:160px}.lesson-name small{display:block;margin-top:6px;color:#687080}.compact{padding:8px 12px;margin:4px 2px;font-size:14px}.archive{opacity:.75}.multiline{white-space:pre-wrap;overflow-wrap:anywhere}.material{padding:12px 0;border-bottom:1px solid #edf0f5;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #edf0f5;margin:28px 0}footer{font-size:13px;line-height:1.7;margin-top:28px}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 14px 40px}section,details.module{padding:18px}summary{font-size:20px}.section-heading{align-items:flex-start}.row{gap:6px}.lesson-row .lesson-name{width:100%}}
main{padding-bottom:130px}#app-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e0e3ec}#app-nav button{background:transparent;color:#647087;margin:0;flex:1;max-width:190px;padding:12px 6px;font-size:14px}#app-nav button[aria-current=page]{background:#eaf0ff;color:#253dcc;font-weight:650}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{background:#fff;border:1px solid #e9e9ee;border-radius:16px;padding:20px 16px}.stat strong{display:block;font-size:32px;letter-spacing:-1px;color:#253dcc}.stat span{display:block;font-size:13px;line-height:1.5;color:#687080;margin-top:6px}#home h3{margin-top:0}#message:empty{display:none}@media(max-width:600px){.stats{gap:8px}.stat{padding:14px 10px}.stat strong{font-size:27px}.stat span{font-size:12px}#app-nav{gap:2px;padding-left:6px;padding-right:6px}#app-nav button{font-size:12px}}
.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:0;background:#fff;z-index:5;padding:6px 0;border-bottom:1px solid #edf0f5}.editor-toolbar button{font-size:14px;padding:10px 12px}#global-upload{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:1000px;margin:auto;z-index:20;padding:14px 18px;border-radius:12px;background:#202e63;color:white;font-size:13px;box-shadow:0 4px 20px #0002}#editor-materials{margin-top:16px}
