: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}
.editor-history-actions{display:flex;align-items:center;gap:5px}.editor-history-actions>button{width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--green);background:#fff;cursor:pointer}.editor-history-actions>button:hover:not(:disabled){background:#e9f3ef}.editor-history-actions>button:focus-visible{outline:3px solid rgba(22,119,92,.2);outline-offset:1px}.editor-history-actions>button:disabled{color:#aeb6b2;background:#f3f3ef;cursor:not-allowed}.editor-history-actions>button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.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=5') center/contain no-repeat; font-size: 0; }
.top-actions { display: flex; gap: 10px; }
.user-menu{position:relative}.user-avatar{width:42px;height:42px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#20866a,#105f49);font:800 14px Manrope;cursor:pointer;box-shadow:0 0 0 1px rgba(22,119,92,.16),0 6px 18px rgba(22,119,92,.22);transition:transform .18s ease,box-shadow .18s ease}.user-avatar:hover,.user-avatar[aria-expanded=true]{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(22,119,92,.12),0 8px 22px rgba(22,119,92,.24)}.user-avatar:focus-visible{outline:3px solid rgba(78,117,200,.3);outline-offset:2px}.user-dropdown{width:min(340px,calc(100vw - 28px));padding:10px;position:absolute;top:54px;right:0;z-index:100;color:var(--ink);background:rgba(255,254,250,.98);border:1px solid rgba(36,48,47,.12);border-radius:18px;box-shadow:0 24px 70px rgba(28,36,33,.2),0 4px 14px rgba(28,36,33,.08);backdrop-filter:blur(18px);animation:user-menu-in .16s ease-out}.user-dropdown::before{content:"";width:10px;height:10px;position:absolute;right:17px;top:-6px;background:#fffefa;border-left:1px solid rgba(36,48,47,.12);border-top:1px solid rgba(36,48,47,.12);transform:rotate(45deg)}@keyframes user-menu-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-account{min-width:0;padding:12px 12px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ebe8e1}.user-dropdown-avatar{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#20866a,#105f49);font:800 14px Manrope;box-shadow:0 6px 14px rgba(22,119,92,.2)}.user-dropdown-account>div{min-width:0}.user-dropdown-label{display:block;margin-bottom:4px;color:#929997;font-size:8px;font-weight:800;letter-spacing:.13em}.user-email{display:block;overflow:hidden;color:var(--ink);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-actions{padding-top:6px}.user-dropdown button{width:100%;min-height:58px;padding:10px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:12px;color:var(--ink);background:transparent;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.user-dropdown button svg{width:19px;height:19px;justify-self:center;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.user-dropdown button>span{min-width:0;display:grid;gap:2px}.user-dropdown button b{font-size:11px}.user-dropdown button small{overflow:hidden;color:#858d8a;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.user-dropdown button>i{color:#a4aaa8;font:500 22px/1 sans-serif}.user-dropdown button:hover,.user-dropdown button:focus-visible{color:var(--green);background:#eaf4f0;outline:0;transform:translateX(1px)}.user-dropdown #logoutButton{grid-template-columns:34px minmax(0,1fr);color:#9b4943}.user-dropdown #logoutButton:hover,.user-dropdown #logoutButton:focus-visible{color:#963e38;background:var(--gap-soft)}@media(max-width:600px){.user-dropdown{position:fixed;top:66px;right:14px;left:14px;width:auto}.user-dropdown::before{right:21px}}
.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-meta-row{min-height:34px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.worksheet-path{min-width:0;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{overflow:hidden;color:var(--ink);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.worksheet-path span{color:#b3b6b5}
.workspace-first-step{grid-column:1/-1;margin-bottom:12px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f0f7f4;border:1px solid #cde1d9;border-radius:13px}.workspace-first-step>div{display:grid;gap:4px}.workspace-first-step b{font:800 16px Manrope}.workspace-first-step small{color:var(--muted);font-size:12px}.workspace-first-step>div:last-child{display:flex;flex-direction:row}.workspace-first-step button{padding:9px 12px;border:1px solid #aacac0;border-radius:8px;color:var(--green);background:#fff;font-weight:800;cursor:pointer}.workspace-first-step button:last-child{color:#fff;background:var(--green);border-color:var(--green)}@media(max-width:650px){.workspace-first-step{align-items:stretch;flex-direction:column}.workspace-first-step>div:last-child{display:grid;grid-template-columns:1fr 1fr}}
.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); }
.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,minmax(150px,1fr)) minmax(240px,1.4fr); align-items: center; gap: 25px; color: white; background: #193f35; }
.landing-proof>div { display: grid; gap: 3px; }.landing-proof strong { color: #f2ca6b; font: 800 clamp(16px,1.6vw,21px) 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(3,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[hidden] { display: none; }
.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 [hidden] { display: none !important; }
.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); }
.password-input-wrap{width:100%;display:block;position:relative}.password-input-wrap>input{padding-right:45px!important}.password-visibility-toggle{width:36px;height:calc(100% - 4px);padding:0;display:grid;place-items:center;position:absolute;right:2px;top:2px;border:0;border-radius:7px;color:#6c7773;background:transparent;cursor:pointer}.password-visibility-toggle:hover{color:var(--green);background:#edf5f1}.password-visibility-toggle:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.password-visibility-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-visibility-toggle[aria-pressed="true"]{color:var(--green);background:#edf5f1}
.password-input-wrap>input::-ms-reveal,.password-input-wrap>input::-ms-clear{display:none}
.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; }
.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:1fr;text-align:left}.landing-proof p{display:block;justify-self:start}.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;align-items:center;flex-wrap:wrap;gap:8px 18px}.footer-legal-link{padding:2px 0;color:#b9cbc5;font:500 12px 'DM Sans';text-decoration:none;text-underline-offset:4px;transition:color .18s ease}.footer-legal-link:hover{color:#fff;text-decoration:underline}.footer-legal-link:focus-visible{outline:2px solid #9ac9b8;outline-offset:4px;border-radius:2px}.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)}
.contact-card{width:min(100%,680px)}.contact-card>.eyebrow{display:block;margin-top:28px;color:var(--green)}.contact-card h1{margin-top:7px;margin-bottom:12px}.contact-card>p{margin:0 0 28px;color:#68726e}.contact-form{display:grid;gap:17px}.contact-form>label:not(.contact-consent){display:grid;gap:7px;color:#42504b;font-size:14px;font-weight:700}.contact-form label small{color:#7b8682;font-size:12px;font-weight:500}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #d7d8d2;border-radius:9px;color:var(--ink);background:#fff;font:500 14px 'DM Sans';outline:none}.contact-form textarea{min-height:150px;resize:vertical;line-height:1.55}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,119,92,.1)}.contact-consent{display:flex;align-items:flex-start;gap:9px;color:#59635f;font-size:12px;line-height:1.5}.contact-consent input{width:17px;height:17px;margin-top:1px;flex:none;accent-color:var(--green)}.contact-form>.button{justify-self:start}.contact-form>.button:disabled{opacity:.65;cursor:wait}.contact-status{min-height:20px;margin:0!important;color:#68726e!important;font-size:12px!important}.contact-status.success{color:#16775c!important}.contact-status.error{color:#a6443d!important}.contact-trap{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}@media(max-width:520px){.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form>.button{width:100%}}
.auth-resend{margin:-5px auto 0;padding:4px;border:0;color:var(--green);background:transparent;font-size:14px;font-weight:800;text-decoration:underline;cursor:pointer}.auth-resend[hidden]{display:none}.auth-resend:disabled{opacity:.5;cursor:wait}
.auth-registration-options{display:grid;gap:10px;padding:12px 0 2px;border-top:1px solid #e5e4de}.auth-consent-row{display:flex!important;align-items:flex-start;grid-template-columns:none!important;gap:9px!important;color:#59635f!important;font-size:12px!important;font-weight:500!important;line-height:1.45}.auth-consent-row>input{width:17px!important;height:17px;margin:1px 0 0;padding:0;flex:none;accent-color:var(--green)}.auth-consent-row a{color:var(--green);font-weight:700}
.password-strength{display:grid;grid-template-columns:82px 1fr;align-items:start;gap:10px;margin-top:-7px}.password-strength[hidden]{display:none}.password-strength>div{height:7px;margin-top:5px;overflow:hidden;background:#e5e3dc;border-radius:999px}.password-strength>div i{display:block;width:10%;height:100%;background:#b34c45;border-radius:inherit;transition:width .2s ease,background .2s ease}.password-strength[data-score="1"]>div i{width:25%;background:#c06a3d}.password-strength[data-score="2"]>div i{width:50%;background:#c2922c}.password-strength[data-score="3"]>div i{width:75%;background:#4b9274}.password-strength[data-score="4"]>div i{width:100%;background:var(--green)}.password-strength p{display:grid;gap:2px;margin:0;color:#596260;font-size:11px;line-height:1.35}.password-strength small{color:var(--muted);font-size:12px;font-weight:500}
.recovery-password-fields{display:grid;gap:15px}
@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:5px;border-bottom:1px solid var(--line)}.breadcrumbs button,.breadcrumbs b{padding:6px 9px;border-radius:7px;font-size:10px;font-weight:800}.breadcrumbs button{border:0;color:var(--green);background:transparent;cursor:pointer}.breadcrumbs button:hover{background:#e7f2ed}.breadcrumbs button:focus-visible{outline:2px solid #8fc2ae;outline-offset:1px}.breadcrumbs b{color:var(--ink);background:#f2f1ec}.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)}
.template-library{padding:20px 18px 16px;border-bottom:1px solid var(--line);background:#f5faf7}.template-library>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.template-library h2{margin:3px 0 2px;font:800 18px Manrope}.template-library p{margin:0;color:var(--muted);font-size:10px}.template-library output{padding-top:8px;color:var(--green);font-size:10px;font-weight:800;white-space:nowrap}.template-filters{display:grid;grid-template-columns:minmax(210px,1.45fr) repeat(3,minmax(125px,.75fr)) auto;align-items:end;gap:9px}.template-filters label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.template-filters input,.template-filters select{width:100%;height:38px;padding:0 10px;border:1px solid #cfdad5;border-radius:8px;color:var(--ink);background:#fff;font:600 10px 'DM Sans';outline:none}.template-filters input:focus,.template-filters select:focus{border-color:#72ad96;box-shadow:0 0 0 3px rgba(44,130,98,.12)}.template-filters button{height:38px;padding:0 12px;border:1px solid #cfdad5;border-radius:8px;color:var(--green);background:#fff;font:800 9px 'DM Sans';cursor:pointer}.template-filters button:hover{background:#e7f2ed}.template-row .file-name small em{display:block;margin-top:3px;color:#7c8582;font-style:normal}.template-row .file-name small em:empty{display:none}@media(max-width:980px){.template-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.template-filters button{justify-self:start}}@media(max-width:600px){.template-library{padding:17px 14px}.template-library>header{display:block}.template-library output{display:block}.template-filters{grid-template-columns:1fr}.template-filters button{width:100%}.template-row .file-name small{white-space:normal}}
.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}.dialog-error.dialog-success{color:var(--green)}.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)}.workspace-head-actions .button:disabled{color:#929896;background:#e8e7e1;border-color:#d8d6cf;box-shadow:none;opacity:.58;cursor:not-allowed;filter:grayscale(1);transform:none}.workspace-head-actions .button:disabled:hover{background:#e8e7e1;transform:none}
@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}
.qr-code{width:246px;min-height:246px}
.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 .participant-privacy-note{margin:0;padding:10px 11px;color:#5d6864;background:#edf4f1;border-radius:8px;font-size:12px;line-height:1.5}.participant-privacy-note a{color:var(--green);font-weight:800;text-underline-offset:2px}.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}.row-actions>button:not(.mobile-row-menu){display:none}.row-actions .mobile-row-menu{display:grid;place-items:center}.file-context-menu{width:min(200px,calc(100vw - 24px))}.file-context-menu button{min-height:40px;font-size:12px}}
.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-editor-source-shell #tableTaskSource[hidden]{display:none!important}
.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(680px,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-tabs{padding:4px;display:flex;gap:4px;overflow-x:auto;background:#ecebe5;border-radius:10px;scrollbar-width:thin}.profile-tabs button{min-width:max-content;padding:9px 12px;border:0;border-radius:7px;color:#69726f;background:transparent;font:800 11px 'DM Sans';cursor:pointer}.profile-tabs button:hover{color:var(--green);background:rgba(255,255,255,.55)}.profile-tabs button[aria-selected="true"]{color:var(--green);background:#fff;box-shadow:0 2px 8px rgba(35,50,44,.09)}.profile-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:1px}.profile-tab-content{min-height:285px;padding:22px 2px 4px}.profile-section[hidden]{display:none}.profile-panel-description{margin:0;color:var(--muted);font-size:12px}.profile-panel-actions{margin-top:14px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.profile-dialog-actions{margin-top:10px;padding-top:16px;border-top:1px solid var(--line)}.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}#profilePasswordStatus:not(:empty){margin-bottom:12px;padding:10px 12px;border:1px solid #e1b9b5;border-radius:8px;color:#9f3029;background:#fff3f1;font-size:12px;font-weight:800}#profilePasswordStatus.dialog-success:not(:empty){border-color:#bddccd;color:#12644d;background:#edf7f2}.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-dialog{width:calc(100vw - 20px)}.profile-form-grid{grid-template-columns:1fr}.profile-form-grid label.wide{grid-column:auto}.profile-panel-actions{align-items:stretch;flex-direction:column}.profile-panel-actions .button{width:100%}.profile-danger-zone{align-items:stretch;flex-direction:column}.profile-dialog-actions{align-items:stretch}.profile-dialog-actions .button{width:100%}}
.profile-section{margin:0;padding: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}.profile-form-grid .password-strength.wide{grid-column:1/-1;margin-top:0}.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}
.admin-user-reset{padding:7px 10px;border:1px solid #b8d2c7;border-radius:7px;color:var(--green);background:#edf6f2;font:800 11px 'DM Sans';white-space:nowrap;cursor:pointer}.admin-user-reset:hover{color:#fff;background:var(--green)}.admin-user-reset:focus-visible{outline:2px solid var(--green);outline-offset:2px}.admin-password-reset-dialog p{color:var(--muted);font-size:13px;line-height:1.55}.admin-password-reset-dialog>form>strong{padding:10px 12px;display:block;overflow-wrap:anywhere;background:#f1f2ed;border-radius:8px;font-size:13px}
.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}}

.activity-builder[hidden]{display:none!important}.activity-builder{flex:1;min-height:0;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:20px}.activity-editor-panel{display:flex;min-height:0;flex-direction:column}.activity-editor-panel>div:last-child{display:flex;min-height:0;flex:1;flex-direction:column}.activity-editor-body{display:flex;min-height:0;padding:18px 22px;flex:1;overflow:auto;flex-direction:column}.activity-editor-body[hidden],.activity-settings[hidden]{display:none!important}.activity-settings{padding:20px 22px;overflow:auto}.activity-grid{display:grid;gap:7px}.activity-row{position:relative;display:grid;grid-template-columns:32px minmax(100px,1fr) auto;gap:7px}.activity-order-number{display:grid;place-items:center;color:var(--muted);font-weight:800}.activity-row-buttons{display:flex;gap:4px}.activity-row-buttons button{width:32px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.activity-add{margin-top:10px;align-self:flex-start}.activity-status{min-height:18px;margin-top:7px;color:var(--muted)}.activity-paper{margin:24px;min-height:0;padding:28px 30px;overflow:auto}.activity-paper>p{color:var(--muted)}.ordering-preview-item,.ordering-play-item{display:grid;margin:7px 0;padding:10px;align-items:center;grid-template-columns:32px 1fr auto auto;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff}.ordering-preview-item{grid-template-columns:32px 1fr}.ordering-preview-item b,.ordering-play-item>b{display:grid;width:25px;height:25px;place-items:center;color:#fff;border-radius:50%;background:var(--green)}.ordering-task-icon{color:#735420;background:#f4e4b7}@media(max-width:800px){.activity-builder{grid-template-columns:1fr;overflow-y:auto}.activity-paper{margin:14px;padding:22px 18px}}

#orderingEditor{display:flex;min-height:0;flex:1;flex-direction:column}.activity-editor-body{overflow:hidden;gap:10px}.activity-spreadsheet{padding:12px}.activity-grid{display:grid;gap:0}.activity-column-head{display:grid;position:sticky;top:-12px;z-index:2;margin:-12px -12px 8px;padding:9px 12px;gap:7px;color:var(--muted);border-bottom:1px solid var(--line);background:#f3f1eb;font:800 11px 'DM Sans'}.activity-order-head{grid-template-columns:42px minmax(100px,1fr) 72px}.activity-row{margin-bottom:6px}.activity-order-row{grid-template-columns:42px minmax(100px,1fr) 72px}.activity-row .table-fill-editor-cell{min-height:42px}.activity-order-number{border:1px solid var(--line);border-radius:7px;background:#f8f7f2}.activity-row-buttons{justify-content:flex-end}.activity-row-buttons button{width:32px;height:42px;display:grid;place-items:center}.activity-row-buttons button:disabled{opacity:.35;cursor:default}.activity-row-buttons svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.activity-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-status{margin:0;text-align:right}.activity-settings .word-editor-language-setting{padding:14px 0}.activity-paper{display:block;flex:1;background:#fffefa;border-radius:4px;box-shadow:0 4px 17px rgba(41,47,44,.08)}@media(max-width:800px){.activity-builder{grid-template-rows:minmax(360px,.9fr) minmax(360px,1.1fr)}.activity-spreadsheet{overflow-x:auto}.activity-editor-footer{align-items:flex-start;flex-direction:column}.activity-status{text-align:left}}

.grid-editor-head{display:grid;position:sticky;top:-12px;z-index:2;margin:-12px -12px 8px;padding:9px 12px;grid-template-columns:repeat(var(--grid-editor-columns),minmax(100px,1fr));gap:7px;color:var(--muted);border-bottom:1px solid var(--line);background:#f3f1eb;font:800 11px 'DM Sans'}.grid-editor-row{display:grid;margin-bottom:6px;grid-template-columns:repeat(var(--grid-editor-columns),minmax(100px,1fr));gap:7px}.grid-editor-row .table-fill-editor-cell{min-height:42px}#orderingEditor .grid-editor-head{padding-left:61px;padding-right:91px}#orderingEditor .grid-editor-row{grid-template-columns:42px minmax(100px,1fr) 72px}
.ordering-task-graphic{padding:6px 8px;align-items:stretch;flex-direction:column;gap:3px}.ordering-task-graphic i{display:grid;align-items:center;grid-template-columns:12px 1fr;gap:5px;font-style:normal}.ordering-task-graphic b{display:grid;place-items:center;color:#63706b;font-size:7px;line-height:1}.ordering-task-graphic span{height:4px;background:#dfe9e5;border-radius:3px}.ordering-task-graphic i:nth-child(2) span{width:82%;background:#f1dfb3}.ordering-task-graphic i:nth-child(3) span{width:68%}

.table-fill-engine-grid{min-height:190px;padding:12px;display:block;flex:1;overflow:auto}.table-fill-engine-grid[hidden]{display:none!important}.table-fill-engine-grid .grid-editor-row.header .table-fill-editor-cell{font-weight:800;background:#f1efe9}.table-fill-engine-grid .table-fill-editor-cell.task{color:#12684f;border-color:#9cc7b7;background:#e7f2ed}
.table-truth-engine-grid .grid-editor-row:not(.header) .table-fill-editor-cell.truth{color:#12684f;border-color:#78aa96;background:#dceee7}.table-truth-engine-grid .grid-editor-row:not(.header) .table-fill-editor-cell.truth-false{cursor:pointer}.table-truth-engine-grid .grid-editor-row:not(.header) .table-fill-editor-cell.truth-false:hover{border-color:#9bc7b7;background:#f2f7f5}
.table-assignment-engine-grid .table-fill-editor-cell.has-assignment-image{display:grid;place-items:center}.table-assignment-engine-grid .table-fill-editor-cell.has-assignment-image img{max-width:100%;height:54px;object-fit:contain}.table-assignment-engine-grid .table-fill-editor-cell.task{color:#12684f;border-color:#9cc7b7;background:#e7f2ed}
.table-fill-engine-grid .grid-editor-row.header .table-fill-editor-cell{color:#fff;background:var(--green);border-color:var(--green)}
.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}.teacher-nav-label{display:none}.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)}.row-actions .mobile-row-menu{display:none;font:900 18px/1 'DM Sans';letter-spacing:1px}@media(max-width:700px){.row-actions .mobile-row-menu{display:grid}}
.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}}

/* Deterministisches Bildrätsel */
.live-guess-image-preview,.live-player-image{background:#17231f}.live-guess-image-preview img,.live-player-image img{object-fit:contain}.live-guess-image-preview>i.blur,.live-player-image>i.blur{position:absolute;inset:0;animation:none;backdrop-filter:blur(18px)}.image-reveal-tiles{position:absolute!important;inset:0;display:grid;grid-template-columns:repeat(var(--image-reveal-side),1fr);grid-template-rows:repeat(var(--image-reveal-side),1fr);background:transparent!important;opacity:1!important;animation:none!important}.image-reveal-tiles>b{display:block;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.18);background:#d9dfdc;opacity:1;transition:opacity .22s ease,transform .22s ease}.image-reveal-tiles>b.shade-1{background:#cbd5d1}.image-reveal-tiles>b.shade-2{background:#becbc6}.image-reveal-tiles>b.shade-3{background:#e3e8e5}.image-reveal-tiles>b[hidden]{display:block;opacity:0;transform:scale(.82);pointer-events:none}.live-player-timer,.live-presentation-timer{width:max-content;margin:0 auto 9px;padding:6px 10px;color:#fff;background:#173d34;border-radius:8px;font:800 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em}.live-presentation-image{width:min(100%,620px);height:330px;margin:auto;position:relative;display:grid;place-items:center;overflow:hidden;background:#17231f;border-radius:14px;box-shadow:0 12px 30px rgba(20,43,36,.13)}.live-presentation-image img{width:100%;height:100%;object-fit:contain}.live-presentation-image>i.blur{position:absolute;inset:0;backdrop-filter:blur(18px)}
.image-reveal-hint{margin:14px 0 0;padding:12px 14px;display:flex;align-items:center;gap:11px;color:#23463c;background:linear-gradient(135deg,#edf7f3,#f7fbf9);border:1px solid #c9e0d7;border-radius:12px;box-shadow:0 6px 18px rgba(23,61,52,.07);text-align:left}.image-reveal-hint-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:#16775c;background:#fff;border:1px solid #cfe3db;border-radius:10px}.image-reveal-hint-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.image-reveal-hint>span:last-child{min-width:0;display:grid;gap:3px}.image-reveal-hint small{color:#16775c;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.image-reveal-hint b{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.image-reveal-hint.empty{color:#73817c;background:#f4f6f5;border-style:dashed;box-shadow:none}.image-reveal-hint.empty .image-reveal-hint-icon{color:#82918b;background:#f8faf9}.live-presentation-round .image-reveal-hint{width:min(100%,620px);margin:14px auto 0}.live-player-question .image-reveal-hint{margin-bottom:14px}@media(max-width:600px){.image-reveal-hint{padding:10px 11px}.image-reveal-hint-icon{width:31px;height:31px}.image-reveal-hint b{font-size:13px}}
.live-guess-question>.live-player-image{grid-template-columns:1fr!important;grid-template-rows:1fr}.live-player-image>img,.live-player-image>.image-reveal-tiles,.live-player-image>i.blur{grid-area:1/1;width:100%;height:100%}
.live-guess-image-preview{width:100%;grid-template-columns:1fr!important;grid-template-rows:1fr}.live-guess-image-preview>img,.live-guess-image-preview>.image-reveal-tiles,.live-guess-image-preview>i.blur{grid-area:1/1;width:100%;height:100%;object-fit:contain}.image-reveal-preview-controls{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.image-reveal-preview-controls>output{padding:7px 10px;color:#fff;background:#173d34;border-radius:8px;font:800 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em}.image-reveal-preview-controls>div{display:flex;gap:7px}.image-reveal-preview-controls button{min-height:34px;padding:7px 11px;display:flex;align-items:center;gap:6px;color:#176f57;background:#fff;border:1px solid #a9c8bb;border-radius:8px;font:800 12px/1 'DM Sans';cursor:pointer}.image-reveal-preview-controls button:hover:not(:disabled){background:#eaf4f0;transform:translateY(-1px)}.image-reveal-preview-controls button:disabled{cursor:not-allowed;opacity:.42}.image-reveal-preview-controls button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.image-reveal-preview-controls button[data-lg-preview-play] svg{fill:currentColor;stroke:none}@media(max-width:500px){.image-reveal-preview-controls{align-items:stretch;flex-direction:column}.image-reveal-preview-controls>output{text-align:center}.image-reveal-preview-controls>div{display:grid;grid-template-columns:1fr 1fr}.image-reveal-preview-controls button{justify-content:center}}
.live-guess-image-preview.natural-aspect{height:auto;min-height:0}.live-guess-image-preview.natural-aspect>img{display:block}
.image-reveal-tiles{perspective:700px}.image-reveal-tiles>b{transform:translate3d(0,0,0) rotate(0) scale(1);transform-origin:center;filter:saturate(1);transition:opacity .38s ease,transform .58s cubic-bezier(.22,.8,.24,1.15),filter .42s ease,clip-path .5s ease}.image-reveal-tiles>b.exit-0[hidden]{transform:translate3d(-55%,-38%,0) rotate(-22deg) scale(.28)}.image-reveal-tiles>b.exit-1[hidden]{transform:translate3d(62%,-32%,0) rotate(28deg) scale(.34)}.image-reveal-tiles>b.exit-2[hidden]{transform:translate3d(-18%,62%,0) rotate(-35deg) scale(.4)}.image-reveal-tiles>b.exit-3[hidden]{transform:translate3d(0,-18%,0) rotate(16deg) scale(1.42);filter:saturate(1.8) brightness(1.25)}.image-reveal-tiles>b.exit-4[hidden]{transform:rotateY(92deg) rotateZ(-12deg) scale(.55);clip-path:polygon(8% 4%,96% 12%,88% 96%,3% 84%)}.image-reveal-tiles>b.exit-5[hidden]{transform:translate3d(24%,-48%,0) rotate(42deg) skew(-10deg,8deg) scale(.22)}@media(prefers-reduced-motion:reduce){.image-reveal-tiles>b{transition:opacity .16s linear!important}.image-reveal-tiles>b[hidden]{transform:none!important;filter:none!important;clip-path:none!important}}
.image-reveal-bubbles{position:absolute!important;inset:0;display:grid;grid-template-columns:repeat(var(--image-reveal-side),1fr);grid-template-rows:repeat(var(--image-reveal-side),1fr);overflow:hidden;background:transparent}.image-reveal-bubbles>b{--bubble-scale:1.62;min-width:0;min-height:0;display:grid;position:relative;place-items:center;opacity:1;transition:opacity .15s ease .3s}.image-reveal-bubbles>b.bubble-size-1{--bubble-scale:1.78}.image-reveal-bubbles>b.bubble-size-2{--bubble-scale:1.92}.image-reveal-bubbles>b.bubble-size-3{--bubble-scale:2.08}.image-reveal-bubbles>b.bubble-size-4{--bubble-scale:2.24}.image-reveal-bubbles>b>u{width:100%;height:100%;display:block;position:relative;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.72) 0 8%,rgba(235,248,243,.25) 9% 18%,transparent 19%),radial-gradient(circle at 42% 38%,#a8cfc1,#4f917c 72%);box-shadow:inset -8px -10px 18px rgba(24,86,67,.28),inset 5px 6px 12px rgba(255,255,255,.32),0 2px 7px rgba(12,51,40,.18);text-decoration:none;transform:scale(var(--bubble-scale));transition:transform .48s cubic-bezier(.18,.72,.25,1.28),filter .4s ease}.image-reveal-bubbles>b>u::after{content:"";position:absolute;inset:7%;border:2px solid rgba(255,255,255,.68);border-radius:50%;opacity:0;transform:scale(.65);transition:opacity .28s ease,transform .42s ease}.image-reveal-bubbles>b.bubble-drift-1>u{translate:8% -5%}.image-reveal-bubbles>b.bubble-drift-2>u{translate:-7% 6%}.image-reveal-bubbles>b.bubble-drift-3>u{translate:6% 8%}.image-reveal-bubbles>b[hidden]{display:grid;opacity:0;pointer-events:none}.image-reveal-bubbles>b[hidden]>u{filter:brightness(1.32) saturate(1.25);transform:scale(calc(var(--bubble-scale) + .7))}.image-reveal-bubbles>b[hidden]>u::after{opacity:1;transform:scale(1.35)}.live-player-image>.image-reveal-bubbles,.live-guess-image-preview>.image-reveal-bubbles,.live-presentation-image>.image-reveal-bubbles{grid-area:1/1;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.image-reveal-bubbles>b{transition:opacity .16s linear!important}.image-reveal-bubbles>b>u,.image-reveal-bubbles>b>u::after{transition:none!important}.image-reveal-bubbles>b[hidden]>u{filter:none!important;transform:scale(var(--bubble-scale))!important}}
.image-reveal-bubbles>b{transition:opacity .14s ease .34s}.image-reveal-bubbles>b>u{overflow:hidden;border:1px solid transparent;background:#dce9e7;box-shadow:none;backdrop-filter:none;transition:transform .38s cubic-bezier(.18,.72,.25,1.12),border-color .18s ease,box-shadow .24s ease}.image-reveal-bubbles>b>u::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(255,255,255,.9) 0 2%,rgba(255,255,255,.38) 3% 7%,transparent 13%),radial-gradient(circle at 50% 47%,rgba(244,251,250,.76),rgba(190,218,215,.48) 55%,rgba(113,163,158,.34) 78%,rgba(255,255,255,.42) 91%,rgba(120,164,160,.28));box-shadow:inset -8px -10px 18px rgba(54,104,99,.2),inset 6px 7px 14px rgba(255,255,255,.42);opacity:0;transform:scale(.62);transition:opacity .14s ease,transform .34s cubic-bezier(.18,.72,.25,1.12)}.image-reveal-bubbles>b>u::after{inset:5%;border:1px solid rgba(255,255,255,.62);opacity:0;transform:scale(.72);transition:opacity .16s ease,transform .34s ease}.image-reveal-bubbles>b[hidden]>u{border-color:rgba(255,255,255,.72);box-shadow:0 3px 10px rgba(44,91,87,.18);filter:none;transform:scale(calc(var(--bubble-scale) + .24))}.image-reveal-bubbles>b[hidden]>u::before{opacity:1;transform:scale(1)}.image-reveal-bubbles>b[hidden]>u::after{opacity:.72;transform:scale(1)}
.word-editor-language-setting[hidden]{display:none!important}
/* Eindeutige Teilnehmernummer */
.public-participant-greeting{max-width:62%;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px}.public-participant-number{margin-left:6px;padding:4px 7px;color:var(--green);background:#e6f1ec;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.tracking-person b em{margin-left:4px;padding:3px 6px;color:var(--green);background:#e6f1ec;border-radius:999px;font-size:9px;font-style:normal;white-space:nowrap}@media(max-width:600px){.public-participant-greeting{max-width:68%}.public-participant-number{font-size:10px}}
.live-quick-spreadsheet{padding:0;background:#f7f8f5}.live-quick-spreadsheet .multiple-choice-page-switch{margin:-12px -12px 14px;padding:8px 10px;border-bottom:1px solid var(--line);background:#eeece6}.quick-quiz-media-cell{min-height:38px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:7px;overflow:hidden;text-align:center}.quick-quiz-media-cell.has-cell-image{min-height:124px;padding:8px}.quick-quiz-media-cell>img{width:100%;height:82px;display:block;object-fit:contain;border-radius:6px;background:#f2f4f2}.quick-quiz-media-cell>span{min-width:24px;max-width:100%;outline:0}.multiple-choice-grid-question .quick-quiz-media-cell.has-cell-image{min-height:146px}.multiple-choice-grid-question .quick-quiz-media-cell>img{height:110px;background:rgba(255,255,255,.12)}.quick-quiz-media-cell.image-drop-target{border-color:var(--green)!important;background:#dceee7!important;box-shadow:inset 0 0 0 3px rgba(22,119,92,.18)}.quick-quiz-media-preview h4{display:grid;justify-items:center;gap:10px;text-align:center}.quick-quiz-media-preview h4 img{width:min(100%,360px);max-height:220px;object-fit:contain;border-radius:9px}.quick-quiz-media-preview>div>span{display:flex;min-height:38px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.quick-quiz-media-preview>div>span:has(img){min-height:124px}.quick-quiz-media-preview>div>span img{width:100%;height:100px;object-fit:contain;border-radius:6px}.live-player-quiz-prompt{margin:8px auto 22px;display:grid;justify-items:center;gap:12px}.live-player-quiz-prompt img{width:min(100%,520px);max-height:300px;object-fit:contain;border-radius:12px;box-shadow:0 6px 20px rgba(25,43,36,.12)}.live-player-quiz-prompt h1{margin:0!important}.live-player-answer-table button.has-image{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.live-player-answer-table button img{width:100%;height:105px;object-fit:contain;border-radius:7px}.live-result-images{display:flex;justify-content:center;gap:10px}.live-result-images img{width:min(220px,42vw);max-height:220px;object-fit:contain;border-radius:10px}.live-presentation-question-image{width:min(100%,520px);max-height:300px;margin:12px auto;display:block;object-fit:contain;border-radius:12px;box-shadow:0 6px 20px rgba(25,43,36,.12)}
.breadcrumbs .explorer-home-link,#worksheetPath .explorer-home-link{width:32px;height:32px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:9px;color:var(--green);background:transparent}.breadcrumbs .explorer-home-link svg,#worksheetPath .explorer-home-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.breadcrumbs .explorer-home-link:hover,.breadcrumbs .explorer-home-link:focus-visible,#worksheetPath .explorer-home-link:hover,#worksheetPath .explorer-home-link:focus-visible{background:#e9f3ef;outline:none}
.profile-tabs button[hidden]{display:none}
.task-validation-panel li>button{width:100%;padding:4px 0;display:flex;align-items:center;gap:4px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.task-validation-panel li>button span{margin-left:auto;font-weight:800;white-space:nowrap}
.report-content-choice{margin:18px 0;padding:0;display:grid;gap:8px;border:0}.report-content-choice legend{margin-bottom:2px;color:var(--ink);font-size:11px;font-weight:800}.app-dialog .report-content-choice label{padding:10px 12px;display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;background:#faf9f5;border:1px solid var(--line);border-radius:9px;cursor:pointer}.app-dialog .report-content-choice label:has(input:checked){background:#edf6f2;border-color:#8fc2ae}.app-dialog .report-content-choice input{width:15px;height:15px;margin:2px 0 0;padding:0;accent-color:var(--green)}.report-content-choice span{display:grid;gap:2px}.report-content-choice b{color:var(--ink);font-size:10px}.report-content-choice small{color:var(--muted);font-size:8px;line-height:1.4}