:root{--bg: #0d1330;--surface: #161e47;--surface-2: #1f2a5e;--border: #2d3a7a;--text: #eef1ff;--muted: #9aa5d6;--accent: #ffc83d;--accent-text: #1a1300;--board: #1b2fa8;--board-hover: #2a40c9;--danger: #ff6b6b;--warn: #ffb347;--ok: #5ee08f;--radius: 10px;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}button,.button,select,input,textarea{font:inherit;color:inherit;border-radius:var(--radius)}button,.button{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 14px;border:1px solid var(--border);background:var(--surface-2)}button:hover:not(:disabled),.button:hover{border-color:var(--accent);text-decoration:none}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.ghost{background:transparent}button.danger{color:var(--danger)}button.icon{padding:2px 8px;background:transparent;border-color:transparent}.button.big{padding:12px 22px;font-size:1.1rem}input,select,textarea{width:100%;padding:8px 10px;background:var(--bg);border:1px solid var(--border)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}label>input,label>select,label>textarea{color:var(--text)}label.check{flex-direction:row;align-items:center}label.check input{width:auto}fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:800;font-size:1.2rem;color:var(--accent)}.topnav{display:flex;gap:16px}.topnav a{color:var(--muted)}.topnav a.active{color:var(--text)}.topbar-right{margin-left:auto;display:flex;gap:12px;align-items:center}.topbar-right select{width:auto;padding:4px 6px}.page{flex:1;padding:24px 20px;width:100%;max-width:1600px;margin:0 auto}.hero{text-align:center;padding:10vh 0;display:flex;flex-direction:column;align-items:center;gap:16px}.hero h1{font-size:clamp(2rem,6vw,3.5rem)}.lead{font-size:1.2rem;color:var(--muted);max-width:640px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.auth-card{max-width:400px;margin:6vh auto;display:flex;flex-direction:column;gap:14px}@media(max-width:640px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 16px}.page{padding:16px}}.packs-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.packs-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 20px}.packs-toolbar>input{max-width:280px}.new-pack{flex:1;min-width:280px;flex-wrap:nowrap}.pack-grid{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.pack-card{display:flex;flex-direction:column;gap:8px}.pack-title{font-size:1.1rem;font-weight:600;color:var(--text)}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.small{font-size:.85rem}.tag{font-size:.75rem;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}.ok{color:var(--ok);margin:0}button.link{background:none;border:0;padding:0;color:var(--muted);text-align:left}button.link:hover{color:var(--text)}.editor{display:flex;flex-direction:column;gap:16px}.pack-settings{display:flex;gap:16px;align-items:flex-start}.pack-settings-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;flex:1}.save-status{white-space:nowrap;font-size:.85rem;padding-top:28px}.save-status.saved{color:var(--ok)}.save-status.pending{color:var(--muted)}.save-status.error{color:var(--danger)}.editor-body{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}.editor-body.with-panel{grid-template-columns:260px 1fr 420px}.editor-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.editor-hint{align-self:center}.tree{display:flex;flex-direction:column;gap:6px}.tree-item{display:flex;align-items:center;gap:4px;padding:4px;border-radius:8px}.tree-item.active{background:var(--surface-2)}.tree-item.small{font-size:.9rem}.tree-label{flex:1;text-align:left;background:none;border:0;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-actions button{flex:1;justify-content:center;font-size:.85rem}.drag-handle{cursor:grab;padding:2px 4px;background:none;border:0;color:var(--muted);letter-spacing:-2px;touch-action:none}.warnings ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:.85rem;max-height:240px;overflow:auto}.board-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.round-name{font-size:1.3rem;font-weight:700;background:transparent;border-color:transparent}.round-name:hover{border-color:var(--border)}.board-rows{display:flex;flex-direction:column;gap:8px;overflow-x:auto}.board-row{display:flex;gap:8px;align-items:stretch}.board-theme{width:200px;flex-shrink:0;display:flex;align-items:center;background:var(--board);border-radius:var(--radius);padding:4px}.board-theme input{background:transparent;border:0;font-weight:600;text-transform:uppercase;font-size:.85rem}.board-cells{display:flex;gap:8px}.board-cell{width:96px;height:64px;display:flex;align-items:center;background:var(--board);border-radius:var(--radius);border:2px solid transparent}.board-cell.active{border-color:var(--accent)}.board-cell.warn .cell-price{color:var(--warn)}.cell-price{flex:1;height:100%;justify-content:center;background:none;border:0;font-size:1.3rem;font-weight:800;color:var(--accent);position:relative}.cell-type{position:absolute;top:2px;right:4px;font-size:.75rem}.board-add{width:48px;justify-content:center;font-size:1.4rem;background:transparent;border-style:dashed}.question-editor{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.question-editor h3{margin:0}.question-editor h4{margin:8px 0 0;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.content-items{display:flex;flex-direction:column;gap:8px}.content-item{display:flex;gap:6px;align-items:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:6px}.content-body{flex:1;min-width:0}.content-body textarea{border:0;background:transparent;resize:vertical}.content-thumb{max-width:100%;max-height:160px;border-radius:6px;display:block}.content-tools{display:flex;flex-direction:column}.preview{display:flex;flex-direction:column;gap:12px}.screen{background:var(--board);border-radius:var(--radius);min-height:220px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.screen-text{font-size:1.4rem;margin:0;white-space:pre-wrap}.screen-image{max-width:100%;max-height:50vh;border-radius:6px}.preview-answer{display:flex;flex-direction:column;gap:8px}@media(max-width:1100px){.editor-body,.editor-body.with-panel{grid-template-columns:1fr}.editor-side,.question-editor{position:static;max-height:none}.pack-settings{flex-direction:column}.pack-settings-grid{grid-template-columns:1fr 1fr}.save-status{padding-top:0}}.join-code{margin-top:12px;flex-wrap:nowrap}.join-code input{width:160px;text-transform:uppercase;letter-spacing:.15em;text-align:center}.play-button{margin-left:auto;padding:4px 12px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.trim-dialog{width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:12px}.trim-wave{background:var(--bg);border-radius:var(--radius);min-height:96px}.trim-video{width:100%;max-height:50vh;background:#000;border-radius:var(--radius)}.trim-ranges{display:flex;flex-direction:column;gap:4px}.trim-ranges input{padding:0}.trim-fields{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.trim-fields label{width:140px}.trim-progress{display:flex;gap:8px;align-items:center}.trim-progress progress{flex:1}.trim-actions{justify-content:flex-end}.content-audio,.screen-audio{width:100%}.screen-video{max-width:100%;max-height:50vh;border-radius:6px;background:#000}.clip-status{display:flex;gap:8px;align-items:center;margin:4px 0}.link-form{align-items:flex-end}.link-form label{flex:1;min-width:240px}.trim-embed{width:100%;aspect-ratio:16 / 9;max-height:50vh;background:#000;border:0;border-radius:var(--radius);overflow:hidden}.trim-embed iframe{width:100%;height:100%;border:0}.trim-embed-sc{aspect-ratio:auto;height:166px}.add-clip{position:relative}.add-clip-menu{position:absolute;z-index:5;top:calc(100% + 4px);left:0;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:160px}.add-clip-menu button{text-align:left}.import-dialog{width:min(640px,100%)}.import-report p{margin:0 0 6px}.import-notes summary{cursor:pointer;margin:6px 0}.import-notes ul{margin:0;padding-left:20px;max-height:240px;overflow:auto}.file-button{align-self:flex-start}
