:root{--ink:#1c1c1e;--muted:#6b6b70;--line:#dcdce0;--bg:#f6f6f8;--card:#fff;--accent:#006ac5;--accent-soft:#cfebff;--ok:#2f8f4e;--warn:#b35c00;--bad:#b3261e;--radius:10px;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1{margin:8px 0;font-size:24px}h2{margin:16px 0 8px;font-size:18px}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:6px 8px}input[type=checkbox],input[type=radio],input[type=range]{width:auto}a{color:var(--accent)}.layout{grid-template-columns:200px 1fr;min-height:100vh;display:grid}.nav{background:var(--card);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 8px;display:flex}.brand{padding:0 8px 12px;font-weight:700}.nav-link{color:var(--ink);border-radius:8px;padding:8px;text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.soon{color:var(--muted);margin-left:6px;font-size:11px}.nav-user{flex-direction:column;gap:6px;margin-top:auto;padding:8px;font-size:14px;display:flex}.main{min-width:0;padding:24px}.page{max-width:960px}.page-head{align-items:center;gap:12px;display:flex}.crumbs{flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.crumbs a+a:before{content:"›";color:var(--muted);margin-right:8px}.muted{color:var(--muted)}.problem{color:var(--bad);align-items:center;gap:8px;margin:8px 0;display:flex}.warn{color:var(--warn);margin:4px 0}.ok{color:var(--ok)}.chip{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.chip-draft{background:#eaf1ff;border-color:#c8d8f8}.chip-live{background:#e5f6ea;border-color:#bfe5c9}.chip-changed{background:#fff3e0;border-color:#ffd8a8}.chip-down{color:var(--muted);background:#f0f0f2;border-color:#d6d6db}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.card-emoji{font-size:28px}.rows{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.rows li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px;display:flex}.form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;margin:16px 0;padding:16px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{font-size:14px;font-weight:600}.field-hint{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.count.over{color:var(--warn);font-weight:600}fieldset{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;margin:0;padding:12px;display:flex}legend{padding:0 4px;font-weight:600}.list-row,.answer-row{align-items:flex-end;gap:8px;display:flex}.list-row>.field,.answer-row>.field{flex:1}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:1}.row-buttons{gap:4px;display:flex}.row-buttons button{padding:4px 8px}.check,.radio{align-items:center;gap:8px;display:flex}.inline-form{align-items:flex-end;gap:8px;margin:16px 0;display:flex}.save-row{align-items:center;gap:12px;display:flex}.sortable{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sortable>li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;padding:8px;display:flex}.sortable>li.dragging{opacity:.4}.drag-handle{cursor:grab;color:var(--muted)}.sortable-body{flex:1;min-width:0}.lesson-row{align-items:center;gap:12px;display:flex}.order{color:var(--muted);width:24px;font-weight:700}.editor{flex-direction:column;height:calc(100vh - 48px);display:flex}.editor-head{flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.editor-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editor-title h1{margin:0;font-size:22px}.save-state{color:var(--muted);font-size:13px}.save-retrying,.save-failed,.save-conflict,.save-signed-out{color:var(--warn)}.banner{border-radius:var(--radius);background:#fff3e0;border:1px solid #ffd8a8;padding:8px 12px}.editor-panes{flex:1;grid-template-columns:240px minmax(360px,1fr) minmax(380px,auto);gap:16px;min-height:0;display:grid}.pane{min-height:0;overflow:auto}.steps{flex-direction:column;gap:6px;display:flex}.step-row{align-items:center;gap:4px;display:flex}.step-card{text-align:left;flex-direction:column;flex:1;gap:2px;width:100%;display:flex}.step-card.selected{border-color:var(--accent);background:var(--accent-soft)}.step-summary{color:var(--muted);font-size:12px}.add-menu{flex-direction:column;gap:4px;display:flex}.card-block{background:var(--bg)}.subform{flex-direction:column;gap:10px;display:flex}.add-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.scene-board{aspect-ratio:100/62;border-radius:var(--radius);border:1px solid var(--line);touch-action:none;background:#cfe8cf;width:100%;position:relative}.surface-ice,.surface-net{background:#e6f2fb}.surface-court,.surface-mat,.surface-track{background:#f3e2cc}.surface-pool{background:#cde8f6}.surface-tennis{background:#cfe0f3}.surface-diamond{background:#d9e8c6}.marker{border:2px solid var(--accent);cursor:grab;background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.marker.puck{border-color:var(--ink)}.marker.extra{border-style:dashed}.timing-bar{background:var(--bg);border:1px solid var(--line);border-radius:6px;height:12px;position:relative}.timing-window{background:#bfe5c9;position:absolute;top:0;bottom:0}.timing-spot{background:var(--ok);width:2px;height:16px;position:absolute;top:-3px}.preview{flex-direction:column;gap:8px;display:flex}.preview-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.preview-note{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;font-size:14px}.phone{box-sizing:content-box;border:8px solid var(--ink);background:#fff;border-radius:24px;overflow:hidden}.phone iframe{border:0;display:block}.dialog{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:min(480px,90vw);height:fit-content;margin:auto;padding:20px;position:fixed;inset:0;box-shadow:0 12px 40px #0003}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.activity{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.activity li{align-items:baseline;gap:12px;display:flex}.activity time{color:var(--muted);min-width:170px;font-size:13px}dl.facts{grid-template-columns:max-content 1fr;gap:6px 16px;display:grid}dl.facts dt{font-weight:600}dl.facts dd{margin:0}.boot-error{color:var(--bad);padding:24px}