:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f3eee8;background:#191512;font-size:16px;color-scheme:dark;--muted:#bcb1a4;--line:#ffffff19;--accent:#efbd76;--panel:#29231f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(100deg,#191512f5,#191512ee),url('/assets/colosseum-amber.webp') center/cover fixed;min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button,.button{border:1px solid #ffffff25;background:#ffffff08;color:inherit;border-radius:9px;padding:10px 15px;cursor:pointer;text-decoration:none;font-size:.875rem;font-weight:550;min-height:42px}button:hover,.button:hover{background:#ffffff14;border-color:#b98b53}button:disabled{opacity:.45;cursor:default}a{color:inherit}button.primary,.primary{background:var(--accent);color:#211a12;border-color:var(--accent)}button.danger{color:#ffaea2}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#1c1815e8;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:.95rem;font-weight:650;margin-bottom:52px}.brand img{width:44px;height:44px;object-fit:contain}.brand small{display:block;font-size:.65rem;letter-spacing:.12em;color:var(--muted);margin-top:7px}.side-label,.eyebrow{font-size:.75rem;letter-spacing:.13em;color:var(--muted);font-weight:650}.side-label{padding:0 12px;margin-bottom:15px}.nav-item{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:13px 12px;border:0;text-decoration:none;background:transparent;font-size:.875rem;border-radius:9px;margin-bottom:6px}.nav-item.active{background:#e8b56f16;color:var(--accent)}.side-bottom{margin-top:auto}.main-shell{min-width:0}.topbar{min-height:84px;padding:20px 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar .site-link,#breadcrumb{font-size:.875rem;color:var(--muted)}main{padding:35px 36px 80px;max-width:1600px;margin:auto}h1{font-size:2rem;letter-spacing:-.035em;margin:0 0 10px;font-weight:650}h2{font-size:1.15rem;margin:0 0 16px}h3{font-size:1rem;margin:0}p{line-height:1.65}.muted{color:var(--muted);font-size:.875rem}.heading,.actions,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.heading{margin-bottom:28px}.heading p{margin:0}.actions{justify-content:flex-start}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat{background:linear-gradient(125deg,#ffffff09,#ffffff03);border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{font-size:1.9rem;display:block;margin-top:8px;font-weight:550}.stat span{font-size:.875rem;color:var(--muted)}.toolbar{margin-bottom:18px;justify-content:flex-start}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto}.panel{border:1px solid var(--line);border-radius:13px;background:#29231ff0;padding:22px;margin-bottom:18px}.course-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.course-row:last-child{border:0}.course-icon{width:44px;height:48px;border:1px solid #efbd7630;background:#efbd760a;border-radius:10px;display:grid;place-items:center;color:var(--accent);font-size:1.4rem}.course-row h3{margin-bottom:7px;overflow-wrap:anywhere}.course-row p{margin:0;color:var(--muted);font-size:.875rem}.badge{display:inline-block;font-size:.75rem;padding:5px 9px;border-radius:6px;background:#ffffff0b;color:#c9bdaf;margin-right:10px}.badge.published{background:#8abca414;color:#b0d7bb}label{display:block;font-size:.875rem;color:#d2c7bb;margin-bottom:18px}input,textarea,select{display:block;width:100%;border:1px solid #ffffff26;border-radius:8px;background:#1c1916;color:#f6eee5;padding:12px;margin-top:8px;min-width:0;font-size:1rem}textarea{resize:vertical;line-height:1.6}.toolbar input,.toolbar select{margin:0}.editor-grid{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.4fr);gap:20px;align-items:start}.section{border:1px solid var(--line);border-radius:10px;margin-top:16px;overflow:hidden;background:#211c18}.section-head{padding:12px;background:#ffffff04}.section-head input{margin:0 0 8px;background:transparent;padding:8px}.mini-actions{display:flex;flex-wrap:wrap;gap:5px}.mini-actions button{font-size:.75rem;padding:6px 9px;min-height:34px}.lesson-row{display:flex;gap:5px;align-items:center;border-top:1px solid var(--line);padding:9px}.lesson-row>button:first-child{flex:1;min-width:0;text-align:left;background:transparent;border:0;overflow-wrap:anywhere}.lesson-row.selected{background:#efbd7614;border-left:3px solid var(--accent)}.lesson-row small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.lesson-row .move{padding:6px;min-width:32px}.section.drop{outline:2px solid var(--accent)}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.empty h2{color:#eee2d4}.question{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.option{display:flex;gap:10px;align-items:center}.option input[type=radio]{width:20px;flex:none}.option input[type=text]{margin:0 0 8px}.save-label{font-size:.875rem;color:var(--muted)}#notice{position:fixed;bottom:20px;left:calc(50% + 120px);transform:translateX(-50%);z-index:100;max-width:min(650px,90vw);background:#f1d4aa;color:#251d14;border-radius:10px;padding:14px 20px;box-shadow:0 6px 30px #0008;display:none}#notice.show{display:block}dialog{border:1px solid #ffffff30;border-radius:16px;background:#29231f;color:inherit;width:min(500px,92vw);padding:28px}dialog::backdrop{background:#0009}dialog h2{font-size:1.4rem}.reading{white-space:pre-wrap;line-height:1.85;overflow-wrap:anywhere}.player-video{width:100%;max-height:65vh;background:#000;border-radius:10px}.learner .admin-only{display:none}.learner .eyebrow{font-size:0}.learner .eyebrow:after{content:'LEARNING SPACE';font-size:.75rem}.quiz-result{padding:12px;border-left:3px solid var(--accent);margin-top:12px}.content-header{margin-bottom:25px}.editor-top{position:sticky;top:0;z-index:5;background:#191512ee;backdrop-filter:blur(16px);padding:12px 0;margin-top:-12px}.field-help{font-size:.8rem;color:var(--muted);margin-top:-8px;margin-bottom:15px}.preview-note{border:1px solid #efbd7655;padding:12px;border-radius:8px;margin-bottom:20px;color:var(--accent)}
@media(min-width:1450px){main{padding:40px 55px}.topbar{padding-inline:55px}}@media(max-width:1050px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:24px 12px}.brand{font-size:.8rem}.brand img{width:34px}.editor-grid{grid-template-columns:1fr}.topbar,main{padding-left:24px;padding-right:24px}.editor-top{position:static}#notice{left:50%}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:16px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;border-right:0;border-bottom:1px solid var(--line)}.brand{width:100%;margin:0 0 12px;font-size:1rem}.brand small{font-size:.65rem}.side-label,.side-bottom{display:none}.nav-item{width:auto;margin:0;padding:9px;font-size:.8rem}.topbar{min-height:60px;padding:14px 18px}.topbar .eyebrow{font-size:.65rem}.site-link{display:none}main{padding:24px 16px 90px}h1{font-size:1.75rem}.stats{gap:8px}.stat{padding:14px 10px}.stat span{font-size:.75rem}.stat strong{font-size:1.5rem}.panel{padding:16px}.course-row{grid-template-columns:36px minmax(0,1fr);gap:12px}.course-icon{width:36px;height:42px}.course-row>.actions{grid-column:2}.toolbar select{flex:1}.heading>.actions{width:100%}.heading>.actions button{flex:1}.editor-grid{display:block}.section-head .mini-actions button,.move{min-height:40px}.topbar #breadcrumb{font-size:.75rem}}