:root{font-family:Inter,Arial,sans-serif;color:#16243a;background:#eff3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:9px 12px;color:#142137}button:hover{background:#ecf4ff}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}select,input{border:1px solid #cbd5e1;border-radius:8px;padding:8px;background:#fff;color:#111827}label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.app{min-height:100vh;padding:24px 108px 32px 24px}.header{display:flex;gap:18px;justify-content:space-between;align-items:end;flex-wrap:wrap;margin-bottom:20px}.header h1{margin:5px 0 6px;font-size:29px}.header p{color:#617087;margin:0;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#2563eb;font-weight:800}.header-controls{display:flex;gap:12px;flex-wrap:wrap}.status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#fff;padding:11px 15px;border:1px solid #dbe3ef;border-radius:12px;margin-bottom:16px}.status>div{display:flex;gap:8px;flex-wrap:wrap}.board{background:#121d2f;border-radius:16px;padding:16px;gap:14px;min-height:65vh;color:var(--board-fg);display:grid}.grid-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(260px,1fr))}.list-board{grid-template-columns:1fr;grid-auto-rows:minmax(115px,auto)}.question{position:relative;background:var(--board-bg);color:var(--board-fg);border-radius:18px;padding:32px 25px 25px;min-width:0;display:flex;flex-direction:column;justify-content:center}.number{position:absolute;top:0;left:0;transform:translate(-10%,-10%);background:#2563eb;color:#fff;padding:7px 16px;border-radius:12px;font-size:22px}.prompt{font-size:calc(var(--question-font)*.55);font-weight:400;margin-bottom:9px}.expression{font-size:var(--question-font);font-family:Cambria,Times New Roman,serif;overflow-wrap:anywhere}.answer{margin-top:17px;font-size:calc(var(--question-font)*.58);font-weight:700;color:#117751}.card-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:23px}.card-controls select{max-width:230px}.list-board .question{padding:20px 26px 22px 63px;min-height:130px}.list-board .card-controls{padding-top:12px}.rail{position:fixed;right:11px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;background:#131d30;padding:8px;border-radius:16px;z-index:10;box-shadow:0 10px 30px #0004}.rail button{width:67px;min-height:58px;background:#253348;border-color:#48566e;color:#fff;font-size:25px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.rail button:hover{background:#385074}.rail small{font-size:10px;font-weight:500}.app.presenting{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;padding:12px 92px 12px 12px;background:#121d2f;z-index:5}.presenting .board{min-height:calc(100vh - 24px);padding:10px;gap:12px}.presenting .question{padding:32px}.presenting .list-board .question{min-height:115px;padding:14px 26px 14px 55px}.presenting .rail{right:8px}.app footer{font-size:12px;color:#66758d}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;color:#18273d;padding:25px;border-radius:18px;width:min(560px,100%);box-shadow:0 15px 60px #0004;max-height:90vh;overflow-y:auto}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog h2{margin:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.fields input{width:100%}.preview{background:#eef3fc;border-radius:12px;padding:16px;line-height:1.8}.preview strong{font-size:25px}.error{color:#ba1b1b}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.dialog-actions button:last-child{background:#2563eb;color:#fff}.dialog-actions button:disabled{background:#9ca3af}@media(max-width:850px){.app{padding:12px 89px 18px 10px}.grid-board{grid-template-columns:1fr;grid-template-rows:none}.question{min-height:220px}.header h1{font-size:22px}.rail button{width:59px;min-height:50px}.header-controls{gap:8px}}@media print{.rail,.header,.status,.card-controls,footer{display:none!important}.app{padding:0}.board{background:#fff;min-height:0}.question{border:1px solid #777;color:#000;background:#fff;break-inside:avoid}.answer{display:none!important}}:root{--loop-blue:#2464e8;--loop-ink:#14213b}body{background:#edf3fb}.header h1{letter-spacing:-.045em;color:#102a58}.eyebrow{color:var(--loop-blue)}.app{padding-right:104px}.board{--separator:color-mix(in srgb,var(--board-fg) 18%,transparent);background:var(--board-bg);color:var(--board-fg);border:1px solid var(--separator);box-shadow:0 14px 46px #1b386320;border-radius:26px;padding:28px;gap:0;min-height:580px;overflow:hidden}.grid-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.question{background:transparent;color:var(--board-fg);border-radius:0;padding:40px 34px 28px 73px;min-height:0;min-width:0;justify-content:center;position:relative}.grid-board .question:nth-child(odd){border-right:1px solid var(--separator)}.grid-board .question:nth-child(-n+2){border-bottom:1px solid var(--separator)}.number{position:absolute;z-index:2;top:25px;left:22px;transform:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--loop-blue) 35%,transparent);border-radius:50%;padding:0;background:color-mix(in srgb,var(--loop-blue) 10%,var(--board-bg));color:var(--loop-blue);font:700 16px/1 Inter,Arial,sans-serif;transition:background .15s,color .15s}.number:hover,.number:focus-visible{background:var(--loop-blue);color:#fff}.number-refresh{display:none;font-size:24px;font-weight:400}.number:hover .number-label,.number:focus-visible .number-label{display:none}.number:hover .number-refresh,.number:focus-visible .number-refresh{display:block}.question-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0;width:100%;background:transparent!important;color:inherit!important;border:0;border-radius:10px;padding:8px 0;text-align:left;font-weight:inherit}.question-content:hover .prompt{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.question-content:focus-visible{outline:3px solid var(--loop-blue);outline-offset:5px}.prompt{font-size:max(15px,calc(var(--question-font)*.5));font-weight:500;line-height:1.2;opacity:.76;margin:0}.expression{font-size:var(--question-font);font-weight:500;line-height:1.12;font-family:Cambria,Georgia,Times New Roman,serif;overflow-wrap:anywhere;max-width:100%}.answer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px;color:var(--board-fg);font-size:max(16px,calc(var(--question-font)*.62));font-weight:600;line-height:1.2}.answer-label{font:700 10px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;background:var(--loop-blue);color:#fff;padding:6px 8px;border-radius:6px}.card-controls{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:9px}.card-controls button{background:transparent;border:1px solid var(--separator);color:var(--board-fg)}.card-controls select{max-width:220px;background:var(--board-bg);color:var(--board-fg);border:1px solid var(--separator)}.list-board{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--question-count),minmax(0,1fr));padding:12px 30px;min-height:690px}.list-board .question{min-height:0;padding:11px 18px 11px 73px;flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;border-bottom:1px solid var(--separator)}.list-board .question:last-child{border-bottom:0}.list-board .number{top:50%;left:18px;transform:translateY(-50%);width:34px;height:34px;font-size:14px}.list-board .question-content{display:flex;flex:1;min-width:0;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:clamp(12px,2vw,34px)}.list-board .prompt{min-width:175px;flex:0 0 175px;font-size:max(13px,calc(var(--question-font)*.66))}.list-board .expression{flex:1}.list-board .answer{margin:0;min-width:0;max-width:35%;flex:0 0 auto;white-space:normal;font-size:max(14px,calc(var(--question-font)*.72))}.list-board .answer-label{font-size:9px}.list-board .card-controls{margin:0;padding:0;flex:0 0 auto}.list-board .card-controls select{max-width:160px}.rail{background:#13233b;border:1px solid #37527f;border-radius:17px;box-shadow:0 14px 34px #0003}.rail button{background:#223a60;border:1px solid #45618b;border-radius:11px}.rail button:hover{background:#2b57a4}.app.presenting{padding:12px 90px 12px 12px;background:#dce8fa;overflow:hidden}.presenting .board{height:calc(100dvh - 24px);min-height:0;box-shadow:none;padding:16px;border-radius:21px}.presenting .question{padding:24px 27px 24px 76px}.presenting .grid-board .question{justify-content:center}.presenting .number{top:22px;left:23px}.presenting .list-board{height:calc(100dvh - 24px);min-height:0;padding:7px 20px;grid-template-rows:repeat(var(--question-count),minmax(0,1fr))}.presenting .list-board .question{min-height:0;padding:4px 12px 4px 70px;gap:14px}.presenting .list-board .number{top:50%;left:13px}.presenting .list-board .question-content{padding:0;gap:20px}.presenting .list-board .prompt{min-width:155px;flex-basis:155px}.presenting .list-board .answer{margin:0}@media(max-width:1000px){.list-board .prompt{min-width:125px;flex-basis:125px}.presenting .list-board .prompt{min-width:115px;flex-basis:115px}.list-board .question-content{gap:10px}.list-board .question{gap:8px}}@media(max-width:700px){.app{padding:12px 82px 20px 10px}.grid-board{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(175px,auto))}.grid-board .question:nth-child(odd){border-right:0}.grid-board .question:not(:last-child){border-bottom:1px solid var(--separator)}.board{padding:8px}.question{padding:32px 14px 22px 59px}.number{left:12px;top:15px}.list-board{padding:8px}.list-board .question{padding:12px 8px 12px 46px}.list-board .number{left:3px}.list-board .question-content{flex-direction:column;align-items:flex-start;gap:3px}.list-board .prompt{min-width:0;flex:initial}.list-board .answer{max-width:55%}.presenting .board{overflow:auto}.presenting .grid-board{grid-template-rows:repeat(4,minmax(140px,1fr))}.presenting .grid-board .question{padding:24px 10px 20px 56px}.presenting .grid-board .number{left:8px;top:14px}.presenting .list-board .question{padding:4px 0 4px 44px}.presenting .list-board .number{left:0}.presenting .list-board .question-content{gap:2px}.presenting .list-board .prompt{min-width:0;flex:initial}.presenting .list-board .answer{max-width:35%}}@media print{.board{box-shadow:none;border:0;padding:0;min-height:0}.question{padding:18px 12px 18px 55px;border-color:#ccc!important;break-inside:avoid}.question-content{color:#000!important}.number{border:1px solid #aaa;background:transparent;color:#000}.question-content,.number{pointer-events:none}.answer{display:none!important}}.timer-panel{position:fixed;z-index:25;right:96px;top:50%;transform:translateY(-50%);width:min(405px,calc(100vw - 114px));max-height:calc(100dvh - 20px);overflow-y:auto;padding:23px;border:1px solid #cbd9ee;border-radius:20px;background:#f9fbff;color:#142843;box-shadow:0 22px 65px #0d203b55}.timer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.timer-heading>div{display:flex;flex-direction:column;gap:3px}.timer-heading strong{font-size:19px;letter-spacing:-.025em}.timer-heading span{font-size:12px;color:#62728a}.timer-heading button{font-size:26px;line-height:1;padding:2px 9px;border:0;background:transparent;color:#405677}.timer-large{text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(52px,6.5vw,86px);letter-spacing:-.055em;line-height:1.05;font-weight:700;color:#15499c;padding:17px 0 8px}.timer-ended{color:#be2336}.timer-finished{margin:2px 0 0;color:#be2336;text-align:center;font-size:16px;font-weight:800}.timer-progress{height:9px;background:#e1e9f6;border-radius:100px;overflow:hidden;margin:0 0 18px}.timer-progress>div{height:100%;background:#2563eb;border-radius:100px;transition:width .2s linear}.timer-label{display:block;font-size:12px;font-weight:800;color:#465c7d;margin:14px 0 8px}.timer-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.timer-presets button{padding:11px 3px;background:#f0f5ff;border:1px solid #cbd9ee;color:#153b76;font-weight:700;border-radius:10px}.timer-presets button.active{background:#2563eb;border-color:#2563eb;color:#fff}.timer-custom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:9px}.timer-custom label{font-size:12px;color:#53627c}.timer-custom input{width:100%;min-width:0;font-size:18px;text-align:center;padding:9px 4px;font-variant-numeric:tabular-nums}.timer-custom>button{font-size:13px;font-weight:750;padding:11px 10px;background:#e4eeff;color:#174ca5;border-color:#a9c1ed}.timer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.timer-actions button{padding:13px;font-weight:800}.timer-actions .timer-primary{color:#fff;background:#2563eb;border-color:#2563eb}.timer-hint{color:#5e6d85;font-size:12px;margin:12px 0 0;text-align:center}@media(max-width:600px){.timer-panel{right:77px;width:calc(100vw - 87px);padding:12px;max-height:calc(100dvh - 12px)}.timer-large{font-size:50px}.timer-custom{grid-template-columns:1fr 1fr}.timer-custom>button{grid-column:1/-1}}@media print{.timer-panel{display:none!important}}.header-brand{display:flex;align-items:center;gap:23px;min-width:0}.brand-logo{display:block;width:clamp(160px,17vw,230px);height:auto;flex:0 0 auto}.header-brand h1{font-size:25px;margin:5px 0}.header-brand p{font-size:12px}.presentation-brand{display:block;position:fixed;z-index:12;top:12px;right:19px;width:44px;height:44px;opacity:.94;pointer-events:none}.floating-timer{position:fixed;z-index:24;width:290px;min-height:97px;max-width:calc(100vw - 16px);border:1px solid #aac4eb;border-radius:18px;background:#f9fbff;color:#174b9f;box-shadow:0 14px 42px #122d4c4d;display:flex;align-items:center;gap:9px;padding:12px 14px;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.floating-timer:active{cursor:grabbing}.floating-grip{color:#8597b7;font-size:26px;line-height:1;flex:0 0 auto}.floating-time{font-size:55px;letter-spacing:-.045em;line-height:1;white-space:nowrap;font-weight:750;font-variant-numeric:tabular-nums;font-family:Inter,Arial,sans-serif;flex:1;text-align:center}.floating-timer.timer-ended .floating-time{color:#bd253e}.floating-settings{align-self:center;flex:0 0 auto;width:30px;height:34px;padding:2px;background:transparent;color:#46678f;border:0;font-size:22px;border-radius:8px;cursor:pointer}.floating-settings:hover{background:#e6effc}@media(max-width:900px){.header-brand{flex-wrap:wrap;gap:6px}.brand-logo{width:170px}}@media(max-width:600px){.floating-timer{width:245px;min-height:76px;padding:8px}.floating-time{font-size:43px}.floating-grip{font-size:20px}.floating-settings{font-size:19px}.presentation-brand{width:30px;height:30px;right:20px;top:8px}}@media print{.floating-timer,.presentation-brand{display:none!important}}.list-board .question-content,.presenting .list-board .question-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:8px clamp(10px,1.7vw,26px);min-width:0}.list-board .prompt,.presenting .list-board .prompt{flex:0 1 auto;min-width:0;width:auto;max-width:100%;white-space:normal;line-height:1.2}.list-board .expression,.presenting .list-board .expression{flex:0 1 auto;min-width:0;max-width:100%}@media(max-width:700px){.list-board .question-content,.presenting .list-board .question-content{flex-direction:row;align-items:baseline;flex-wrap:wrap}.list-board .prompt,.presenting .list-board .prompt{flex:0 1 auto;min-width:0}}.board{position:relative}.board-brand{position:absolute;z-index:5;pointer-events:none;display:block;width:76px;height:76px;object-fit:contain;padding:10px;background:var(--board-bg);border:1px solid var(--separator);border-radius:50%}.board-brand-centre{top:50%;left:50%;transform:translate(-50%,-50%)}.board-brand-corner{width:52px;height:52px;padding:7px;top:8px;right:8px;border:0}.grid-board .question{justify-content:flex-start;align-items:stretch;padding-top:clamp(82px,11vh,110px)}.grid-board .question-content{justify-content:flex-start;flex:0 0 auto}.presenting .grid-board .question{justify-content:flex-start;align-items:stretch;padding-top:clamp(80px,11vh,112px)}.presenting .grid-board .question-content{justify-content:flex-start;flex:0 0 auto}.list-board>.question:first-of-type{padding-right:74px}@media(max-width:700px){.grid-board .board-brand-centre{top:8px;right:8px;left:auto;transform:none;width:49px;height:49px;padding:6px;border:0}.grid-board .question,.presenting .grid-board .question{padding-top:58px}.list-board>.question:first-of-type{padding-right:58px}}@media print{.board-brand{display:none!important}}.answer-options{display:grid;grid-template-columns:1fr;gap:8px;margin:17px 0}.answer-option{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #d5e0f2;border-radius:10px;background:#f5f8ff;cursor:pointer}.answer-option input{width:19px;height:19px;accent-color:#2563eb;flex:0 0 auto}.answer-option span{font-size:14px;color:#17345a;flex:1;font-weight:650}.answer-option small{color:#59718e;font-size:12px;font-weight:500}