:root {
  --ink: #24302f;
  --muted: #79817f;
  --cream: #f5f1e8;
  --panel: #fffdfa;
  --line: #dedbd2;
  --green: #16775c;
  --gap: #df665c;
  --gap-soft: #fbe6e2;
  --choice: #4e75c8;
  --choice-soft: #e8eefb;
  --match: #b48322;
  --match-soft: #fbf0d8;
}

* { box-sizing: border-box; }
html:has(body.public-mode) { scrollbar-gutter: stable; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--cream); font-family: "DM Sans", sans-serif; }
body.auth-pending > .topbar, body.auth-pending > main, body.workspace-restoring > .topbar, body.workspace-restoring > main, body:not(.authenticated):not(.legal-page) > .topbar, body:not(.authenticated):not(.legal-page) > main { display: none; }
body.auth-pending>.auth-view,body.workspace-restoring>.auth-view{display:none}.auth-loading{display:none}body.auth-pending>.auth-loading,body.workspace-restoring>.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:linear-gradient(145deg,#f6f2e8,#e8f0e9)}.loading-bar{width:90px;height:3px;overflow:hidden;background:#dce2dc;border-radius:4px}.loading-bar i{width:45%;height:100%;display:block;background:var(--green);border-radius:4px;animation:auth-loading 1s ease-in-out infinite}@keyframes auth-loading{0%{transform:translateX(-110%)}100%{transform:translateX(230%)}}body.public-mode>.auth-loading{display:none!important}
body.authenticated .auth-view { display: none; }
body.view-dashboard #editorView, body.view-dashboard .editor-action { display: none; }
body.view-editor #dashboardView { display: none; }
body.view-editor{height:100vh;overflow:hidden}body.view-editor #editorView{height:calc(100vh - 72px);padding:14px clamp(22px,4vw,65px) 18px;display:flex;flex-direction:column;overflow:hidden}body.view-editor .worksheet-path{flex:0 0 auto}body.view-editor .workspace{flex:1;min-height:0}body.view-editor .panel{height:100%;display:flex;flex-direction:column}body.view-editor .editor{flex:1;min-height:0;overflow:auto}body.view-editor .preview-panel .paper{flex:1;min-height:0;overflow:auto}body.view-editor .toolbar,body.view-editor .panel-head,body.view-editor .editor-foot{flex:0 0 auto}
.workspace-footer{display:none}body:not(.authenticated) .workspace-footer,body.auth-pending .workspace-footer,body.workspace-restoring .workspace-footer,body.view-editor .workspace-footer{display:none!important}.authenticated:not(.view-editor) .workspace-footer{display:flex}.public-mode .workspace-footer,.admin-mode .workspace-footer{display:none!important}body.authenticated.view-dashboard,body.authenticated.view-tracking{min-height:100vh;display:flex;flex-direction:column}body.authenticated.view-dashboard #dashboardView,body.authenticated.view-tracking #trackingView{width:100%;flex:1 0 auto}.authenticated:not(.view-editor) .workspace-footer{margin-top:auto;flex:0 0 auto}
body:not(.view-tracking) #trackingView{display:none}body.view-tracking #dashboardView,body.view-tracking #editorView{display:none}.tracking-button span{color:#2baa7d}.tracking-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.tracking-head h1{margin:7px 0 4px;font-size:34px}.tracking-head p{margin:0;color:var(--muted);font-size:12px}.tracking-live{display:flex;align-items:center;gap:7px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.12em}.tracking-live i{width:8px;height:8px;background:#2fab7e;border-radius:50%;box-shadow:0 0 0 5px #e2f3ec;animation:tracking-pulse 1.7s infinite}@keyframes tracking-pulse{50%{box-shadow:0 0 0 9px rgba(47,171,126,0)}}.tracking-panel{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px rgba(49,57,54,.05)}.tracking-columns,.tracking-row{display:grid;grid-template-columns:1fr 1.2fr 1.4fr .8fr 110px;align-items:center;gap:15px}.tracking-columns{padding:12px 20px;color:#999f9d;background:#faf9f5;border-bottom:1px solid var(--line);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tracking-row{min-height:72px;padding:12px 20px;border-bottom:1px solid #eceae4;font-size:10px}.tracking-person{display:grid}.tracking-person b{font-size:11px}.tracking-person small,.tracking-time{color:var(--muted);font-size:9px}.progress-wrap{display:grid;grid-template-columns:1fr 38px;align-items:center;gap:9px}.progress-bar{height:7px;overflow:hidden;background:#e7e8e3;border-radius:5px}.progress-bar i{height:100%;display:block;background:var(--green);border-radius:5px}.tracking-result{font-weight:800}.tracking-result.done{color:var(--green)}.tracking-empty{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:11px}
button, input, select { font: inherit; }
button { color: inherit; }
.topbar { height: 72px; padding: 0 clamp(24px, 5vw, 80px); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 80; background: rgba(255,253,250,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; color: var(--ink); font-size: 18px; font-weight: 500; }
.brand b { color: var(--green); }
.brand-copy{width:52px;padding-bottom:10px;display:inline-grid;position:relative;line-height:1}.brand-copy b{width:100%;display:flex;align-items:center;justify-content:space-between;font:800 15px/1 Manrope}.brand-copy small{width:100%;display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;bottom:0;color:#8c9391;font:700 6px/1 'DM Sans';text-transform:uppercase}
.brand-mark { width: 34px; height: 34px; display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; color: transparent; background: url('/assets/favicon.svg?v=2') center/cover no-repeat; border-radius: 9px; font-size: 0; }
.top-actions { display: flex; gap: 10px; }
.user-menu{position:relative}.user-avatar{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;color:white;background:var(--green);font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(22,119,92,.2)}.user-avatar:hover{background:#105f49}.user-dropdown{width:245px;padding:15px;position:absolute;top:48px;right:0;z-index:100;color:var(--ink);background:#fffefa;border:1px solid var(--line);border-radius:11px;box-shadow:0 16px 45px rgba(28,36,33,.18)}.user-dropdown-label{display:block;margin-bottom:5px;color:#9ba09f;font-size:8px;font-weight:800;letter-spacing:.12em}.user-email{display:block;overflow:hidden;padding-bottom:13px;border-bottom:1px solid #ebe8e1;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-dropdown button{width:100%;margin-top:8px;padding:9px;display:flex;align-items:center;gap:8px;border:0;border-radius:6px;color:var(--ink);background:transparent;font-size:10px;font-weight:800;cursor:pointer}.user-dropdown button:hover{color:var(--green);background:var(--green-soft)}.user-dropdown #logoutButton{color:#a44741}.user-dropdown #logoutButton:hover{background:var(--gap-soft)}
.button { border: 0; border-radius: 9px; padding: 10px 18px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.button:hover { transform: translateY(-1px); }
.button-ghost { background: transparent; color: #626b69; }
.button-primary { background: var(--green); color: white; box-shadow: 0 5px 14px rgba(22,119,92,.18); }
main { max-width: 1450px; margin: 0 auto; padding: 56px clamp(22px, 4vw, 65px) 70px; }
.dashboard-hero { min-height: 190px; padding: 38px 45px; display: flex; align-items: center; justify-content: space-between; gap: 25px; position: relative; overflow: hidden; color: white; background: linear-gradient(125deg, #155f4b, #20866a); border-radius: 18px; box-shadow: 0 15px 35px rgba(22,119,92,.16); }
.dashboard-hero::after { content: ""; width: 290px; height: 290px; position: absolute; right: -80px; top: -145px; border: 45px solid rgba(255,255,255,.06); border-radius: 50%; }
.dashboard-hero .eyebrow { color: #a9dac9; }.dashboard-hero h1 { margin: 9px 0 5px; font-size: 38px; }.dashboard-hero h1 em { color: #fff; }.dashboard-hero p { margin: 0; color: #c6e2d8; font-size: 14px; }
.dashboard-primary { padding: 13px 20px; position: relative; z-index: 1; color: var(--green); background: white; box-shadow: 0 8px 24px rgba(5,56,42,.18); }.dashboard-primary span { margin-right: 6px; font-size: 18px; }
.stats-grid { margin: 22px 0 38px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.stat-card { padding: 21px 23px; display: flex; align-items: center; gap: 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 8px 25px rgba(49,57,54,.04); }.stat-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 10px; font-size: 18px; }.green-stat { color: var(--green); background: #e3f0eb; }.blue-stat { color: var(--choice); background: var(--choice-soft); }.gold-stat { color: var(--match); background: var(--match-soft); }.stat-card div { display: grid; }.stat-card strong { font: 800 23px Manrope; }.stat-card small { color: var(--muted); font-size: 10px; }
.dashboard-content { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(270px, .7fr); gap: 22px; }.section-title h2, .tips-card h2 { margin: 6px 0 17px; font: 800 21px Manrope; }.worksheet-card { min-height: 230px; padding: 22px; display: grid; grid-template-columns: 230px 1fr; gap: 26px; background: var(--panel); border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 10px 30px rgba(49,57,54,.05); }.worksheet-preview { padding: 28px 25px; display: flex; flex-direction: column; background: #ece9df; border-radius: 9px; }.worksheet-preview span { color: var(--green); font-size: 7px; font-weight: 800; letter-spacing: .14em; }.worksheet-preview b { margin: 13px 0 18px; font: 800 14px Manrope; }.worksheet-preview i { width: 100%; height: 5px; margin-bottom: 9px; background: #d6d3ca; border-radius: 5px; }.worksheet-preview i:last-child { width: 65%; }.worksheet-info { align-self: center; }.draft-badge { padding: 5px 8px; color: #8a681d; background: var(--match-soft); border-radius: 5px; font-size: 8px; font-weight: 800; letter-spacing: .08em; }.worksheet-info h3 { margin: 14px 0 5px; font: 800 20px Manrope; }.worksheet-info p { margin: 0 0 22px; color: var(--muted); font-size: 11px; }.worksheet-info button { padding: 0; border: 0; color: var(--green); background: transparent; font-size: 11px; font-weight: 800; cursor: pointer; }.worksheet-info button span { margin-left: 5px; }
.tips-card { padding: 28px; position: relative; overflow: hidden; background: #fffaf0; border: 1px solid #e5dbc5; border-radius: 15px; }.tips-symbol { width: 38px; height: 38px; margin-bottom: 22px; display: grid; place-items: center; color: var(--match); background: var(--match-soft); border-radius: 10px; }.tips-card ol { margin: 0; padding: 0; display: grid; gap: 17px; list-style: none; counter-reset: tips; }.tips-card li { padding-left: 36px; display: grid; position: relative; counter-increment: tips; }.tips-card li::before { content: counter(tips); width: 23px; height: 23px; display: grid; place-items: center; position: absolute; left: 0; color: var(--green); background: #e4f0eb; border-radius: 50%; font-size: 9px; font-weight: 800; }.tips-card li b { font-size: 11px; }.tips-card li small { margin-top: 2px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 35px; margin-bottom: 36px; }
.eyebrow { color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .18em; }
h1 { margin: 10px 0 8px; font: 800 clamp(32px, 4vw, 51px)/1.08 Manrope; letter-spacing: -.045em; }
h1 em { color: var(--green); font-style: normal; }
.intro p { margin: 0; color: var(--muted); font-size: 15px; }
.legend { display: flex; gap: 20px; padding-bottom: 7px; white-space: nowrap; color: #69716f; font-size: 12px; font-weight: 600; }
.legend span { display: flex; align-items: center; gap: 7px; }
.dot { width: 9px; height: 9px; border-radius: 50%; }
.gap-dot { background: var(--gap); } .choice-dot { background: var(--choice); } .match-dot { background: var(--match); }
.workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.worksheet-path{min-height:34px;margin-bottom:14px;display:flex;align-items:center;gap:7px;color:#9a9f9d;font-size:10px}.worksheet-path button{padding:3px;border:0;color:var(--green);background:transparent;font-weight:700;cursor:pointer}.worksheet-path b{color:var(--ink);font-weight:800}.worksheet-path span{color:#b3b6b5}
.panel { min-width: 0; overflow: hidden; background: var(--panel); border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 13px 35px rgba(49,57,54,.06); }
.panel-head { min-height: 74px; padding: 17px 21px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.panel-head > div { display: flex; align-items: center; gap: 12px; }
.panel-head h2 { margin: 0; font: 700 16px Manrope; }
.panel-actions,.preview-head-actions{display:flex;align-items:center;gap:7px}.panel-button{padding:8px 11px;font-size:9px}.preview-utility-actions{padding:12px 16px 0;display:flex;justify-content:flex-end}.preview-inline-badge{margin:14px 16px 0;align-self:flex-start}.word-grid-shuffle-button{height:31px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid #a8cbbd;border-radius:7px;color:var(--green);background:#edf6f2;font-size:9px;font-weight:800;cursor:pointer}.word-grid-shuffle-button:first-letter{font-size:15px}.word-grid-shuffle-button:hover{background:#dceee7}.word-grid-shuffle-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.step { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: #e5efe9; color: var(--green); font-size: 10px; font-weight: 800; }
.hint { display: flex; gap: 7px; align-items: center; color: #8a908f; font-size: 11px; }
.mouse-icon { font-size: 16px; color: #596462; }
.live { display: flex; align-items: center; gap: 6px; color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.live i { width: 7px; height: 7px; border-radius: 50%; background: #37a77d; box-shadow: 0 0 0 4px #e5f5ef; }
.toolbar { height: 47px; padding: 7px 18px; display: flex; gap: 4px; align-items: center; background: #faf9f5; border-bottom: 1px solid var(--line); }
.editor-heading-copy{display:grid;gap:3px}.editor-activation-hint{display:block;color:var(--muted);font-size:8px;font-weight:500}
.toolbar button, .color-tool { width: 31px; height: 31px; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; cursor: pointer; position: relative; }
.toolbar button:hover, .color-tool:hover { background: #ebe9e2; }
.separator { height: 20px; width: 1px; margin: 0 6px; background: var(--line); }
.color-tool input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.color-tool i { position: absolute; bottom: 3px; width: 15px; height: 3px; background: var(--ink); }
.editor { min-height: 430px; padding: 28px 32px; outline: none; font: 400 16px/2 "DM Sans"; caret-color: var(--green); }
.editor:focus { box-shadow: inset 0 0 0 2px rgba(22,119,92,.1); }
.editor p { margin: 0 0 20px; }
.task-mark { padding: 2px 3px; position:relative;border-radius:4px;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,top .16s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}.task-mark:hover{top:-1px;box-shadow:0 0 0 3px rgba(36,48,47,.16),0 4px 10px rgba(36,48,47,.13)}.task-gap:hover{background:#f7cdc8}.task-choice:hover{background:#d4dff7}.task-match:hover{background:#f3dfb5}
.task-gap { color: #b63c35; background: var(--gap-soft); border-bottom: 2px solid var(--gap); }
.task-choice { color: #355ba8; background: var(--choice-soft); border-bottom: 2px solid var(--choice); }
.task-match { color: #90630d; background: var(--match-soft); border-bottom: 2px solid var(--match); }
.editor-foot { padding: 11px 20px; display: flex; justify-content: space-between; color: #999e9d; background: #faf9f5; border-top: 1px solid var(--line); font-size: 10px; }
.task-counts{display:flex;align-items:center;gap:14px}.task-counts>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.task-counts i{width:6px;height:6px;border-radius:50%}.task-counts b{color:var(--ink);font-size:10px}.gap-count i{background:var(--gap)}.choice-count i{background:var(--choice)}.match-count i{background:var(--match)}
.preview-panel { background: #ece9df; }
.preview-panel .panel-head { background: var(--panel); }
.paper { margin: 29px; min-height: 470px; padding: 39px 44px 35px; position: relative; background: #fffefa; border-radius: 3px; box-shadow: 0 4px 17px rgba(41,47,44,.08); }
.paper::after { content: ""; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 27px 27px 0; border-color: transparent #dad7ce transparent transparent; }
.preview-panel>.paper,.preview-panel>.word-search-paper,.preview-panel>.table-task-paper,.preview-panel>.multiple-choice-paper{margin:24px;min-height:0;padding:28px 30px;flex:1;overflow:auto;background:#fffefa;border-radius:4px;box-shadow:0 4px 17px rgba(41,47,44,.08)}
.preview-panel>.paper::after{display:none}
.paper-label { margin-bottom: 16px; color: var(--green); font-size: 9px; letter-spacing: .17em; font-weight: 800; }
.paper h3 { margin: 0 0 9px; font: 800 23px Manrope; letter-spacing: -.03em; }
.instruction { margin: 0 0 26px; padding-bottom: 22px; color: #8b9290; font-size: 11px; line-height: 1.6; border-bottom: 1px solid #e6e3dc; }
.preview-text { font-size: 14px; line-height: 2.3; }
.preview-text p { margin: 0 0 17px; }
.answer-gap, .drop-zone { width: 112px; height: 30px; display: inline-flex; vertical-align: middle; margin: 0 4px; border: 0; border-bottom: 2px solid var(--gap); background: var(--gap-soft); color: #943e38; border-radius: 4px 4px 0 0; text-align: center; outline: none; }
.answer-gap:focus { box-shadow: 0 0 0 3px rgba(223,102,92,.14); }
.answer-choice { max-width: 150px; height: 30px; margin: 0 4px; padding: 0 27px 0 10px; border: 1px solid #9db0db; border-radius: 5px; background: var(--choice-soft); color: #36558f; outline: none; }
.drop-zone { align-items: center; justify-content: center; border: 1px dashed #c79941; background: var(--match-soft); color: #93640b; font-size: 10px; }
.drop-zone.drag-over { background: #f4dfb5; transform: scale(1.03); }
.word-bank { margin-top: 28px; padding-top: 18px; border-top: 1px dashed #d8d5cb; }
.word-bank > span { display: block; margin-bottom: 11px; color: #9a8a69; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
#wordBankItems { display: flex; flex-wrap: wrap; gap: 8px; }
.word-chip { padding: 7px 13px; border: 1px solid #dbbc7d; border-radius: 5px; background: var(--match-soft); color: #835b0c; font-size: 11px; font-weight: 700; cursor: grab; }
.word-chip:active { cursor: grabbing; }
.word-chip.used { opacity: .35; pointer-events: none; }
.correct { outline: 2px solid #45a77f !important; outline-offset: 1px; }
.incorrect { outline: 2px solid #db655c !important; outline-offset: 1px; }
.result-message { min-height: 22px; margin-top: 20px; color: var(--green); font-size: 12px; font-weight: 700; }
.context-menu { max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); position: fixed; z-index: 100; width: 310px; padding: 9px; overflow-y: auto; background: #fffefa; border: 1px solid #dcd9d0; border-radius: 13px; box-shadow: 0 20px 55px rgba(28,36,33,.2); }
.menu-head { padding: 9px 10px 10px; color: #8e9693; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.context-menu button { width: 100%; min-height: 67px; margin-bottom: 4px; padding: 8px; display: flex; align-items: center; gap: 12px; position: relative; border: 1px solid transparent; border-radius: 9px; background: transparent; text-align: left; cursor: pointer; }
.context-menu button[hidden] { display: none; }
.context-menu button:hover { background: #f5f3ed; border-color: #e1ded6; }
.context-menu button.active { background: #edf6f2; border-color: #b9d9cd; }
.context-menu button.active::after { content: "✓"; margin-left: auto; padding-right: 4px; color: var(--green); font-size: 12px; font-weight: 800; }
.context-menu button>span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.context-menu button>span>b { font-size: 11px; }
.context-menu button>span>small { color: #929997; font-size: 8px; }
.choice-options-editor{padding:7px 8px 9px;display:grid;gap:11px}.choice-options-editor[hidden]{display:none}.choice-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.choice-editor-head>div{display:grid;gap:3px}.choice-editor-head b{font-size:12px}.choice-editor-head small{color:var(--muted);font-size:8px}.context-menu .choice-editor-head>button{width:28px;height:28px;min-height:0;margin:0;padding:0;display:grid;place-items:center;color:#747c79;background:#efede7;border:0;border-radius:6px;font-size:17px}.choice-options-editor>label{display:grid;gap:6px;color:#626a68;font-size:8px;font-weight:800}.choice-correct-option{min-height:37px;padding:10px 11px;display:block;color:#68706e;background:#e8e8e5;border:1px solid #d4d5d1;border-radius:7px;font-size:10px;font-weight:700}.choice-option-textbox{min-height:122px;padding:7px;display:grid;align-content:start;gap:5px;color:var(--ink);background:#fff;border:1px solid #cfd4d1;border-radius:7px}.choice-text-row{min-height:34px;display:grid;grid-template-columns:22px minmax(0,1fr) 28px;align-items:center;gap:4px;background:#fff;border:1px solid #e4e2dc;border-radius:6px}.choice-text-row.protected{grid-template-columns:22px minmax(0,1fr);color:#626a68;background:#e8e8e5;border-color:#c8cac5}.choice-text-row.dragging{opacity:.45}.choice-drag-handle{display:grid;place-items:center;color:#9ca29f;font-size:11px;font-style:normal;cursor:grab}.choice-drag-handle:active{cursor:grabbing}.choice-option-value{min-width:0;padding:7px 3px;outline:none;font-size:10px;font-weight:500}.choice-option-value[contenteditable="true"]:empty::before{content:attr(data-placeholder);color:#a6aaa8}.choice-option-value[contenteditable="true"]:focus{color:#294f8b}.context-menu .choice-remove-option{width:26px;height:26px;min-height:0;margin:0;padding:0;display:grid;place-items:center;color:#a04b45;background:var(--gap-soft);border:0;border-radius:5px;font-size:14px}.choice-order-hint{margin-top:-6px;color:var(--muted);font-size:7px}.context-menu .choice-add-option,.context-menu .choice-save-options{min-height:36px;margin:0;padding:9px 11px;justify-content:center;border-radius:7px;font-size:9px;font-weight:800}.context-menu .choice-add-option{color:var(--choice);background:var(--choice-soft);border:1px dashed #9fb2dd}.context-menu .choice-save-options{color:#fff;background:var(--choice);border:1px solid var(--choice)}.choice-options-error{min-height:12px;color:var(--gap);font-size:8px}
.task-hint-editor{padding:7px 8px 10px;display:grid;gap:12px}.task-hint-editor[hidden]{display:none}.task-hint-editor label{display:grid;gap:6px;color:#626a68;font-size:8px;font-weight:800}.task-hint-editor textarea{width:100%;min-height:92px;padding:10px;resize:vertical;border:1px solid #cfd4d1;border-radius:7px;outline:none;font:500 10px/1.5 'DM Sans';color:var(--ink);background:#fff}.task-hint-editor textarea:focus{border-color:var(--choice);box-shadow:0 0 0 3px rgba(78,117,200,.1)}.answer-with-hint{width:112px;height:30px;margin:0 4px;display:inline-block;position:relative;vertical-align:middle}.answer-with-hint>.answer-gap,.answer-with-hint>.drop-zone{width:100%;height:100%;margin:0;padding-right:25px}.answer-with-hint>.answer-gap{padding-left:25px}.answer-hint{width:17px;height:17px;padding:0;display:grid;place-items:center;position:absolute;right:5px;top:50%;z-index:2;color:#496781;background:#edf2f5;border:1px solid #aebdc7;border-radius:50%;font:800 9px/1 'DM Sans';cursor:help;transform:translateY(-50%)}.answer-hint-tooltip{width:max-content;max-width:230px;padding:7px 9px;display:none;position:absolute;left:50%;bottom:calc(100% + 7px);z-index:30;color:#fff;background:#293b43;border-radius:6px;box-shadow:0 8px 22px rgba(25,37,42,.22);font:500 9px/1.4 'DM Sans';text-align:left;transform:translateX(-50%)}.answer-hint:hover .answer-hint-tooltip,.answer-hint:focus .answer-hint-tooltip{display:block}
.type-preview { width: 76px; height: 49px; padding: 7px; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; overflow: hidden; border-radius: 7px; font-style: normal; }
.type-preview-gap { align-items: flex-start; flex-direction: column; gap: 5px; color: #9d4d47; background: var(--gap-soft); }
.type-preview-gap span { font-size: 7px; }.type-preview-gap b { width: 43px; height: 8px; display: block; border-bottom: 2px solid var(--gap); background: rgba(255,255,255,.55); border-radius: 3px 3px 0 0; }
.type-preview-choice { gap: 0; color: #355ba8; background: var(--choice-soft); }
.type-preview-choice span { padding: 5px 7px; flex: 1; overflow: hidden; background: rgba(255,255,255,.65); border: 1px solid #b8c7e7; border-right: 0; border-radius: 4px 0 0 4px; font-size: 7px; white-space: nowrap; }.type-preview-choice b { padding: 4px 5px; background: #d7e1f5; border: 1px solid #b8c7e7; border-radius: 0 4px 4px 0; font-size: 8px; }
.type-preview-match { gap: 4px; color: #90630d; background: var(--match-soft); }
.type-preview-match span { padding: 4px 5px; background: #fff8e9; border: 1px solid #d8b770; border-radius: 4px; font-size: 6px; font-weight: 800; }.type-preview-match b { font-size: 8px; }.type-preview-match em { width: 17px; height: 18px; border: 1px dashed #bd8e32; border-radius: 3px; }
.remove-mark { min-height: 42px!important; margin: 7px 0 0!important; border-top: 1px solid #eeeae3!important; border-radius: 0 0 8px 8px!important; color: #9a615d; }
.remove-mark i { width: 28px; text-align: center; font-size: 18px; font-style: normal; }
.choice-option-textbox .choice-text-row:not(.protected){min-height:29px;grid-template-columns:22px minmax(0,1fr);background:transparent;border:0;border-bottom:1px solid #efede8;border-radius:0}.choice-option-textbox .choice-text-row:not(.protected) .choice-option-value{min-height:28px;padding:6px 4px;display:block}.choice-option-textbox .choice-text-row:not(.protected) .choice-option-value:empty::before{content:attr(data-placeholder);color:#a6aaa8}.choice-option-textbox .choice-text-row:not(.protected):last-child{border-bottom:0}.choice-option-textbox .choice-text-row.protected{margin:3px 0;border:1px solid #bfc2bc;border-radius:6px}.choice-option-textbox:focus{border-color:var(--choice);box-shadow:0 0 0 3px rgba(78,117,200,.1);outline:none}.choice-option-textbox ::selection{color:#fff;background:#6e83ad}
.auth-view { min-height: 100vh; background: #f8f6f0; }
.landing-nav { min-height: 76px; padding: 14px max(24px, calc((100vw - 1180px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 30px; position: sticky; top: 0; z-index: 90; background: rgba(248,246,240,.9); border-bottom: 1px solid rgba(211,210,202,.75); backdrop-filter: blur(16px); }
.landing-brand { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; }
.landing-brand img { width: 37px; height: 37px; }
.landing-brand b { color: var(--green); }
.landing-nav nav { display: flex; align-items: center; gap: 30px; }
.landing-nav nav a { color: #626a68; font-size: 11px; font-weight: 700; text-decoration: none; }
.landing-nav nav a:hover { color: var(--green); }
.landing-nav-actions { display: flex; align-items: center; gap: 7px; }
.landing-nav-actions .button { padding: 10px 15px; font-size: 10px; }
.landing-login { padding: 10px 13px; border: 0; color: #596260; background: transparent; font-size: 10px; font-weight: 800; cursor: pointer; }
.landing-main { overflow: hidden; }
.landing-hero { width: min(calc(100% - 48px),1180px); min-height: 640px; margin: auto; padding: 82px 0 72px; display: grid; grid-template-columns: minmax(0,.9fr) minmax(500px,1.1fr); align-items: center; gap: clamp(55px,8vw,110px); }
.landing-copy h1 { max-width: 620px; margin: 20px 0 22px; font-size: clamp(44px,5vw,68px); }
.landing-copy>p { max-width: 570px; margin: 0; color: #68716f; font-size: 16px; line-height: 1.75; }
.landing-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.landing-kicker i { width: 8px; height: 8px; background: #35a67e; border-radius: 50%; box-shadow: 0 0 0 5px #e0f0e9; }
.landing-actions { margin-top: 30px; display: flex; align-items: center; gap: 22px; }
.landing-primary { padding: 14px 20px; font-size: 11px; }
.landing-primary span { margin-left: 9px; font-size: 15px; }
.landing-actions>a { color: var(--ink); border-bottom: 1px solid #aeb3b1; font-size: 11px; font-weight: 800; text-decoration: none; }
.landing-benefits { margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; color: #737b79; font-size: 9px; list-style: none; }
.landing-benefits li { display: flex; align-items: center; gap: 5px; }
.landing-benefits span { width: 16px; height: 16px; display: grid; place-items: center; color: var(--green); background: #e2f0e9; border-radius: 50%; font-size: 8px; font-weight: 800; }
.landing-product { position: relative; background: #e8e5dc; border: 1px solid #d8d5cc; border-radius: 18px; box-shadow: 0 35px 80px rgba(39,52,47,.16); transform: rotate(1deg); -webkit-user-select: none; user-select: none; }
.landing-product::before { content: ""; width: 180px; height: 180px; position: absolute; right: -85px; top: -75px; z-index: -1; background: #d5e9df; border-radius: 50%; }
.landing-product::after { content: ""; width: 95px; height: 95px; position: absolute; left: -50px; bottom: -38px; z-index: -1; border: 20px solid #eeddb8; border-radius: 50%; }
.landing-gallery{min-width:0;position:relative}.landing-gallery-track{min-width:0}.landing-gallery [data-gallery-slide][hidden]{display:none!important}.landing-gallery-button{width:39px;height:39px;display:grid;place-items:center;position:absolute;top:50%;z-index:4;border:1px solid #d4d2ca;border-radius:50%;color:var(--green);background:#fffdfa;box-shadow:0 8px 24px rgba(35,49,44,.16);font:500 27px/1 Manrope;cursor:pointer;transform:translateY(-50%)}.landing-gallery-button:hover{color:#fff;background:var(--green);border-color:var(--green)}.landing-gallery-button:focus-visible{outline:3px solid rgba(22,119,92,.22);outline-offset:3px}.landing-gallery-button.previous{left:-20px}.landing-gallery-button.next{right:-20px}
.product-window-head { height: 49px; padding: 0 17px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: #fffdfa; border-radius: 17px 17px 0 0; border-bottom: 1px solid #ddd9d0; font-size: 8px; }
.product-window-head>span { display: flex; gap: 5px; }
.product-window-head i { width: 7px; height: 7px; background: #df665c; border-radius: 50%; }
.product-window-head i:nth-child(2) { background: #e3b956; }.product-window-head i:nth-child(3) { background: #4cba8f; }
.product-window-head b { font-size: 9px; }.product-window-head small { justify-self: end; color: var(--green); }
.product-toolbar { height: 43px; padding: 0 19px; display: flex; align-items: center; gap: 14px; color: #5d6563; background: #f9f7f1; border-bottom: 1px solid #d9d6cd; font-size: 10px; }
.product-toolbar>span { width: 1px; height: 18px; background: #d6d3ca; }.product-toolbar small { color: #9a9f9d; }
.product-sheet { margin: 24px; padding: 35px 38px; background: #fffefa; border-radius: 4px; box-shadow: 0 7px 20px rgba(42,50,47,.08); }
.product-label { color: var(--green); font-size: 7px; font-weight: 800; letter-spacing: .16em; }
.product-sheet h2 { margin: 9px 0 20px; font: 800 18px Manrope; }
.product-sheet p { margin: 0; font-size: 12px; line-height: 2.45; }
.product-sheet mark { padding: 3px 5px; border-radius: 4px; }.product-gap { color: #b63c35; background: var(--gap-soft); border-bottom: 2px solid var(--gap); }.product-choice { color: #355ba8; background: var(--choice-soft); border-bottom: 2px solid var(--choice); }.product-match { color: #90630d; background: var(--match-soft); border-bottom: 2px solid var(--match); }
.product-question>p{line-height:1.6;color:var(--muted)}.product-question>div{margin-top:18px;display:grid;gap:7px}.product-question>div span{padding:9px 11px;color:#5f6865;background:#f4f2ec;border:1px solid #e3e0d8;border-radius:7px;font-size:9px}.product-question>div .correct{color:#11694f;background:#e2f1eb;border-color:#9bcbb8;font-weight:800}
.product-table-shot>div{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.product-table-shot>div>*{padding:9px;border-radius:5px;text-align:center;font-size:9px}.product-table-shot>div b{color:#fff;background:var(--green)}.product-table-shot>div span{background:#f1f0ea}.product-word-shot>div{width:min(100%,270px);margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.product-word-shot>div span{aspect-ratio:1;display:grid;place-items:center;color:#40504b;background:#f1f0ea;border-radius:5px;font:800 11px Manrope}.product-word-shot>div span:nth-child(-n+4){color:#fff;background:var(--green)}
.product-live { width: 230px; padding: 13px 15px; display: grid; grid-template-columns:auto 1fr auto; align-items: center; gap: 9px; position: absolute; right: -26px; bottom: -32px; background: #fffdfa; border: 1px solid #d8d5cd; border-radius: 12px; box-shadow: 0 14px 35px rgba(34,47,42,.17); transform: rotate(-1deg); }
.product-live>i { width: 9px; height: 9px; background: #2fab7e; border-radius: 50%; box-shadow: 0 0 0 5px #e2f3ec; }.product-live>span { display: grid; }.product-live b { font-size: 9px; }.product-live small { color: var(--muted); font-size: 7px; }.product-live strong { color: var(--green); font: 800 18px Manrope; }
.landing-proof { padding: 27px max(24px,calc((100vw - 1180px)/2)); display: grid; grid-template-columns: repeat(3,145px) 1fr; align-items: center; gap: 25px; color: white; background: #193f35; }
.landing-proof>div { display: grid; }.landing-proof strong { color: #f2ca6b; font: 800 23px Manrope; }.landing-proof span { color: #bad0c9; font-size: 8px; }.landing-proof p { max-width: 430px; margin: 0; justify-self: end; color: #c5d7d1; font-size: 11px; line-height: 1.6; }
.landing-features { width: min(calc(100% - 48px),1180px); margin: auto; padding: 100px 0; }
.landing-section-head { max-width: 630px; margin-bottom: 42px; }.landing-section-head h2,.landing-flow h2,.landing-auth-copy h2 { margin: 10px 0 11px; font: 800 clamp(29px,3vw,40px)/1.15 Manrope; letter-spacing: -.035em; }.landing-section-head p,.landing-flow>div>p,.landing-auth-copy>p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; }
.feature-grid article { min-height: 270px; padding: 28px; background: #fffdfa; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 10px 30px rgba(49,57,54,.04); transition: .2s ease; }.feature-grid article:hover { transform: translateY(-4px); box-shadow: 0 18px 42px rgba(49,57,54,.09); }.feature-grid article>small { display: block; margin: 25px 0 10px; color: #9a9f9d; font-size: 8px; font-weight: 800; letter-spacing: .12em; }.feature-grid h3 { margin: 0 0 9px; font: 800 17px Manrope; }.feature-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.feature-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; font-size: 13px; font-weight: 800; }.feature-red { color: var(--gap); background: var(--gap-soft); }.feature-blue { color: var(--choice); background: var(--choice-soft); }.feature-green { color: var(--green); background: #e2f0e9; }.feature-purple{color:#76559a;background:#eee6f5}.feature-amber{color:#94671d;background:#f7ebc9}
.landing-template-showcase{padding:95px max(24px,calc((100vw - 1180px)/2));background:#ebe8df}.template-showcase-shell{display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;background:#fffdfa;border:1px solid #d8d5cc;border-radius:18px;box-shadow:0 24px 65px rgba(39,52,47,.12)}.template-showcase-side{padding:30px;display:flex;align-items:stretch;flex-direction:column;background:#173f34}.template-showcase-side>span{color:#91afa5;font-size:8px;font-weight:900;letter-spacing:.12em}.template-showcase-tabs{margin:20px 0;display:grid;gap:7px}.template-showcase-tabs button{padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#c7d9d3;background:rgba(255,255,255,.04);font:800 10px 'DM Sans';text-align:left;cursor:pointer}.template-showcase-tabs button:hover{background:rgba(255,255,255,.09)}.template-showcase-tabs button.active{color:#173f34;background:#f0c963;border-color:#f0c963}.template-showcase-tabs>span{color:#aac0b9;font-size:9px}.template-showcase-side>p{margin:auto 0 20px;color:#aac0b9;font-size:9px;line-height:1.7}.template-showcase-side .button{width:100%;padding:11px;background:#fff;color:var(--green)}.template-showcase-stage{min-width:0;background:#f4f2eb}.template-browser-head{height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fffdfa;border-bottom:1px solid #dedbd2}.template-browser-head>span{display:flex;gap:5px}.template-browser-head i{width:7px;height:7px;background:#df665c;border-radius:50%}.template-browser-head i:nth-child(2){background:#e3b956}.template-browser-head i:nth-child(3){background:#4cba8f}.template-browser-head b{font-size:9px}.template-browser-head small{justify-self:end;color:var(--green);font-size:8px}.template-player{min-height:520px;padding:34px 42px;background:#fffefa}.template-player .participant-banner{margin-top:0}.template-player h1{margin:8px 0 22px;font-size:24px}.template-player h2{font-size:18px}.template-player .public-actions{margin-top:24px}@media(max-width:850px){.template-showcase-shell{grid-template-columns:1fr}.template-showcase-tabs{grid-template-columns:repeat(2,1fr)}.template-showcase-side>p{margin-top:5px}.template-player{padding:28px 22px}}@media(max-width:520px){.template-showcase-tabs{grid-template-columns:1fr}.template-player{min-height:460px}}
.landing-flow { padding: 85px max(24px,calc((100vw - 1180px)/2)); display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(60px,10vw,150px); background: #eeebe3; }
.landing-flow ol { margin: 0; padding: 0; display: grid; list-style: none; }.landing-flow li { padding: 20px 0; display: flex; align-items: center; gap: 16px; border-bottom: 1px solid #d8d5cc; }.landing-flow li:last-child { border: 0; }.landing-flow li>span { width: 38px; height: 38px; display: grid; flex: 0 0 auto; place-items: center; color: var(--green); background: #fffdfa; border-radius: 50%; font: 800 12px Manrope; }.landing-flow li>div { display: grid; gap: 3px; }.landing-flow li b { font-size: 12px; }.landing-flow li small { color: var(--muted); font-size: 9px; }
.landing-pricing{width:min(calc(100% - 48px),1000px);margin:auto;padding:100px 0}.early-access-offer{margin-bottom:22px;padding:22px 25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;color:#f4fbf8;background:#173f34;border-radius:14px}.early-access-offer>span{padding:6px 9px;color:#173f34;background:#f0c963;border-radius:5px;font-size:8px;font-weight:900;letter-spacing:.12em}.early-access-offer div{display:grid;gap:4px}.early-access-offer b{font:800 13px Manrope}.early-access-offer p{margin:0;color:#bad0c9;font-size:9px}.early-access-offer>strong{max-width:150px;color:#f0c963;font-size:9px;text-align:right}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricing-card{padding:34px;display:flex;align-items:stretch;flex-direction:column;position:relative;background:#fffdfa;border:1px solid var(--line);border-radius:17px;box-shadow:0 14px 38px rgba(49,57,54,.06)}.pricing-card.pro{border:2px solid var(--green);box-shadow:0 18px 45px rgba(22,119,92,.12)}.pricing-name{color:var(--green);font:800 15px Manrope}.pricing-recommended{padding:6px 10px;position:absolute;right:22px;top:20px;color:#fff;background:var(--green);border-radius:20px;font-size:7px;font-weight:900;letter-spacing:.1em}.pricing-price{margin:18px 0 10px;display:flex;align-items:baseline;gap:8px}.pricing-price b{font:800 34px Manrope}.pricing-price small{color:var(--muted);font-size:9px}.pricing-price del{color:#a3aaa7;font:700 16px Manrope;text-decoration-color:#c35e56;text-decoration-thickness:2px}.pricing-price.early-price b{color:var(--green)}.pricing-card>p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.pricing-card ul{margin:24px 0 30px;padding:0;display:grid;gap:12px;list-style:none}.pricing-card li{padding-left:21px;position:relative;color:#56615e;font-size:10px}.pricing-card li::before{content:'✓';width:15px;height:15px;display:grid;place-items:center;position:absolute;left:0;top:-2px;color:var(--green);background:#e2f0e9;border-radius:50%;font-size:7px;font-weight:900}.pricing-card .button{margin-top:auto;padding:12px}.pricing-note{margin:18px auto 0;max-width:700px;color:var(--muted);font-size:8px;line-height:1.6;text-align:center}@media(max-width:760px){.landing-pricing{width:min(calc(100% - 32px),1000px);padding:75px 0}.early-access-offer{grid-template-columns:1fr}.early-access-offer>span{width:max-content}.early-access-offer>strong{max-width:none;text-align:left}.pricing-grid{grid-template-columns:1fr}}
.landing-auth-section { width: min(calc(100% - 48px),1000px); margin: auto; padding: 110px 0; display: grid; grid-template-columns: 1fr 445px; align-items: center; gap: 90px; }
.dia-pricing-explainer{margin:20px 0 0;padding:14px 18px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:#3f514c;background:#eef5f1;border:1px solid #d8e8e0;border-radius:13px;font-size:9px}.dia-pricing-explainer b{margin-right:5px;color:#173f34;font:800 10px Manrope}.dia-pricing-explainer span{padding:6px 9px;background:#fff;border-radius:999px}.dia-pricing-explainer+.pricing-note{margin-top:12px}
.landing-mini-task { margin-top: 30px; padding: 22px; background: #fffdfa; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 35px rgba(49,57,54,.05); transform: rotate(-1deg); }.landing-mini-task>span { color: var(--green); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.landing-mini-task p { margin: 15px 0; font-size: 12px; }.landing-mini-task mark { padding: 3px 7px; color: #b63c35; background: var(--gap-soft); border-bottom: 2px solid var(--gap); border-radius: 4px; }.landing-mini-task small { color: var(--green); font-size: 8px; font-weight: 800; }
.auth-card { width: min(100%,445px); padding: 38px 42px 30px; background: #fffdfa; border: 1px solid rgba(214,211,201,.95); border-radius: 20px; box-shadow: 0 28px 70px rgba(44,65,57,.13); }
.auth-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 34px; font-size: 17px; }
.auth-brand b { color: var(--green); }
.auth-copy h1 { margin: 9px 0 9px; font-size: 31px; }
.auth-copy p { margin: 0 0 26px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 23px; padding: 4px; background: #efeee8; border-radius: 10px; }
.auth-tabs button { padding: 9px; border: 0; border-radius: 7px; background: transparent; color: #7d8482; font-size: 12px; font-weight: 700; cursor: pointer; }
.auth-tabs button.active { color: var(--green); background: #fff; box-shadow: 0 2px 7px rgba(39,50,46,.08); }
.auth-form { display: grid; gap: 15px; }
.auth-form label { display: grid; gap: 7px; color: #596260; font-size: 11px; font-weight: 700; }
.auth-form input { width: 100%; padding: 12px 13px; border: 1px solid #d9d8d1; border-radius: 8px; background: #fff; color: var(--ink); outline: none; }
.auth-form input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(22,119,92,.1); }
.auth-submit { width: 100%; margin-top: 4px; padding: 12px; }
.auth-submit:disabled { opacity: .65; cursor: wait; }
.auth-message { min-height: 18px; margin: 0; color: var(--green); font-size: 11px; line-height: 1.5; }
.auth-message.error { color: #b34c45; }
.auth-note { margin: 17px 0 0; color: #a0a5a3; font-size: 9px; text-align: center; }
.landing-footer { min-height: 100px; padding: 25px max(24px,calc((100vw - 1180px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #aebfba; background: #15382f; }.landing-footer p { margin: 0; font-size: 9px; }.landing-footer>span { font-size: 8px; }.landing-footer .landing-brand b { color: white; }.landing-footer .landing-brand small { color: #92aaa2; }
@media(max-width:1050px){.landing-hero{grid-template-columns:1fr;gap:70px}.landing-copy{text-align:center}.landing-copy>p{margin-inline:auto}.landing-actions,.landing-benefits{justify-content:center}.landing-product{width:min(100%,650px);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.landing-auth-section{grid-template-columns:1fr;gap:45px}.landing-auth-copy{max-width:600px;text-align:center;margin:auto}.landing-mini-task{max-width:500px;margin:30px auto 0}.auth-card{margin:auto}}
@media(max-width:760px){.landing-nav nav{display:none}.landing-hero{width:min(calc(100% - 32px),1180px);min-height:auto;padding:65px 0 80px}.landing-copy h1{font-size:42px}.landing-copy>p{font-size:14px}.landing-benefits{gap:9px}.landing-product{transform:none}.landing-gallery-button.previous{left:-10px}.landing-gallery-button.next{right:-10px}.product-sheet{margin:15px;padding:26px 22px}.product-live{right:8px}.landing-proof{grid-template-columns:repeat(3,1fr);text-align:center}.landing-proof p{display:none}.landing-features{width:min(calc(100% - 32px),1180px);padding:75px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.landing-flow{grid-template-columns:1fr;gap:35px;padding-block:70px}.landing-auth-section{width:min(calc(100% - 32px),1000px);padding:80px 0}.landing-footer{align-items:flex-start;flex-direction:column}.landing-footer>span{align-self:flex-end}}
.landing-footer nav{display:flex;gap:16px}.landing-footer nav a{color:#d7e4df;font-size:8px;text-decoration:none}.landing-footer nav a:hover{text-decoration:underline}.legal-page{min-height:100vh;padding:32px 18px;background:#f3f1eb;color:#203b34;font-family:'DM Sans',sans-serif}.legal-card{width:min(100%,760px);margin:0 auto;padding:clamp(28px,6vw,64px);background:#fffefa;border:1px solid #e2ded3;border-radius:16px;box-shadow:0 15px 45px rgba(32,59,52,.08)}.legal-card h1{margin:18px 0 28px;font:800 clamp(30px,5vw,46px) Manrope;color:#15382f}.legal-card h2{margin:28px 0 8px;font:800 17px Manrope;color:#27634f}.legal-card p{font-size:14px;line-height:1.7}.legal-card a{color:#16775c}.legal-back{font-size:12px;text-decoration:none}.legal-note{padding:12px 15px;border-left:3px solid #d0a342;background:#fff8e5;color:#6f5a2c;font-size:12px!important}
.legal-card code{padding:2px 5px;border-radius:4px;color:#175c49;background:#e9f2ee}.legal-card ul{padding-left:22px}.legal-card li{margin:7px 0;font-size:14px;line-height:1.65}.legal-updated{margin:-20px 0 24px;color:#77827e;font-size:11px!important}.legal-hint{padding:10px 12px;border-radius:7px;color:#586762;background:#f0f3ef;font-size:11px!important}.legal-links{margin-top:38px;padding-top:20px;display:flex;gap:18px;border-top:1px solid #e1ded6}.legal-links a{font-size:12px;font-weight:800;text-decoration:none}.legal-links a:hover{text-decoration:underline}.legal-privacy{width:min(100%,880px)}
.auth-resend{margin:-5px auto 0;padding:4px;border:0;color:var(--green);background:transparent;font-size:8px;font-weight:800;text-decoration:underline;cursor:pointer}.auth-resend[hidden]{display:none}.auth-resend:disabled{opacity:.5;cursor:wait}
@media(max-width:520px){.landing-nav{min-height:68px;padding-inline:16px}.landing-brand img{width:34px;height:34px}.landing-nav-actions .landing-login{display:none}.landing-nav-actions .button{padding:9px 11px}.landing-copy h1{font-size:36px}.landing-actions{align-items:stretch;flex-direction:column;gap:15px}.landing-benefits{align-items:flex-start;flex-direction:column;width:max-content;margin:24px auto 0}.product-window-head{grid-template-columns:1fr 1fr}.product-window-head b{display:none}.product-sheet p{font-size:11px}.product-live{width:210px;bottom:-42px}.landing-proof{padding-block:22px;gap:8px}.landing-proof strong{font-size:19px}.landing-proof span{font-size:7px}.auth-card{padding:30px 24px 24px}.landing-auth-copy h2{font-size:30px}}
@media (max-width: 900px) { .workspace { grid-template-columns: 1fr; } .intro { align-items: flex-start; flex-direction: column; } .editor { min-height: 310px; } .dashboard-content { grid-template-columns: 1fr; } }
@media (max-width: 900px) { body.view-editor .workspace { grid-template-rows: minmax(0,1fr) minmax(0,1fr); } body.view-editor .editor { min-height: 0; } }
@media (max-width: 560px) { .topbar { padding: 0 17px; } .top-actions { gap: 2px; } main { padding: 34px 14px; } .hint { display: none; } .paper { margin: 15px; padding: 30px 22px; } .editor { padding: 22px; } }
@media (min-width: 901px) {
  body { min-height: 90.91vh; zoom: 1.1; }
  body.view-editor { height: 90.91vh; }
  body.view-editor #editorView { height: calc(90.91vh - 72px); }
  body.auth-pending > .auth-loading,
  .auth-view,
  .admin-view,
  .public-worksheet-view { min-height: 90.91vh; }
}
@media (max-width: 650px) { .dashboard-hero { padding: 30px 25px; align-items: flex-start; flex-direction: column; }.dashboard-hero h1 { font-size: 31px; }.stats-grid { grid-template-columns: 1fr; }.worksheet-card { grid-template-columns: 1fr; }.worksheet-preview { min-height: 150px; }.dashboard-content { grid-template-columns: 1fr; } }
.file-title { display:flex;align-items:flex-end;justify-content:space-between;gap:15px }.file-actions{display:flex;gap:8px}.file-actions .button{padding:9px 12px;font-size:10px}.file-explorer{min-height:310px;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px rgba(49,57,54,.05)}.breadcrumbs{min-height:49px;padding:11px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.breadcrumbs button{padding:5px;border:0;color:var(--green);background:transparent;font-size:10px;font-weight:800;cursor:pointer}.breadcrumbs span{color:#aaa}.file-columns,.file-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 90px 125px;align-items:center}.file-columns{padding:9px 16px;color:#989e9c;background:#faf9f5;border-bottom:1px solid var(--line);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.file-row{min-height:68px;padding:8px 16px;border-bottom:1px solid #eeece6}.file-row:hover{background:#fbfaf6}.file-name{padding:0;display:flex;align-items:center;gap:11px;border:0;background:transparent;text-align:left;cursor:pointer}.file-name span{display:grid}.file-name b{font-size:11px}.file-name small,.file-kind,.file-row time{color:var(--muted);font-size:9px}.file-type-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;font-style:normal}.file-type-icon.folder{color:var(--match);background:var(--match-soft)}.file-type-icon.worksheet{color:var(--choice);background:var(--choice-soft)}.row-actions{display:flex;gap:4px;justify-content:flex-end}.row-actions button{width:27px;height:27px;border:0;border-radius:5px;color:var(--green);background:#e7f2ed;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.row-actions button:hover{background:#d6e9e1;box-shadow:0 2px 7px rgba(26,91,70,.12)}.row-actions button:focus-visible{outline:2px solid #8fc2ae;outline-offset:2px}.row-actions .delete-action{color:var(--gap);background:var(--gap-soft)}.row-actions .delete-action:hover{background:#f5d4d0}.file-empty,.file-loading,.file-error{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;text-align:center}.file-empty span{font-size:25px}.file-empty b,.file-error b{color:var(--ink);font-size:12px}.file-error{padding:25px;color:var(--gap)}
.file-type-icon.worksheet{font-size:11px;font-weight:800}.file-type-icon.worksheet.word-search{color:var(--green);background:#e3f0eb;font-size:16px}
.system-folder-row{background:#f5faf7}.template-folder-icon{color:#fff!important;background:linear-gradient(145deg,#21866a,#12644d)!important}.template-row{background:#fbfcfa}.template-row .file-name{cursor:pointer}.template-row .row-actions button{color:var(--green);background:#e7f2ed}.template-row .row-actions button:hover{background:#d6e9e1}.template-copy-dialog form>p:not(.dialog-error){margin:-12px 0 20px;color:var(--muted);font-size:10px}.template-copy-dialog select{background:#fff}.expanded-preview-content>.template-preview-paper{width:min(100%,850px);min-height:100%;margin:0 auto;padding:42px 48px;background:#fffefa;border-radius:5px;box-shadow:0 8px 28px rgba(35,45,41,.09)}
.file-type-icon.worksheet svg{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.file-type-icon.folder svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.file-type-icon.folder svg .folder-star{fill:currentColor;stroke-width:1.2}.file-row:hover .file-type-icon.folder svg{transform:translateY(-1px) scale(1.04)}
.file-type-icon.worksheet.text-task-icon{color:#76559a;background:#eee6f5}
.file-type-icon.worksheet.word-search{color:#16775c;background:#e1f0ea}
.file-type-icon.worksheet.table-task-icon{color:#9a6b1d;background:#f7ebc9}
.file-type-icon.worksheet.multiple-choice-task-icon{color:#315c9d;background:#e1e9f7}
.file-type-icon.worksheet.quick-quiz-task-icon,.file-type-icon.worksheet.image-reveal-task-icon{color:#16775c;background:#dceee7}
.file-row:hover .file-type-icon.worksheet svg{transform:scale(1.08)}
.file-type-icon.worksheet svg{transition:transform .16s ease}
.file-type-icon.worksheet.task-mode-single-icon{color:#315c9d;background:#e1e9f7}.file-type-icon.worksheet.task-mode-multi-icon{color:#16775c;background:#e1f0ea}
.app-dialog{width:min(92vw,430px);padding:0;border:0;border-radius:16px;color:var(--ink);background:var(--panel);box-shadow:0 25px 80px rgba(28,36,33,.25)}.app-dialog::backdrop{background:rgba(27,36,33,.55);backdrop-filter:blur(2px)}.app-dialog form{padding:30px}.app-dialog h2{margin:7px 0 22px;font:800 22px Manrope}.app-dialog label{display:grid;gap:7px;color:#626a68;font-size:10px;font-weight:800}.app-dialog input,.app-dialog select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;outline:none}.dialog-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.dialog-error{min-height:15px;margin:7px 0 0;color:var(--gap);font-size:10px}.danger-symbol{width:43px;height:43px;margin-bottom:15px;display:grid;place-items:center;color:white;background:var(--gap);border-radius:50%;font:800 20px Manrope}.danger-dialog p{color:var(--muted);font-size:12px;line-height:1.6}.danger-notice{padding:11px;color:#a23e37;background:var(--gap-soft);border-radius:7px;font-size:10px;font-weight:800}.button-danger{color:white;background:#c94940}
.move-create-trigger{margin-top:11px;padding:7px 2px;display:inline-flex;align-items:center;gap:7px;border:0;color:var(--green);background:transparent;font:800 10px 'DM Sans';cursor:pointer}.move-create-trigger span{width:22px;height:22px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:7px;font-size:16px;line-height:1}.move-create-trigger:hover{color:#105f49}.move-create-trigger:focus-visible{outline:2px solid #8fc2ae;outline-offset:3px;border-radius:6px}.move-create-group{margin-top:8px;padding:14px;display:grid;gap:9px;border:1px solid #cfe0d9;border-radius:10px;background:#f2f8f5}.move-create-group[hidden]{display:none}.move-create-group small{color:var(--muted);font-size:8px}.move-create-group .button{justify-self:start}
.text-presentation-dialog label+label{margin-top:15px}.app-dialog textarea{width:100%;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:#fff;outline:none;font:500 11px/1.55 'DM Sans'}.app-dialog input:focus,.app-dialog textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,119,92,.1)}
.toolbar #openTextPresentation{width:39px;display:flex;gap:1px;font-size:11px}.toolbar #openTextPresentation b{font:800 11px Manrope}.task-settings-dialog::backdrop{background:rgba(27,36,33,.48);backdrop-filter:blur(7px)}.task-settings-shell{padding:30px}.task-settings-list{display:grid;gap:9px}.task-setting-row{padding:15px 16px!important;display:flex!important;align-items:center;justify-content:space-between;gap:20px;background:#f5f3ed;border:1px solid var(--line);border-radius:10px}.task-setting-row>span{display:grid;gap:4px}.task-setting-row b{font-size:11px}.task-setting-row small,.task-settings-note{color:var(--muted);font-size:8px;line-height:1.45}.app-dialog .task-setting-row input{width:38px;height:21px;padding:0;flex:0 0 auto;accent-color:var(--green);cursor:pointer}.app-dialog .task-setting-row select{width:135px;flex:0 0 auto}.task-settings-note{margin-top:13px;display:block}
.editor-head-actions{display:flex!important;align-items:center;gap:8px!important}.editor-settings-button{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:7px;color:#66706d;background:#efede7;font-size:14px;cursor:pointer}.editor-settings-button:hover{color:var(--green);background:#e2efe9}.editor-text-button{width:39px;display:flex;justify-content:center;gap:1px;font-size:11px}.editor-text-button b{font:800 11px Manrope}
.item-dialog{width:min(94vw,570px)}.task-type-field{margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0}.task-type-field[hidden]{display:none}.task-type-field legend{grid-column:1/-1;margin-bottom:2px;color:#626a68;font-size:10px;font-weight:800}.app-dialog .task-type-option{min-width:0;padding:12px;display:grid;grid-template-columns:16px 58px minmax(0,1fr) 22px;align-items:center;gap:8px;position:relative;background:#faf9f5;border:1px solid var(--line);border-radius:10px;cursor:pointer}.app-dialog .task-type-option:has(input:checked){background:#edf6f2;border-color:#8fc2ae;box-shadow:0 0 0 2px rgba(22,119,92,.08)}.app-dialog .task-type-option input{width:14px;height:14px;margin:0;padding:0;accent-color:var(--green)}.task-type-copy{min-width:0;display:grid;gap:3px}.task-type-copy b{font-size:10px}.task-type-copy small{color:var(--muted);font-size:7px;line-height:1.35}.task-type-graphic{width:58px;height:43px;padding:7px;display:flex;align-items:center;justify-content:center;gap:3px;background:white;border:1px solid #e1ded6;border-radius:7px}.text-task-graphic{align-items:stretch;flex-direction:column}.text-task-graphic i{height:3px;background:#d9d6ce;border-radius:3px}.text-task-graphic i:nth-child(2){width:65%;background:var(--gap)}.text-task-graphic i:last-child{width:82%;background:#bbc9e8}.search-task-graphic{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.search-task-graphic i{display:grid;place-items:center;color:var(--green);background:#e5f0eb;border-radius:2px;font-size:6px;font-style:normal;font-weight:800}.task-type-help{width:22px;height:22px;display:grid;place-items:center;position:relative;color:var(--green);background:#e1efe9;border:1px solid #b8d7ca;border-radius:50%;font:800 10px Manrope;cursor:help;outline:none}.task-type-help:focus-visible{box-shadow:0 0 0 2px #8fc2ae}.task-type-tooltip{width:245px;padding:13px;display:none;position:absolute;right:-8px;top:calc(100% + 10px);z-index:20;color:var(--ink);background:#fff;border:1px solid #d9d6ce;border-radius:11px;box-shadow:0 16px 40px rgba(28,36,33,.2);text-align:left}.task-type-help:hover .task-type-tooltip,.task-type-help:focus .task-type-tooltip,.task-type-help:focus-within .task-type-tooltip{display:grid;gap:7px}.task-type-tooltip::before{width:9px;height:9px;position:absolute;right:14px;top:-6px;content:'';background:#fff;border-left:1px solid #d9d6ce;border-top:1px solid #d9d6ce;transform:rotate(45deg)}.task-type-tooltip>b{font-size:11px}.task-type-tooltip>small{color:var(--muted);font-size:8px;line-height:1.45}.task-help-visual{height:72px;padding:10px;display:block;position:relative;background:#f5f3ed;border-radius:8px;overflow:hidden}.text-help-visual>i{height:4px;margin-bottom:7px;display:block;background:#d4d6d2;border-radius:4px}.text-help-visual>i:first-child{width:88%}.text-help-visual>i:nth-child(2){width:62%}.text-help-visual>i:nth-child(2) b{width:25px;height:7px;display:block;background:var(--gap);border-radius:3px}.text-help-visual>i:nth-child(3){width:75%}.text-help-visual>em,.text-help-visual>u{padding:3px 5px;position:absolute;bottom:8px;border-radius:4px;font-size:6px;font-style:normal;text-decoration:none}.text-help-visual>em{left:10px;color:#6a4c8d;background:#e8dff2}.text-help-visual>strong{position:absolute;left:56px;bottom:10px;color:var(--match);font-size:9px}.text-help-visual>u{right:10px;color:#355a9a;background:#e0e8f7}.word-help-visual{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-search,.mini-cross{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.mini-search i,.mini-cross i{display:grid;place-items:center;color:#527067;background:#fff;border-radius:2px;font-size:6px;font-style:normal;font-weight:800}.mini-search i:nth-child(-n+4){color:#fff;background:var(--green)}.mini-cross i:empty{background:#29443c}.task-help-tags{display:flex;flex-wrap:wrap;gap:4px}.task-help-tags i{padding:3px 5px;color:var(--green);background:#e5f1ec;border-radius:4px;font-size:6px;font-style:normal;font-weight:800}
.preview-dialog{width:min(94vw,1080px);height:min(90vh,820px);max-width:none}.preview-dialog-shell{height:100%;display:flex;flex-direction:column}.preview-dialog-shell>header{min-height:72px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffdfa;border-bottom:1px solid var(--line)}.preview-dialog-shell>header h2{margin:4px 0 0;font-size:20px}.preview-dialog-shell>header>button{width:35px;height:35px;border:0;border-radius:8px;color:#68716f;background:#efede7;font-size:22px;line-height:1;cursor:pointer}.preview-dialog-shell>header>button:hover{color:#9f403a;background:var(--gap-soft)}.expanded-preview-content{padding:30px;flex:1;min-height:0;overflow:auto;background:#e8e6de}.expanded-preview-content>.paper,.expanded-preview-content>.word-search-paper,.expanded-preview-content>.multiple-choice-paper{width:min(100%,850px);min-height:100%;margin:0 auto;padding:42px 48px;overflow:visible}.expanded-preview-content .word-search-grid{width:min(100%,620px)}
@media(max-width:800px){.task-type-field{grid-template-columns:1fr}.word-search-builder{grid-template-columns:1fr;grid-template-rows:minmax(240px,.7fr) minmax(360px,1.3fr)}.word-search-paper{margin:14px;padding:22px 18px}}
@media(max-width:600px){.expanded-preview-content{padding:10px}.expanded-preview-content>.paper,.expanded-preview-content>.word-search-paper,.expanded-preview-content>.multiple-choice-paper{padding:28px 20px}.preview-dialog{width:96vw;height:92vh}.word-search-badge{display:none}.crossword-clues{grid-template-columns:1fr}}
@media(max-width:700px){.file-title{align-items:flex-start;flex-direction:column}.file-columns{display:none}.file-row{grid-template-columns:1fr auto}.file-kind,.file-row time{display:none}.row-actions{grid-column:2}.file-actions{width:100%}.file-actions .button{flex:1}}
@media(max-width:700px){.editor-foot{gap:7px;flex-wrap:wrap}.task-counts{gap:7px;font-size:9px}}
.dashboard-content{grid-template-columns:1fr;margin-top:0}.workspace-head-actions{align-items:center}.workspace-head-actions .button-ghost{border:1px solid var(--line);background:var(--panel)}
@media(max-width:700px){.workspace-section-head{align-items:flex-start;flex-direction:column}.workspace-head-actions{width:100%}.workspace-head-actions .button{flex:1}}
.breadcrumbs:empty{display:none}
.file-type-icon.pdf{color:#bc443d;background:var(--gap-soft);font-size:8px;font-weight:800}
.stop-action{color:#b83f38!important;background:var(--gap-soft)!important}.stop-action:hover{background:#f5d4d0!important}
.workspace-notice{max-width:380px;padding:13px 17px;position:fixed;right:22px;bottom:22px;z-index:300;color:white;background:var(--green);border-radius:9px;box-shadow:0 12px 35px rgba(28,36,33,.22);font-size:11px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s ease}.workspace-notice.error{background:#bd4d45}.workspace-notice.visible{opacity:1;transform:translateY(0)}
.workspace-request-pending{cursor:wait}.workspace-request-pending::before{position:fixed;inset:0;z-index:340;content:'';background:rgba(27,40,36,.28);backdrop-filter:blur(1.5px);cursor:wait}.workspace-busy-indicator{min-width:285px;padding:20px 24px;display:flex;align-items:center;justify-content:center;gap:15px;position:fixed;top:50%;left:50%;z-index:350;color:#fff;background:#243f37;border:1px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:0 20px 55px rgba(20,31,27,.32);opacity:0;pointer-events:none;transform:translate(-50%,-45%) scale(.96);transition:.18s ease}.workspace-busy-indicator.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.workspace-busy-indicator>i{width:24px;height:24px;flex:0 0 auto;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:workspace-busy-spin .7s linear infinite}.workspace-busy-indicator>span{display:grid;gap:4px}.workspace-busy-indicator b{font-size:12px;white-space:nowrap}.workspace-busy-indicator small{color:#c8d8d2;font-size:9px}@keyframes workspace-busy-spin{to{transform:rotate(360deg)}}.workspace-request-pending .row-actions button,.workspace-request-pending .file-actions button,.workspace-request-pending .dialog-actions button[type="submit"]{opacity:.45;pointer-events:none;cursor:wait}@media(max-width:600px){.workspace-busy-indicator{min-width:min(285px,calc(100vw - 36px));padding:17px 19px}}
.admin-mode>.auth-loading,.admin-mode>.auth-view,.admin-mode>.topbar,.admin-mode>#dashboardView,.admin-mode>#trackingView,.admin-mode>#editorView,.admin-mode>#publicWorksheetView{display:none!important}.admin-mode #adminView{display:block!important}.admin-view{max-width:none;min-height:100vh;padding:55px clamp(22px,6vw,90px);background:var(--cream)}.admin-login{width:min(100%,420px);margin:5vh auto;padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 60px rgba(35,50,44,.12)}.admin-login .auth-brand{margin-bottom:35px}.admin-login h1{margin:8px 0 25px;font-size:30px}.admin-login form{display:grid;gap:15px}.admin-login label{display:grid;gap:7px;color:#606866;font-size:10px;font-weight:800}.admin-login input{padding:12px;border:1px solid var(--line);border-radius:8px;outline:none}.admin-login input:focus{border-color:var(--green)}#adminError{min-height:15px;margin:0;color:var(--gap);font-size:10px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.admin-head h1{margin:6px 0 0;font-size:35px}.admin-head-actions,.admin-nav{display:flex;align-items:center;gap:9px}.admin-nav{padding:4px;background:#e8e6df;border-radius:9px}.admin-nav a{padding:8px 13px;color:var(--muted);border-radius:6px;font-size:10px;font-weight:800;text-decoration:none}.admin-nav a:hover{color:var(--ink)}.admin-nav a.active{color:var(--green);background:var(--panel);box-shadow:0 2px 8px rgba(35,50,44,.08)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.admin-stats article,.admin-stats>a,.admin-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(49,57,54,.04)}.admin-stats article,.admin-stats>a{display:grid;gap:8px}.admin-stats>a{color:inherit;text-decoration:none;transition:.15s ease}.admin-stats>a:hover{border-color:#abcabc;transform:translateY(-2px)}.admin-stats span{color:var(--muted);font-size:10px}.admin-stats b{font:800 29px Manrope}.admin-stats small{color:var(--green);font-size:8px;font-weight:800}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.admin-card h2{margin:0 0 22px;font:800 16px Manrope}.visit-chart{height:230px;display:flex;align-items:flex-end;gap:5px}.visit-chart>div{height:100%;min-width:12px;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px}.visit-chart i{width:100%;max-width:22px;background:var(--green);border-radius:4px 4px 0 0}.visit-chart small{color:var(--muted);font-size:7px;transform:rotate(-45deg)}.top-paths{margin:0;padding:0;display:grid;gap:10px;list-style:none}.top-paths li{padding-bottom:9px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ebe8e1;font-size:10px}.top-paths span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-paths b{color:var(--green)}.admin-users-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.admin-users-head h2{margin:0 0 4px;font:800 19px Manrope}.admin-users-head p{margin:0;color:var(--muted);font-size:10px}.admin-user-search{width:min(100%,280px);padding:0 12px;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.admin-user-search>span{color:var(--muted);font-size:18px}.admin-user-search input{width:100%;padding:11px 0;border:0;outline:0;background:transparent;font:500 11px 'DM Sans'}.admin-user-search:focus-within{border-color:var(--green)}.admin-users-table{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(49,57,54,.04)}.admin-users-table table{width:100%;min-width:720px;border-collapse:collapse}.admin-users-table th{padding:14px 20px;color:var(--muted);background:#f2f0ea;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.admin-users-table td{padding:15px 20px;border-bottom:1px solid #ece9e2;color:#59615f;font-size:10px}.admin-users-table tr:last-child td{border-bottom:0}.admin-user-identity{display:flex;align-items:center;gap:10px}.admin-user-identity>span{width:31px;height:31px;display:grid;flex:0 0 auto;place-items:center;color:white;background:var(--green);border-radius:50%;font-size:10px;font-weight:800}.admin-user-identity b{color:var(--ink);font-size:10px}.admin-user-status{display:inline-block;padding:4px 8px;color:#8b6332;background:#f5ead5;border-radius:20px;font-size:8px;font-weight:800}.admin-user-status.confirmed{color:var(--green);background:#e2f0e9}.admin-never{color:#aaa}.admin-users-empty{margin:0;padding:36px;color:var(--muted);font-size:11px;text-align:center}@media(max-width:800px){.admin-head{align-items:flex-start;flex-direction:column}.admin-head-actions{width:100%;justify-content:space-between}.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:520px){.admin-head-actions,.admin-users-head{align-items:stretch;flex-direction:column}.admin-nav{width:max-content}.admin-user-search{width:100%}}@media(max-width:480px){.admin-stats{grid-template-columns:1fr}.admin-view{padding:30px 14px}}
.participant-gate{max-width:440px;margin:45px auto;text-align:center}.participant-gate h1{margin:10px 0 7px}.participant-gate>p{color:var(--muted);font-size:12px}.participant-gate form{margin-top:25px;padding:24px;display:grid;gap:14px;background:#faf9f5;border:1px solid var(--line);border-radius:12px;text-align:left}.participant-gate label{display:grid;gap:7px;font-size:10px;font-weight:800}.participant-gate input{padding:12px;border:1px solid var(--line);border-radius:8px;outline:none}.participant-gate #participantError{min-height:15px;color:var(--gap);font-size:10px}.participant-banner{margin-bottom:25px;padding:9px 12px;display:flex;justify-content:space-between;color:var(--green);background:#e4f0eb;border-radius:7px;font-size:10px}.participant-banner span{color:var(--muted)}.public-worksheet-view .participant-banner{display:none}.public-participant-greeting{max-width:55%;margin-left:auto;color:var(--muted);font-size:13px;font-weight:600;text-align:right}.public-participant-greeting strong{color:var(--ink);font-weight:900}.public-participant-greeting[hidden]{display:none}@media(max-width:600px){.public-participant-greeting{max-width:62%;font-size:12px}}
.file-columns,.file-row{grid-template-columns:minmax(180px,1fr) minmax(120px,.38fr) 105px 185px;column-gap:12px}.file-name,.file-name span,.file-kind{min-width:0}.file-kind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row time{white-space:nowrap}.file-row.live-row{background:#e1f2e9;border-color:#b9dfcc}.file-row.live-row:hover{background:#d6ecdf}.play-action{color:var(--green)!important}.qr-dialog-content{padding:30px;text-align:center}.qr-dialog h2{margin:7px 0 18px;font:800 22px Manrope}.qr-code{width:244px;min-height:244px;margin:0 auto 15px;padding:12px;position:relative;background:white;border:1px solid var(--line);border-radius:10px}.qr-code img,.qr-code canvas{display:block!important;width:220px!important;height:220px!important}.qr-code>.qr-code-logo{width:48px!important;height:48px!important;padding:5px;position:absolute;top:50%;left:50%;z-index:2;background:#fff;border-radius:12px;box-shadow:0 0 0 3px #fff;transform:translate(-50%,-50%)}.qr-dialog p{color:var(--muted);font-size:10px}.qr-copy-status{display:block;min-height:16px;margin-top:8px;color:var(--green);font-size:10px}.file-context-menu{width:175px;padding:6px;position:fixed;z-index:150;background:#fffefa;border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 45px rgba(28,36,33,.2)}.file-context-menu button{width:100%;padding:8px 10px;border:0;border-radius:5px;background:transparent;text-align:left;font-size:10px;cursor:pointer}.file-context-menu button:hover{background:#efede7}.file-context-menu hr{margin:5px;border:0;border-top:1px solid #ebe8e1}.file-context-menu .danger-menu-action{color:var(--gap)}
@media(max-width:700px){.file-row{grid-template-columns:minmax(0,1fr) auto;column-gap:0}}
.qr-code>img:not(.qr-code-logo){display:none!important}.public-mode>.auth-view,.public-mode>.topbar,.public-mode>#dashboardView,.public-mode>#editorView{display:none!important}.public-mode #publicWorksheetView{display:block!important}.public-worksheet-view{max-width:none;min-height:100vh;padding:45px 20px;background:#e8e6de}.public-sheet{width:min(100%,820px);min-height:620px;margin:auto;padding:42px 55px;background:#fffefa;border-radius:5px;box-shadow:0 15px 50px rgba(35,45,41,.12)}.public-sheet-head{display:flex;align-items:center;gap:10px;padding-bottom:24px;border-bottom:1px solid var(--line);font-size:14px}.public-sheet-head b{color:var(--green)}.public-content{padding-top:35px}.public-content.public-task-active>.eyebrow,.public-content.public-task-active>h1{display:none}.public-content h1{margin:8px 0 30px;font-size:30px}.public-preview{font-size:15px}.public-bank{display:flex;flex-wrap:wrap;gap:8px}.public-actions{margin-top:30px;padding-top:20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}.public-unavailable{min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.public-unavailable span{width:48px;height:48px;display:grid;place-items:center;color:var(--gap);background:var(--gap-soft);border-radius:50%}.public-unavailable h1{margin:18px 0 7px}.public-unavailable p{color:var(--muted);font-size:12px}@media(max-width:600px){.public-worksheet-view{padding:0}.public-sheet{min-height:100vh;padding:28px 20px}.public-content h1{font-size:24px}}
.app-dialog .task-type-option{grid-template-columns:16px 58px minmax(0,1fr)}.task-type-help{display:none!important}
.word-search-grid span.preview-solution-cell{color:#fff;background:var(--green);box-shadow:0 1px 3px rgba(16,94,72,.22)}
.word-game-toolbar #openWordGamePresentation{width:39px;display:flex;gap:1px;font-size:11px}.word-game-toolbar #openWordGamePresentation b{font:800 11px Manrope}.word-game-toolbar .word-grid-shuffle-button{color:var(--green);background:#edf6f2;border:1px solid #a8cbbd;font-size:16px}.word-game-toolbar .word-grid-shuffle-button:hover{background:#dceee7}
.word-grid-mark-editor{min-height:210px;padding:14px;overflow:auto;white-space:pre-wrap;border:1px solid var(--line);border-radius:9px;background:#fff;outline:none;font:500 12px/1.85 'DM Sans'}.word-grid-mark-editor:empty::before{content:attr(data-placeholder);color:#a4aaa7;white-space:pre-line;pointer-events:none}.word-grid-mark-editor:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,119,92,.1)}.word-grid-mark-editor.has-errors{border-color:var(--gap)}.word-grid-mark-editor>div{min-height:34px;padding:3px 5px 3px 14px;display:flex;align-items:center;gap:8px}.word-grid-mark{padding:3px 8px;border:1px solid currentColor;border-radius:6px;font-weight:800}.word-grid-mark[data-role="solution"]{color:#12684f;background:#e7f2ed}.word-grid-mark[data-role="clue"]{color:#725923;background:#fbf2dc}
.word-grid-mark[data-color="1"][data-role="solution"]{color:#315c9d;background:#dfe8f7}.word-grid-mark[data-color="1"][data-role="clue"]{color:#315c9d;background:#edf2fa}.word-grid-mark[data-color="2"][data-role="solution"]{color:#8a5320;background:#f5dfc8}.word-grid-mark[data-color="2"][data-role="clue"]{color:#8a5320;background:#faecdc}.word-grid-mark[data-color="3"][data-role="solution"]{color:#79508e;background:#eadff0}.word-grid-mark[data-color="3"][data-role="clue"]{color:#79508e;background:#f3ecf6}.word-grid-mark[data-color="4"][data-role="solution"]{color:#8b3f53;background:#f3dce2}.word-grid-mark[data-color="4"][data-role="clue"]{color:#8b3f53;background:#faebef}.word-grid-mark[data-color="5"][data-role="solution"]{color:#476b28;background:#e3edda}.word-grid-mark[data-color="5"][data-role="clue"]{color:#476b28;background:#eff5e9}
.word-search-grid.crossword-grid{gap:3px;padding:4px;background:transparent}.word-search-grid.crossword-grid>span:not(.crossword-block),.word-search-grid.crossword-grid>.crossword-input-cell{border:0;border-radius:4px;background:#f1f0ea;box-shadow:none}.word-search-grid.crossword-grid .crossword-block{visibility:hidden;border:0;background:transparent;box-shadow:none}
.public-crossword-grid input.correct{color:var(--green);background:#f4f8f6;box-shadow:inset 0 0 0 1px #b8d4c9}
.word-grid-editor-shell{height:clamp(210px,32vh,300px);flex:0 0 clamp(210px,32vh,300px);display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:9px;background:#fff}.word-grid-editor-shell:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,119,92,.1)}.word-grid-editor-shell .word-grid-mark-editor{min-height:0;flex:1;overflow-y:auto;border:0;border-radius:0;box-shadow:none}.word-list-mode-choice{padding:5px;display:flex;flex:0 0 auto;gap:3px;background:#f0eee8;border-bottom:1px solid var(--line)}.word-list-mode-choice[hidden]{display:none}.word-list-mode-choice button{padding:7px 11px;border:0;border-radius:6px;color:#717976;background:transparent;font:800 9px 'DM Sans';cursor:pointer}.word-list-mode-choice button.active{color:var(--green);background:#fff;box-shadow:0 2px 7px rgba(40,48,45,.09)}.word-scramble-preview{display:grid;gap:10px}.word-scramble-preview[hidden]{display:none}.word-scramble-row{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f6f4ee;border-radius:8px}.word-scramble-letters{display:flex;flex-wrap:wrap;gap:4px}.word-scramble-letters i{width:25px;height:27px;display:grid;place-items:center;color:#34413e;background:#fff;border:1px solid #d6d8d3;border-radius:5px;font:800 11px Manrope;font-style:normal}.word-scramble-answer{min-width:105px;padding:6px 8px;color:#9aa09d;border-bottom:1px solid #aeb5b1;font-size:8px}
.public-word-scramble{display:grid;gap:12px}.public-scramble-row{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f6f4ee;border-radius:9px}.public-scramble-row input{width:min(190px,40%);padding:9px 10px;border:1px solid #cdd2cf;border-radius:6px;outline:0;text-transform:uppercase}.public-scramble-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,119,92,.1)}.public-scramble-row input.correct{color:var(--green);border-color:#9dc8b8;background:#f1f8f5}.public-scramble-row input.incorrect{color:var(--gap);border-color:#dda9a5;background:#fff5f4}
.word-search-options{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.word-search-options[hidden]{display:none}.word-search-options h3{margin:0 0 9px;font:800 11px Manrope}.word-search-option{padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eceae4}.word-search-option>span{display:grid;gap:2px}.word-search-option b,.word-search-size-option b{font-size:9px}.word-search-option small{color:var(--muted);font-size:7px}.word-search-option input{width:34px;height:18px;accent-color:var(--green);cursor:pointer}.word-search-size-option{padding-top:10px;display:grid;gap:8px}.word-search-size-option>span{display:flex;align-items:center;justify-content:space-between}.word-search-size-option output{color:var(--green);font-size:8px;font-weight:800}.word-search-size-option input{width:100%;accent-color:var(--green);cursor:pointer}
.public-crossword-grid .crossword-input-cell.given{background:#d8ece4;box-shadow:inset 0 0 0 1px #9cc9b8}.public-crossword-grid .given input{color:#075f45;font-weight:900;cursor:default}
.word-search-option:has(#crosswordShowNumbers){display:none}.word-search-grid.crossword-grid .preview-given-cell{color:#075f45;background:#d8ece4;box-shadow:inset 0 0 0 1px #9cc9b8}.word-search-preview-panel #wordSearchPreviewGrid.crossword-grid>span:not(.crossword-block):not(.preview-given-cell){color:#aeb4b1;background:#f5f3ee}
.word-search-settings-body{overflow:auto}
.word-grid-inputs .word-grid-editor-shell{height:260px;min-height:260px;max-height:260px;flex:0 0 260px}.word-grid-editor-shell #wordGridText{height:0!important;min-height:0!important;max-height:none;flex:1 1 0;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable}
.word-editor-tabs{padding:5px;display:flex;flex:0 0 auto;gap:3px;background:#eeece6;border-bottom:1px solid var(--line)}.word-editor-tabs button{padding:8px 14px;border:0;border-radius:6px;color:#737b78;background:transparent;font:800 9px 'DM Sans';cursor:pointer}.word-editor-tabs button.active{color:var(--green);background:#fff;box-shadow:0 2px 7px rgba(40,48,45,.09)}.word-editor-tab-panel{padding:18px 22px;flex:1;min-height:0;overflow:auto}.word-editor-tab-panel[hidden]{display:none}.word-editor-tab-panel[data-word-editor-panel="editor"]{display:flex;flex-direction:column}.word-editor-tab-panel[data-word-editor-panel="editor"][hidden]{display:none}.word-editor-settings-panel{display:block}.word-editor-language-setting{padding:12px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.word-editor-language-setting>span{display:grid;gap:3px}.word-editor-language-setting b{font-size:10px}.word-editor-language-setting small{color:var(--muted);font-size:8px}.word-editor-language-setting select{min-width:120px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:9px}.word-editor-settings-panel .word-search-options{margin-top:0;padding-top:16px}.word-search-settings-body>.word-editor-tab-panel{width:100%}
.word-search-settings-body{padding:0!important;overflow:hidden}
#openWordGameSettings{display:none!important}
.word-editor-tab-panel[data-word-editor-panel="editor"]{overflow:hidden}.word-editor-tab-panel[data-word-editor-panel="editor"] .word-grid-inputs{flex:1;min-height:0}.word-editor-tab-panel[data-word-editor-panel="editor"] .word-grid-editor-shell{height:auto;min-height:180px;max-height:none;flex:1 1 auto}
.scramble-input-mode{padding:3px;display:flex;align-self:flex-start;gap:3px;background:#eceae4;border-radius:7px}.scramble-input-mode button{padding:7px 11px;border:0;border-radius:5px;color:#727a77;background:transparent;font:800 8px 'DM Sans';cursor:pointer}.scramble-input-mode button.active{color:var(--green);background:#fff;box-shadow:0 1px 5px rgba(40,48,45,.09)}.word-scramble-letters .given{color:#075f45;background:#d8ece4;border-color:#9cc9b8}.scramble-sort-letter{width:30px;height:32px;display:grid;place-items:center;border:1px solid #d6d8d3;border-radius:5px;color:#34413e;background:#fff;font:800 12px Manrope;cursor:grab}.scramble-sort-letter:active{cursor:grabbing}.scramble-sort-letter.selected{color:#fff;background:var(--choice);border-color:var(--choice)}.scramble-sort-letter.given{cursor:default}.public-scramble-row.correct{box-shadow:inset 0 0 0 2px #80bca6}.public-scramble-row.incorrect{box-shadow:inset 0 0 0 2px #d99892}
.word-editor-tabs .word-tab-shuffle{width:31px;height:31px;margin-left:auto;padding:0;display:grid;place-items:center;border:1px solid #a8cbbd;border-radius:6px;color:var(--green);background:#edf6f2;font-size:16px}.word-editor-tabs .word-tab-shuffle:hover{background:#dceee7}.word-settings-action-button{padding:8px 12px;border:1px solid #b9cfc6;border-radius:7px;color:var(--green);background:#edf6f2;font:800 9px 'DM Sans';cursor:pointer}.word-settings-action-button:hover{background:#dceee7}
.text-editor-tab-panel{flex:1;min-height:0}.text-editor-tab-panel[hidden]{display:none}.text-editor-tab-panel[data-text-editor-panel="editor"]{display:flex;overflow:hidden;flex-direction:column}.text-editor-tab-panel[data-text-editor-panel="editor"][hidden]{display:none}.text-editor-settings-panel{padding:20px 22px;overflow:auto}.text-editor-settings-panel .task-setting-row{margin:0;padding:14px 0!important;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.text-editor-settings-panel .task-setting-row select{min-width:120px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:9px}.text-editor-settings-panel .task-setting-row input{width:34px;height:18px;accent-color:var(--green)}.text-editor-settings-panel .word-editor-language-setting{padding:14px 0}.text-editor-tab-panel .toolbar{flex:0 0 auto}.text-editor-tab-panel .editor{flex:1;min-height:0;overflow:auto}.text-editor-tab-panel .editor-foot{flex:0 0 auto}#openTaskSettings{display:none!important}
.table-editor-tab-panel{flex:1;min-height:0}.table-editor-tab-panel[hidden]{display:none}.table-editor-tab-panel[data-table-editor-panel="editor"]{display:flex;overflow:hidden;flex-direction:column}.table-editor-tab-panel[data-table-editor-panel="editor"][hidden]{display:none}.table-editor-settings-panel{padding:20px 22px;overflow:auto}.table-editor-tab-panel .table-task-settings-body{padding:18px 22px;flex:1;min-height:0}.table-editor-source-shell{display:flex;flex:1;min-height:0;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:9px;background:#fff}.table-editor-source-shell:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,119,92,.1)}.table-editor-source-shell .table-task-mode{padding:5px;flex:0 0 auto;border-radius:0;background:#f0eee8;border-bottom:1px solid var(--line)}.table-editor-source-shell .table-task-mode button{padding:7px 11px}.table-editor-source-shell #tableTaskSource{height:0;min-height:0;flex:1;border:0;border-radius:0;box-shadow:none}.table-editor-settings-panel .word-editor-language-setting{padding:14px 0}#openTableTaskSettings{display:none!important}
#tableTaskBadge{display:none!important}
.table-task-source-editor{padding:12px;overflow:auto;outline:0;font:600 11px/1.55 'DM Sans'}.table-task-source-editor:empty::before{content:attr(data-placeholder);color:#a4aaa7;white-space:pre-line;pointer-events:none}.table-fill-column-head,.table-fill-editor-row{margin-bottom:5px;display:grid;grid-template-columns:28px repeat(var(--table-editor-columns),minmax(74px,1fr));gap:5px}.table-fill-column-head{grid-template-columns:28px repeat(var(--table-editor-columns),minmax(74px,1fr)) 28px;align-items:center;color:#8a918e;text-align:center}.table-fill-column-head b{font-size:8px}.table-fill-column-head button,.table-fill-add-row{border:1px solid #cbd2ce;border-radius:5px;color:var(--green);background:#eef5f2;font-weight:800;cursor:pointer}.table-fill-column-head button{width:28px;height:25px}.table-fill-row-number{display:grid;place-items:center;color:#929996;background:#eeece6;border-radius:5px;font-size:8px}.table-fill-editor-cell{min-height:31px;padding:7px 9px;display:block;border:1px solid #d5d8d3;border-radius:6px;background:#f7f6f1;outline:0}.table-fill-editor-row.header .table-fill-editor-cell{color:#fff;background:var(--green);border-color:var(--green);font-weight:800}.table-fill-editor-cell.task{color:#7a5b20;background:#fff5dc;border-color:#d8b66d}.table-fill-editor-cell:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(22,119,92,.1)}.table-fill-add-row{margin-left:33px;padding:6px 10px;font-size:8px}.table-cell-menu{min-width:195px;padding:6px;position:fixed;z-index:280;background:#fffefa;border:1px solid var(--line);border-radius:9px;box-shadow:0 15px 42px rgba(28,36,33,.22)}.table-cell-menu[hidden]{display:none}.table-cell-menu button{width:100%;padding:8px 10px;border:0;border-radius:5px;color:var(--ink);background:transparent;font:700 9px 'DM Sans';text-align:left;cursor:pointer}.table-cell-menu button:hover:not(:disabled){color:var(--green);background:#edf3ef}.table-cell-menu button:disabled{color:#b3b7b5;cursor:default}
.table-fill-editor-row{grid-template-columns:repeat(var(--table-editor-columns),minmax(74px,1fr))}
.table-fill-column-head,.table-fill-row-number,.table-fill-add-row,[data-table-add-column],[data-table-add-row]{display:none!important}
.table-editor-source-shell{height:clamp(240px,42vh,420px);min-height:240px}.table-editor-source-shell #tableTaskSource{height:auto!important;min-height:190px!important;display:block;flex:1 1 auto}
.table-fill-editor-cell.selected{position:relative;color:var(--ink);background:#dceee7;border-color:#68a78f;box-shadow:inset 0 0 0 1px #68a78f}.table-fill-editor-row.header .table-fill-editor-cell.selected{color:#fff;background:#287e65;border-color:#145d48}.table-fill-editor-cell.task.selected{color:#674714;background:#f3dfaa;border-color:#b98b31}
.table-fill-editor-row.truth-radio-row .table-fill-editor-cell:not(:first-child),.table-fill-editor-row.truth-checkbox-row .table-fill-editor-cell:not(:first-child){padding-left:30px;position:relative}.table-fill-editor-row.truth-radio-row .table-fill-editor-cell:not(:first-child)::before,.table-fill-editor-row.truth-checkbox-row .table-fill-editor-cell:not(:first-child)::before{content:"";width:13px;height:13px;position:absolute;left:9px;top:50%;border:1.5px solid #89938f;background:#fff;transform:translateY(-50%)}.table-fill-editor-row.truth-radio-row .table-fill-editor-cell:not(:first-child)::before{border-radius:50%}.table-fill-editor-row.truth-checkbox-row .table-fill-editor-cell:not(:first-child)::before{border-radius:3px}.table-fill-editor-row .table-fill-editor-cell.truth::after{content:"";width:7px;height:7px;position:absolute;left:12px;top:50%;border-radius:50%;background:var(--green);transform:translateY(-50%)}.table-fill-editor-row.truth-checkbox-row .table-fill-editor-cell.truth::after{width:7px;height:4px;left:12px;top:45%;border:0 solid var(--green);border-width:0 0 2px 2px;border-radius:0;background:transparent;transform:rotate(-45deg)}.table-truth-preview{display:flex;align-items:center;gap:7px}.table-truth-preview input{margin:0;accent-color:var(--green)}
.analytics-breakdown-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.analytics-source-card{grid-column:span 2}.analytics-breakdown{margin:0;padding:0;display:grid;gap:12px;list-style:none}.analytics-breakdown li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px}.analytics-breakdown li>div:first-child{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.analytics-breakdown li b{color:var(--ink)}.analytics-breakdown small{color:var(--muted);font-size:8px}.analytics-meter{height:5px;overflow:hidden;background:#e9e7e0;border-radius:20px}.analytics-meter i{height:100%;display:block;background:var(--green);border-radius:inherit}.analytics-breakdown .analytics-empty{display:block;color:var(--muted);font-size:10px}.analytics-source-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}.analytics-source-columns h3{margin:0 0 14px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}@media(max-width:1000px){.analytics-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.analytics-breakdown-grid{grid-template-columns:1fr}.analytics-source-card{grid-column:auto}.analytics-source-columns{grid-template-columns:1fr}}
.analytics-totals{margin-top:18px}.analytics-evaluation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-type-bars{display:grid;gap:14px}.analytics-type-bars>div{display:grid;grid-template-columns:minmax(110px,1fr) 2fr auto;align-items:center;gap:12px;font-size:10px}.analytics-type-bars>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-type-bars>div>i{height:8px;overflow:hidden;background:#ebe9e2;border-radius:20px}.analytics-type-bars>div>i>i{height:100%;display:block;background:linear-gradient(90deg,var(--green),#65aa91);border-radius:inherit}.analytics-type-bars>div>b{min-width:24px;color:var(--green);text-align:right}.analytics-timeline{height:210px;display:flex;align-items:flex-end;gap:8px}.analytics-timeline>div{height:100%;min-width:28px;display:flex;flex:1;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px}.analytics-timeline i{width:100%;max-width:34px;background:var(--green);border-radius:5px 5px 0 0}.analytics-timeline b{font-size:9px}.analytics-timeline small{color:var(--muted);font-size:7px}.analytics-empty{color:var(--muted);font-size:10px}@media(max-width:800px){.analytics-evaluation-grid{grid-template-columns:1fr}}
.visitor-range-toolbar{margin-bottom:18px;padding:10px 12px;display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.visitor-range-presets{padding:3px;display:flex;gap:3px;background:#eceae4;border-radius:8px}.visitor-range-presets button{padding:8px 12px;border:0;border-radius:6px;color:var(--muted);background:transparent;font:800 9px 'DM Sans';cursor:pointer}.visitor-range-presets button.active{color:var(--green);background:#fff;box-shadow:0 2px 7px rgba(40,48,45,.09)}#visitorCustomRange{display:flex;align-items:end;gap:8px}#visitorCustomRange label{display:grid;gap:3px;color:var(--muted);font-size:8px;font-weight:800}#visitorCustomRange input{padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;font:600 9px 'DM Sans'}#visitorCustomRange .button{padding:8px 11px}#visitorRangeStatus{margin-left:auto;color:var(--muted);font-size:9px;font-weight:700}.visit-chart{overflow-x:auto;overflow-y:hidden}.visit-chart>div{flex-basis:18px}@media(max-width:800px){.visitor-range-toolbar{align-items:stretch;flex-direction:column}#visitorCustomRange{flex-wrap:wrap}#visitorRangeStatus{margin-left:0}}
.visitor-axis-chart{height:290px;display:block;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.visitor-axis-chart>.visitor-chart-shell{width:calc(var(--chart-width) + 58px);height:270px;min-width:calc(var(--chart-width) + 58px);display:grid;grid-template-columns:18px 40px var(--chart-width);grid-template-rows:220px 28px 18px;align-items:stretch;justify-content:start;gap:0}.visitor-chart-axis-title{display:grid;place-items:center;color:#7c8581;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.visitor-chart-axis-title.y{grid-column:1;grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg)}.visitor-chart-y-axis{padding-right:8px;grid-column:2;grid-row:1;display:flex;align-items:flex-end;justify-content:space-between;flex-direction:column;color:#7c8581;font-size:8px}.visitor-chart-main{width:var(--chart-width);grid-column:3;grid-row:1/4}.visitor-chart-plot{height:220px;position:relative;border-bottom:1px solid #bfc6c2}.visitor-chart-grid{position:absolute;inset:0;display:flex;justify-content:space-between;flex-direction:column}.visitor-chart-grid i{width:100%;max-width:none;height:1px;display:block;background:#e7e8e3;border-radius:0}.visitor-chart-bars{position:absolute;inset:0;display:flex;align-items:flex-end}.visitor-chart-bars>div{height:100%;min-width:0;display:flex;align-items:flex-end;justify-content:center;flex:1;padding:0 2px}.visitor-chart-bars>div>i{width:66%;min-width:5px;max-width:18px;position:relative;display:block;background:linear-gradient(180deg,#3e9b7d,var(--green));border-radius:5px 5px 1px 1px;box-shadow:0 2px 5px rgba(22,119,92,.16);transition:filter .15s ease}.visitor-chart-bars>div:hover>i{filter:brightness(.88)}.visitor-chart-bars b{position:absolute;left:50%;top:-15px;color:#52605b;font-size:7px;transform:translateX(-50%)}.visitor-chart-x-axis{height:28px;display:flex;align-items:start}.visitor-chart-x-axis span{min-width:0;padding-top:6px;flex:1;color:#7c8581;font-size:7px;text-align:center;white-space:nowrap}.visitor-chart-axis-title.x{height:18px}.visitor-axis-chart>p{color:var(--muted);font-size:10px}
.profile-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.profile-dialog form>h2{margin:7px 0 6px}.profile-dialog form>p:not(.dialog-error){margin:0 0 20px;color:var(--muted);font-size:10px}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profile-form-grid label{display:grid;gap:6px;color:#606866;font-size:9px;font-weight:800}.profile-form-grid label.wide{grid-column:1/-1}.profile-form-grid label>small{color:var(--muted);font-size:7px;font-weight:600}.profile-form-grid input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;outline:0;font:500 10px 'DM Sans'}.profile-form-grid input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,119,92,.09)}.profile-form-grid input[readonly]{background:#f5f7f6;color:var(--muted)}.profile-dialog .dialog-error{min-height:15px;margin:12px 0 0}.profile-danger-zone{margin-top:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #ead1ce;border-radius:9px;background:#fffafa}.profile-danger-zone div{display:grid;gap:3px}.profile-danger-zone b{font-size:10px}.profile-danger-zone small{color:var(--muted);font-size:8px}.button-danger-outline{flex:none;color:#a44741;border:1px solid #dba9a5;background:white}.button-danger-outline:hover{background:var(--gap-soft)}#profileDeleteDialog label{margin-top:16px}.delete-confirm-word{width:max-content;padding:4px 8px;color:#9f3029;background:#f9dedb;border:1px solid #e5aaa5;border-radius:5px;font:900 12px Manrope;letter-spacing:.12em}#profileDeleteConfirmation{border-color:#dba9a5;font-weight:800;letter-spacing:.08em}#profileDeleteConfirmation:focus{border-color:#c94940;box-shadow:0 0 0 3px rgba(201,73,64,.12)}@media(max-width:560px){.profile-form-grid{grid-template-columns:1fr}.profile-form-grid label.wide{grid-column:auto}.profile-danger-zone{align-items:stretch;flex-direction:column}}
.profile-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.profile-section:first-of-type{margin-top:0;padding-top:0;border-top:0}.profile-section h3{margin:0 0 12px;font:800 12px Manrope}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-section-head h3{margin-bottom:3px}.profile-section-head small{color:var(--muted);font-size:8px}.billing-plan{padding:5px 9px;color:#5d6663;background:#ecefeb;border-radius:999px;font:800 9px Manrope}.billing-plan.is-pro{color:#fff;background:var(--green)}.billing-details{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.billing-details>span{padding:10px;display:grid;gap:3px;background:#f5f3ed;border-radius:8px;font-size:9px}.billing-details>span b{color:var(--muted);font-size:7px}.billing-details p{grid-column:1/-1;margin:0;padding:9px;border-radius:7px;font-size:8px}.billing-warning{color:#8b3e36;background:#fff0ee}.billing-note{color:#315b50;background:#edf6f2}.billing-allowance{margin-top:9px;padding:10px;background:#f5f3ed;border-radius:8px}.billing-allowance div{display:flex;justify-content:space-between;gap:10px;font-size:8px}.billing-allowance progress{width:100%;height:5px;margin-top:7px;accent-color:var(--green)}.billing-actions{margin-top:11px;display:flex;flex-wrap:wrap;gap:8px}.billing-actions .button[hidden]{display:none}@media(max-width:560px){.billing-details{grid-template-columns:1fr}.billing-details p{grid-column:auto}.billing-allowance div{flex-direction:column}}
.admin-users-table table{min-width:820px}
.analytics-section-title{margin:30px 0 12px;font:800 17px Manrope}.deleted-user-totals article{border-color:#ead1ce;background:#fffafa}.deleted-user-totals b{color:#a44741}.deleted-timeline>div>i{background:#c56a63}
.analytics-range-toolbar{margin-top:20px}.analytics-range-toolbar #authCustomRange{display:flex;align-items:end;gap:8px}.analytics-range-toolbar #authCustomRange label{display:grid;gap:3px;color:var(--muted);font-size:8px;font-weight:800}.analytics-range-toolbar #authCustomRange input{padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;font:600 9px 'DM Sans'}.analytics-range-toolbar #authRangeStatus{margin-left:auto;color:var(--muted);font-size:9px;font-weight:700}.auth-comparison-card{margin-bottom:28px}.auth-comparison-card>header{margin-bottom:18px;display:flex;align-items:start;justify-content:space-between;gap:20px}.auth-comparison-card>header h2{margin-bottom:5px}.auth-comparison-card>header p{margin:0;color:var(--muted);font-size:9px}.comparison-legend{display:flex;gap:14px;color:var(--muted);font-size:8px;font-weight:800}.comparison-legend span{display:flex;align-items:center;gap:5px}.comparison-legend i{width:9px;height:9px;border-radius:2px}.comparison-legend .login,.comparison-bars .login{background:#278468}.comparison-legend .deletion,.comparison-bars .deletion{background:#c45c54}.comparison-bars{position:absolute;inset:0;display:flex;align-items:flex-end}.comparison-bars>div{height:100%;min-width:0;padding:0 2px;display:flex;align-items:flex-end;justify-content:center;gap:2px;flex:1}.comparison-bars>div>i{width:40%;min-width:3px;max-width:12px;position:relative;display:block;border-radius:4px 4px 1px 1px}.comparison-bars b{position:absolute;left:50%;top:-14px;color:#59615e;font-size:7px;transform:translateX(-50%)}@media(max-width:800px){.analytics-range-toolbar{align-items:stretch}.analytics-range-toolbar #authCustomRange{flex-wrap:wrap}.analytics-range-toolbar #authRangeStatus{margin-left:0}.auth-comparison-card>header{flex-direction:column}}
/* Standard switch for every binary editor setting. */
input[type="checkbox"][role="switch"]{appearance:none;-webkit-appearance:none;width:34px!important;height:18px!important;min-width:34px;margin:0;padding:2px!important;border:1px solid #b9c2bd;border-radius:999px;background:#dfe3e0;box-shadow:inset 0 1px 2px rgba(25,43,36,.12);cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
input[type="checkbox"][role="switch"]::before{content:"";width:12px;height:12px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(25,43,36,.28);transition:transform .16s ease}
input[type="checkbox"][role="switch"]:checked{border-color:var(--green);background:var(--green)}
input[type="checkbox"][role="switch"]:checked::before{transform:translateX(16px)}
input[type="checkbox"][role="switch"]:focus-visible{outline:3px solid rgba(22,119,92,.22);outline-offset:2px}
.task-type-field{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){.task-type-field{grid-template-columns:1fr}}
.word-grid-mark-editor.word-entry-table{padding:12px;white-space:normal;background:#fff;outline:0;font:600 11px/1.55 'DM Sans'}
.word-grid-mark-editor.word-entry-table>div{padding:0;display:grid;gap:5px}
.word-grid-mark-editor.word-entry-table .single-word-entry-row{grid-template-columns:minmax(150px,1fr);margin-bottom:5px}
.word-grid-mark-editor.word-entry-table .word-entry-row .word-grid-mark[data-role]{min-width:0;min-height:31px;padding:7px 9px;overflow:hidden;color:var(--ink);background:#f7f6f1;border:1px solid #d5d8d3;border-radius:6px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.word-grid-mark-editor.crossword-entry-table>div{padding:0;display:grid;grid-template-columns:minmax(110px,.75fr) minmax(150px,1.25fr);gap:5px}
.word-grid-mark-editor .crossword-entry-header{min-height:31px;margin-bottom:5px;color:#fff;background:transparent}
.word-grid-mark-editor .crossword-entry-header b{font-size:9px}
.word-grid-mark-editor .crossword-entry-row{margin-bottom:5px}
.word-grid-mark-editor.word-entry-table .word-entry-row .word-grid-mark:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(22,119,92,.1);outline:0}
.word-search-preview-panel #wordSearchPreviewGrid>span.preview-solution-cell{color:#fff;background:var(--green);box-shadow:inset 0 0 0 1px #0d644a}
.word-search-preview-panel #wordSearchPreviewGrid.crossword-grid>span.preview-solution-cell{color:#12684f;background:#e1f0ea;box-shadow:inset 0 0 0 1px #9cc9b8}
.word-search-grid.crossword-grid>span:not(.crossword-block),.word-search-grid.crossword-grid>.crossword-input-cell,.public-crossword-grid .crossword-input-cell.given,.word-search-grid.crossword-grid .preview-given-cell,.word-search-preview-panel #wordSearchPreviewGrid.crossword-grid>span.preview-solution-cell{background:#fff;box-shadow:inset 0 0 0 1px #89bca8}.public-crossword-grid input:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--green)}.public-crossword-grid .crossword-input-cell.active-word{box-shadow:inset 0 0 0 2px #69a991}.public-crossword-grid .crossword-input-cell.active-word:focus-within{box-shadow:inset 0 0 0 2px var(--green)}.public-crossword-clues li[data-placement]{padding:3px 5px;border-radius:5px;cursor:pointer;outline:0}.public-crossword-clues li[data-placement]:hover,.public-crossword-clues li[data-placement].active,.public-crossword-clues li[data-placement]:focus-visible{color:#0c654b;background:#eaf4f0}
.word-search-preview-panel .word-scramble-answer b{color:var(--green);font-size:8px}
/* Standard range slider for numeric editor settings. */
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]{appearance:none;-webkit-appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#d8dfdb;box-shadow:inset 0 1px 2px rgba(25,43,36,.12)}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-5.5px;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 2px 5px rgba(25,43,36,.3);transition:transform .14s ease,box-shadow .14s ease}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]::-moz-range-track{height:5px;border:0;border-radius:999px;background:#d8dfdb;box-shadow:inset 0 1px 2px rgba(25,43,36,.12)}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]::-moz-range-progress{height:5px;border-radius:999px;background:var(--green)}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 2px 5px rgba(25,43,36,.3);transition:transform .14s ease,box-shadow .14s ease}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 2px 7px rgba(22,119,92,.38)}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]:hover::-moz-range-thumb{transform:scale(1.08);box-shadow:0 2px 7px rgba(22,119,92,.38)}
:where(.word-search-size-option,.word-editor-language-setting,.task-setting-row)>input[type="range"]:focus-visible{outline:3px solid rgba(22,119,92,.18);outline-offset:3px;border-radius:999px}

/* Multiple-Choice keeps content authoring in one deliberately simple field. */
.multiple-choice-editor-body{display:flex;flex-direction:column;gap:10px}
[data-mc-panel][hidden]{display:none!important}
.multiple-choice-source-label{display:grid;gap:5px;font-size:10px}
.multiple-choice-source-label small{color:var(--muted);font-size:8px;line-height:1.5}
.multiple-choice-source-label strong{color:var(--green)}
#multipleChoiceSource{width:100%;min-height:360px;flex:1;padding:14px;resize:none;border:1px solid var(--line);border-radius:8px;outline:0;background:#fffefa;font:500 10px/1.65 'DM Sans';tab-size:2}
#multipleChoiceSource:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(22,119,92,.1)}

/* Ratespiel / Multimodus */
.live-guess-builder{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-guess-builder[hidden]{display:none}.live-guess-paper{margin:18px;padding:32px;min-height:430px;background:#fffefa;border-radius:5px;box-shadow:0 15px 45px rgba(35,45,41,.1)}.live-guess-mode-choice{margin:18px;display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#eeece5;border-radius:10px}.live-guess-mode-choice button{padding:10px;border:0;border-radius:8px;background:transparent;font-weight:800}.live-guess-mode-choice button.active{color:#fff;background:var(--green)}.live-guess-round{margin:14px 18px;padding:16px;display:grid;gap:13px;border:1px solid var(--line);border-radius:12px;background:#faf9f5}.live-guess-round header{display:flex;align-items:center;justify-content:space-between}.live-guess-round header button{border:0;background:transparent;font-size:22px}.live-guess-round label{display:grid;gap:6px;font-size:11px;font-weight:750}.live-guess-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-guess-answer{padding:8px;display:grid!important;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff}.live-guess-image-editor{min-height:180px;display:grid;place-items:center;position:relative;overflow:hidden;background:#e8e6de;border-radius:10px}.live-guess-image-editor img{width:100%;height:220px;object-fit:contain}.live-guess-image-editor label{position:absolute;right:10px;bottom:10px}.live-guess-image-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-guess-question>div,.live-player-answers{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-guess-question span{padding:15px;background:#f0eee8;border-radius:10px}.live-guess-question span.solution{outline:2px solid var(--green);background:#e4f2ec}.live-guess-image-preview,.live-player-image{height:290px;position:relative;display:grid;place-items:center;overflow:hidden;background:#e9e7df;border-radius:12px}.live-guess-image-preview img,.live-player-image img{width:100%;height:100%;object-fit:cover}.live-guess-image-preview i,.live-player-image i{position:absolute;inset:0}.live-guess-image-preview i.tiles{background:repeating-conic-gradient(#d7d4ca 0 25%,transparent 0 50%) 0/80px 80px;opacity:.65}.live-guess-image-preview i.blur,.live-player-image i.blur{backdrop-filter:blur(18px)}
.task-type-field{display:block}.task-mode-group{margin-top:11px;padding:11px;border:1px solid var(--line);border-radius:12px}.task-mode-group>h3{margin:0 0 8px;font-size:11px}.task-mode-group>p{margin:-3px 0 9px;color:var(--muted);font-size:8px}.task-mode-group.multi{background:#edf6f2;border-color:#b8d7ca}.task-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-guess-task-graphic{color:#fff;background:linear-gradient(135deg,#16775c,#6947a8)}.live-guess-task-graphic i{font-size:15px;font-style:normal;font-weight:900}
.multi-control-panel{margin-bottom:18px;display:grid;gap:12px}.multi-control-panel[hidden]{display:none}.multi-control-card{padding:20px;display:grid;grid-template-columns:1fr auto;gap:16px;color:#fff;background:linear-gradient(135deg,#173d34,#195e4c);border-radius:16px}.multi-control-card h2{margin:5px 0}.multi-control-card p{margin:0;color:#d8ebe4}.multi-control-actions{display:flex;align-items:center;gap:8px}.multi-control-actions button{padding:10px 14px;border:0;border-radius:9px;color:#173d34;background:#fff;font-weight:800}.multi-control-actions .button-ghost{color:#fff;background:transparent;border:1px solid #81ae9f}.multi-scoreboard{grid-column:1/-1;margin:0;padding:10px 14px 10px 34px;background:rgba(255,255,255,.09);border-radius:10px}.multi-scoreboard li span{display:inline-block;width:calc(100% - 70px)}
.public-mode .public-sheet:has(.live-player-state,.live-player-question){width:min(100%,980px);background:linear-gradient(145deg,#f9fff8,#eee9ff)}.live-player-state{min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.live-pulse{width:25px;height:25px;border-radius:50%;background:var(--green);animation:livePulse 1.4s infinite}.live-player-question h1{text-align:center}.live-player-answers button{min-height:95px;padding:18px;display:flex;align-items:center;gap:14px;border:0;border-radius:14px;color:#fff;background:#16775c;font-size:16px;font-weight:800}.live-player-answers button:nth-child(2){background:#9b3f64}.live-player-answers button:nth-child(3){background:#3e63a8}.live-player-answers button:nth-child(4){background:#c07b26}.live-player-answers i{width:32px;height:32px;display:grid;place-items:center;background:rgba(255,255,255,.2);border-radius:50%;font-style:normal}.live-player-question form{margin-top:16px;display:flex;gap:8px}.live-player-question form input{flex:1}.live-player-state .correct{color:var(--green);font-weight:900}.live-player-state .wrong{color:#a13845;font-weight:900}@keyframes livePulse{50%{box-shadow:0 0 0 16px rgba(22,119,92,0)}}
@media(max-width:800px){.live-guess-builder{grid-template-columns:1fr}.task-mode-options,.live-guess-answer-grid,.live-guess-image-fields,.live-player-answers{grid-template-columns:1fr}.multi-control-card{grid-template-columns:1fr}.multi-control-actions{flex-wrap:wrap}}
.live-quick-spreadsheet{margin:14px 18px;max-height:420px}.live-quick-spreadsheet .multiple-choice-page-switch{margin:-12px -12px 12px}.live-quick-spreadsheet .multiple-choice-grid-row .table-fill-editor-cell.truth::after{display:none!important}.live-player-answer-table{grid-template-columns:repeat(var(--mc-answer-columns),minmax(100px,1fr))}.live-player-answer-table button{grid-row:var(--mc-row);grid-column:var(--mc-column);background:#16775c!important}.live-player-answer-table button.selected{outline:4px solid #f0c75e;box-shadow:0 0 0 2px #fff inset;transform:translateY(-2px)}.live-player-submit-selection{margin:18px auto 0;display:block}
.live-player-image i.tiles{background:repeating-conic-gradient(#d7d4ca 0 25%,transparent 0 50%) 0/80px 80px;opacity:.65;animation:revealTiles var(--reveal-seconds) steps(8,end) forwards}.live-player-image i.blur{animation:revealBlur var(--reveal-seconds) linear forwards}@keyframes revealTiles{to{opacity:0}}@keyframes revealBlur{to{backdrop-filter:blur(0)}}
.live-image-round{padding:0;overflow:hidden;background:#fff;border-color:#dce3df;box-shadow:0 8px 24px rgba(28,54,45,.06)}.live-image-round>header{padding:14px 16px;border-bottom:1px solid #e6e9e5;background:#f6f8f5}.live-image-round>header span{display:grid;gap:2px}.live-image-round>header small{color:var(--green);font-size:7px;font-weight:900;letter-spacing:.13em}.live-image-round>header b{font:800 13px Manrope}.live-image-round>header button{width:30px;height:30px;display:grid;place-items:center;color:#7b8581;border-radius:50%;cursor:pointer}.live-image-round>header button:hover:not(:disabled){color:#a44741;background:#fae9e7}.live-image-round>header button:disabled{opacity:.25}.live-image-round .live-guess-image-editor{min-height:245px;margin:16px;border:2px dashed #a8c9bc;border-radius:14px;background:linear-gradient(145deg,#f4faf7,#eef4f1);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.live-image-round .live-guess-image-editor:focus-visible{outline:3px solid rgba(22,119,92,.18);outline-offset:2px}.live-image-round .live-guess-image-editor.drag-over{border-color:var(--green);background:#dff1e9;box-shadow:0 0 0 5px rgba(22,119,92,.12);transform:scale(.995)}.live-image-empty{padding:28px;display:grid;place-items:center;gap:6px;color:#5e716a;text-align:center;pointer-events:none}.live-image-empty>b{color:#193e34;font:800 15px Manrope}.live-image-empty>span{font-size:9px}.live-image-empty>small{margin-top:5px;color:#8b9893;font-size:7px}.live-image-upload-icon{width:54px;height:54px;margin-bottom:6px;display:grid;place-items:center;color:var(--green);background:#fff;border:1px solid #cfe2da;border-radius:16px;box-shadow:0 8px 20px rgba(22,119,92,.1)}.live-image-upload-icon svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.live-image-picker{right:14px!important;bottom:14px!important;z-index:3;box-shadow:0 8px 18px rgba(23,55,46,.18)}.live-image-round .live-guess-image-editor.has-image{border-style:solid;border-color:#d4ddd9;background:#18231f}.live-image-round .live-guess-image-editor.has-image img{width:100%;height:270px;object-fit:contain}.live-image-overlay{padding:32px;display:grid;place-items:center;position:absolute;inset:0;color:#fff;background:rgba(15,35,29,.64);opacity:0;text-align:center;transition:opacity .18s ease;pointer-events:none}.live-image-overlay span{font:800 14px Manrope}.live-image-overlay small{margin-top:4px;color:#dcebe5;font-size:8px}.live-guess-image-editor.has-image:hover .live-image-overlay,.live-guess-image-editor.has-image.drag-over .live-image-overlay{opacity:1}.live-image-round .live-guess-image-fields{padding:0 16px 18px;gap:12px}.live-image-round .live-guess-image-fields label{gap:7px;color:#314840;font-size:8px}.live-image-round .live-guess-image-fields label>span{display:flex;align-items:center;gap:5px;font-weight:850}.live-image-round .live-guess-image-fields label small{color:#8d9894;font-size:7px;font-weight:600}.live-image-round .live-guess-image-fields input{padding:12px 13px;border:1px solid #d9dfdc;border-radius:9px;background:#fbfcfa;outline:0;font:600 10px 'DM Sans'}.live-image-round .live-guess-image-fields input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(22,119,92,.1)}
.preview-panel .task-preview-paper{margin:24px;min-height:0;padding:28px 30px;flex:1;overflow:auto;background:#fffefa;border-radius:4px;box-shadow:0 4px 17px rgba(41,47,44,.08)}
@media(max-width:800px){.preview-panel .task-preview-paper{margin:14px;padding:22px 18px}}
.live-image-spreadsheet{margin:14px 18px;padding:0;overflow:hidden}.live-image-spreadsheet>.multiple-choice-page-switch{margin:0}.live-image-spreadsheet .live-image-round{margin:0;border:0;border-radius:0;box-shadow:none}.live-image-text-table{margin:0 16px 18px;overflow:hidden;border:1px solid #d9dfdc;border-radius:10px;background:#fff}.live-image-text-head,.live-image-text-row{display:grid;grid-template-columns:1fr 1fr}.live-image-text-head{color:#fff;background:var(--green)}.live-image-text-head>span{padding:10px 12px;font-size:8px;font-weight:900;letter-spacing:.04em}.live-image-text-head>span+span,.live-image-text-row>*+*{border-left:1px solid rgba(255,255,255,.28)}.live-image-text-head small{color:#cde4db;font-size:7px;font-weight:650;letter-spacing:0}.live-image-text-row textarea{width:100%;min-height:78px;padding:12px;resize:vertical;border:0;outline:0;color:var(--ink);background:#fbfcfa;font:600 10px/1.5 'DM Sans'}.live-image-text-row textarea+textarea{border-left-color:#d9dfdc}.live-image-text-row textarea:focus{background:#fff;box-shadow:inset 0 0 0 2px rgba(22,119,92,.22)}
.live-guess-builder{flex:1;overflow:hidden}.live-guess-editor-panel{min-height:0}.live-guess-editor-panel>#liveGuessEditor{display:flex;flex:1;min-height:0;overflow:hidden;flex-direction:column}.live-guess-editor-panel>#liveGuessEditor>[data-lg-panel]{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.live-guess-editor-panel>#liveGuessEditor>[data-lg-panel="editor"]{flex:1}.live-guess-editor-panel>#liveGuessEditor>[data-lg-panel="settings"]{flex:1}
.preview-panel .task-preview-paper>h3{display:none!important}
@media(max-width:600px){.live-image-text-head,.live-image-text-row{grid-template-columns:1fr}.live-image-text-head>span+span,.live-image-text-row>*+*{border-left:0}.live-image-text-head>span+span{border-top:1px solid rgba(255,255,255,.28)}.live-image-text-row textarea+textarea{border-top:1px solid #d9dfdc}}
@media(max-width:800px){body.view-editor .live-guess-builder{display:grid;overflow-y:auto;grid-template-rows:minmax(520px,auto) minmax(520px,auto)}body.view-editor .live-guess-builder[hidden]{display:none}.live-guess-editor-panel>#liveGuessEditor>[data-lg-panel]{overflow-y:auto}}
.live-player-presentation{margin-bottom:22px;padding-bottom:14px;display:grid;gap:4px;border-bottom:1px solid var(--line)}.live-player-presentation b{font:800 18px Manrope}.live-player-presentation small{color:var(--muted);font-size:10px}
.teacher-nav{padding:4px;display:flex;align-items:center;gap:3px;position:absolute;left:50%;background:#eceae4;border:1px solid #dedbd3;border-radius:11px;transform:translateX(-50%)}.teacher-nav button{padding:8px 13px;display:flex;align-items:center;gap:7px;border:0;border-radius:8px;color:#6d7572;background:transparent;font-size:9px;font-weight:800;cursor:pointer}.teacher-nav button svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.teacher-nav button:hover{color:var(--ink);background:rgba(255,255,255,.55)}.teacher-nav button:hover svg{transform:translateY(-1px)}body.view-dashboard #dashboardTab,body.view-editor #dashboardTab,body.view-tracking #trackingButton,body.view-multi-monitor #multiMonitorButton{color:#fff;background:var(--green);box-shadow:0 3px 9px rgba(22,119,92,.2)}
body:not(.view-multi-monitor) #multiMonitorView{display:none}body.view-multi-monitor #dashboardView,body.view-multi-monitor #editorView,body.view-multi-monitor #trackingView{display:none}body.authenticated.view-multi-monitor{min-height:100vh;display:flex;flex-direction:column}body.authenticated.view-multi-monitor #multiMonitorView{width:100%;flex:1 0 auto}.multi-monitor-view{padding-bottom:35px}.multi-monitor-empty[hidden]{display:none}
@media(max-width:850px){.teacher-nav{position:static;transform:none}.teacher-nav button{padding:8px;font-size:0}.teacher-nav button svg{width:18px;height:18px}}@media(max-width:560px){.topbar{padding-inline:14px}.brand-copy{display:none}.teacher-nav button{padding:7px}}
.live-presentation-panel{display:grid;gap:20px}.live-presentation-panel[hidden]{display:none}.live-presentation-card{padding:26px;color:#17372f;background:linear-gradient(145deg,#fbfffd,#f0f7f4);border:1px solid #cfe1da;border-radius:19px;box-shadow:0 16px 40px rgba(28,65,54,.1)}.live-presentation-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding-bottom:19px;border-bottom:1px solid #d7e5df}.live-presentation-card>header h1{margin:5px 0 0;font:800 27px Manrope}.live-presentation-count{display:grid;text-align:center}.live-presentation-count b{color:var(--green);font:900 30px Manrope}.live-presentation-count span{color:var(--muted);font-size:8px;font-weight:800}.live-presentation-actions{display:flex;gap:7px}.live-presentation-actions button,.live-presentation-actions a{padding:9px 12px;border:1px solid #a9c8bb;border-radius:8px;color:var(--green);background:#fff;font-size:8px;font-weight:800;text-decoration:none;cursor:pointer}.live-presentation-round{padding:25px 10px 8px;text-align:center}.live-presentation-round>span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.live-presentation-round h2{margin:8px auto 15px;max-width:760px;font:800 clamp(18px,3vw,32px) Manrope}.live-presentation-round img{width:min(100%,620px);max-height:330px;object-fit:contain;border-radius:14px;box-shadow:0 12px 30px rgba(20,43,36,.13)}.live-presentation-wait{min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.live-presentation-wait i{width:15px;height:15px;background:var(--green);border-radius:50%;animation:livePulse 1.4s infinite}.live-presentation-grid{margin-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-presentation-grid>div{padding:17px;background:rgba(255,255,255,.78);border:1px solid #dbe7e2;border-radius:13px}.live-presentation-grid h3{margin:0 0 12px;font:800 12px Manrope}.live-answer-status>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.live-answer-person{padding:9px;display:flex;align-items:center;gap:9px;color:#77807d;background:#f1f1ed;border-radius:9px;transition:.35s ease}.live-answer-person>i{width:25px;height:25px;display:grid;place-items:center;background:#dedfd9;border-radius:50%;font-style:normal}.live-answer-person>span{display:grid}.live-answer-person b{font-size:9px}.live-answer-person small{font-size:7px}.live-answer-person.answered{color:#12664f;background:#dff1e9;box-shadow:inset 0 0 0 1px #acd5c5}.live-answer-person.answered>i{color:#fff;background:var(--green)}.live-ranking ol{margin:0;padding:0;display:grid;gap:7px;list-style:none}.live-ranking li{min-height:40px;padding:7px 10px;display:grid;grid-template-columns:28px minmax(0,1fr) 55px 55px;align-items:center;gap:8px;background:#fff;border:1px solid #e1e8e4;border-radius:9px;will-change:transform}.live-ranking li:nth-child(-n+3){background:#edf6f2;border-color:#c3ddd2}.live-ranking li em{width:25px;height:25px;display:grid;place-items:center;color:#fff;background:#7e9a90;border-radius:50%;font-size:8px;font-style:normal;font-weight:900}.live-ranking li:first-child em{background:#d4a22d}.live-ranking li span{font-size:9px;font-weight:800}.live-ranking li small{color:var(--muted);font-size:7px}.live-ranking li>b{color:var(--green);font-size:9px;text-align:right}.public-live-presentation .public-worksheet-view{padding:18px;background:radial-gradient(circle at top,#dceee7,#e8e6de 70%)}.public-live-presentation .public-sheet{width:min(100%,1400px);padding:20px;box-shadow:none;background:transparent}.public-live-presentation .public-content{padding-top:18px}.public-live-presentation .live-presentation-card{min-height:calc(100vh - 125px)}
@media(max-width:800px){.live-presentation-card{padding:17px}.live-presentation-card>header{grid-template-columns:1fr auto}.live-presentation-actions{grid-column:1/-1}.live-presentation-grid{grid-template-columns:1fr}.live-answer-status>div{grid-template-columns:1fr}.live-ranking li{grid-template-columns:28px minmax(0,1fr) 45px 45px}}
.public-live-presentation .public-sheet-head{display:none}.public-live-presentation .public-content{padding-top:0}.public-live-presentation .live-presentation-card{min-height:calc(100vh - 76px)}
.preview-dialog-actions{display:flex;align-items:center;gap:8px}.preview-dialog-actions .button[hidden]{display:none}.preview-dialog-close{width:35px;height:35px;border:0;border-radius:8px;color:#68716f;background:#efede7;font-size:22px;line-height:1;cursor:pointer}.preview-dialog-close:hover{color:#9f403a;background:var(--gap-soft)}
.row-actions button svg{width:17px;height:17px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.row-actions button:hover svg{transform:scale(1.1)}
.shared-editor-table-menu [hidden]{display:none!important}.word-grid-mark-editor .word-entry-row .table-fill-editor-cell.selected,.multiple-choice-question-row .table-fill-editor-cell.selected,.multiple-choice-answer-row .table-fill-editor-cell.selected{color:var(--ink)!important;background:#dceee7!important;border-color:#68a78f!important;box-shadow:inset 0 0 0 1px #68a78f!important;user-select:none}
/* Task completeness feedback */
.file-type-icon{position:relative}.task-quality-badge{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;display:grid!important;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;font:800 9px/1 Manrope,sans-serif;box-shadow:0 2px 5px rgba(36,48,47,.2)}.task-quality-badge.error{background:#ba4e46}.task-quality-badge.warning{width:20px;height:20px;border:0;border-radius:0;color:#c58a18;background:transparent;box-shadow:none}.file-type-icon .task-quality-badge.warning svg{width:20px;height:20px;overflow:visible;fill:currentColor;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(36,48,47,.24))}.task-quality-badge.warning svg path+path{fill:none}.task-validation-panel{margin:0 0 10px;flex:0 0 auto;border:1px solid;border-radius:10px;overflow:hidden}.task-validation-panel[hidden]{display:none}.task-validation-panel.error{color:#873b36;background:#fff3f1;border-color:#e6b7b2}.task-validation-panel.warning{color:#77530d;background:#fff8e8;border-color:#e4ca8b}.task-validation-summary{width:100%;min-height:48px;padding:9px 13px;display:flex;align-items:center;gap:10px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.task-validation-symbol{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#ba4e46;font-weight:900}.task-validation-panel.warning .task-validation-symbol{color:#c58a18;background:transparent}.task-validation-panel.warning .task-validation-symbol svg{width:25px;height:25px;fill:currentColor;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.task-validation-panel.warning .task-validation-symbol svg path+path{fill:none}.task-validation-summary>span:nth-child(2){display:grid;gap:2px;flex:1}.task-validation-summary b{font-size:11px}.task-validation-summary small{color:inherit;font-size:9px}.task-validation-chevron{font-size:18px;transition:transform .15s}.task-validation-summary[aria-expanded="true"] .task-validation-chevron{transform:rotate(180deg)}.task-validation-panel ul{margin:0;padding:2px 16px 12px 48px}.task-validation-panel li{margin:5px 0;font-size:10px}.task-validation-panel li.warning{color:#77530d}.task-validation-panel li.error{color:#873b36}
.public-mode .public-sheet:has(.public-wide-task){width:min(100%,980px);background:linear-gradient(145deg,#f9fff8,#eee9ff)}
.public-mode:not(.public-live-presentation) .public-sheet{width:min(100%,980px)}
body.public-mode:not(.public-live-presentation){background:#fffefa}.public-mode:not(.public-live-presentation) .public-worksheet-view{min-height:0;padding:24px 20px}.public-mode:not(.public-live-presentation) .public-sheet{min-height:0}.public-mode:not(.public-live-presentation) .public-sheet:has(.public-table-layout){width:min(100%,1200px)}
@media(max-width:600px){.public-mode:not(.public-live-presentation) .public-worksheet-view{padding:0}.public-mode:not(.public-live-presentation) .public-sheet{min-height:0}}
.live-current-question .live-presentation-round{padding:10px 0 0}.live-current-question .live-presentation-wait{min-height:220px}.live-ranking li{grid-template-columns:28px minmax(0,1fr) minmax(105px,auto) 55px}.live-ranking li.answered{border-color:#acd5c5;box-shadow:inset 0 0 0 1px #d4e9e0}.live-ranking li.answered small{color:#12664f;font-weight:800}.live-ranking li.waiting small{color:#8b9490}
@media(max-width:800px){.live-ranking li{grid-template-columns:28px minmax(0,1fr) minmax(95px,auto) 45px}}