:root{--background:#fff;--foreground:#171717;--muted:#0000008c;--border:#0000001f;--accent:#2563eb;--accentBg:#2563eb1f;--fs-question:160px;--fs-timer:130px;--fs-between:100px;--fs-idle:36px;--fs-footer:12px;--gap-question-timer:20px}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--muted:#ffffffa6;--border:#ffffff29;--accent:#60a5fa;--accentBg:#60a5fa29}}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--background);color:var(--foreground);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.appRoot{--ui-scale:1;--display-scale:1;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;height:100dvh;min-height:0;display:grid;position:relative;overflow:hidden}.versionPicker{align-items:center;gap:calc(8px * var(--ui-scale));padding:calc(8px * var(--ui-scale));font-size:calc(14px * var(--ui-scale));border-bottom:1px solid var(--border);flex-wrap:wrap;grid-row:1;display:flex}.versionPicker select{width:0;min-width:0;max-width:100%;padding:calc(8px * var(--ui-scale));border:1px solid var(--border);background:var(--background);border-radius:8px;flex:20em}.versionHint{font-size:calc(12px * var(--ui-scale));color:var(--muted)}.versionPreview{text-align:left;align-self:center;width:min(1100px,100%)}.versionPreview h1{font-size:calc(22px * var(--display-scale));margin:0 0 calc(12px * var(--display-scale))}.displayArea{text-align:center;grid-row:2;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.displayMain{align-items:stretch;gap:calc(24px * var(--display-scale));width:100%;min-width:0;padding:calc(16px * var(--display-scale));overflow-wrap:anywhere;flex-direction:column;flex:none;display:flex}.participantsSetup{align-self:center;gap:calc(8px * var(--display-scale));flex-direction:column;width:min(1100px,100%);display:flex}.participantsLabel{font-size:calc(14px * var(--display-scale));text-align:left;color:var(--muted)}.participantsInput{resize:none;width:100%;min-height:0;height:calc(76px * var(--display-scale));font-size:calc(14px * var(--display-scale));border:calc(1px * var(--display-scale)) solid var(--border);border-radius:calc(16px * var(--display-scale));background:color-mix(in srgb, var(--background) 94%, var(--foreground) 6%);padding:calc(16px * var(--display-scale)) calc(18px * var(--display-scale))}.pairingsPanel{align-self:center;gap:calc(10px * var(--display-scale));width:min(1100px,100%);padding:calc(16px * var(--display-scale)) calc(18px * var(--display-scale));border:calc(1px * var(--display-scale)) solid var(--border);border-radius:calc(16px * var(--display-scale));background:color-mix(in srgb, var(--background) 94%, var(--foreground) 6%);text-align:left;flex-direction:column;display:flex}.pairingsSchedule{align-self:center;gap:calc(16px * var(--display-scale));grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));width:min(1100px,100%);display:grid}.pairingsSchedule .pairingsPanel{width:100%}.pairingsTitle{font-size:calc(14px * var(--display-scale));color:var(--muted)}.pairingsList{gap:calc(8px * var(--display-scale));flex-wrap:wrap;display:flex}.pairingChip{padding:calc(6px * var(--display-scale)) calc(10px * var(--display-scale));border-radius:calc(999px * var(--display-scale));background:var(--accentBg);color:var(--foreground);font-size:calc(14px * var(--display-scale))}.pairingsPanelBetween .pairingsList{gap:calc(16px * var(--display-scale))}.pairingsPanelBetween .pairingChip{font-size:calc(50px * var(--display-scale));padding:calc(14px * var(--display-scale)) calc(22px * var(--display-scale))}.chooserLayout{align-self:center;gap:calc(24px * var(--display-scale));grid-template-columns:repeat(2,minmax(0,1fr));width:min(1100px,100%);display:grid}.setCard{align-items:flex-start;gap:calc(14px * var(--display-scale));padding:calc(28px * var(--display-scale));border:calc(1px * var(--display-scale)) solid var(--border);border-radius:calc(20px * var(--display-scale));background:color-mix(in srgb, var(--background) 94%, var(--foreground) 6%);text-align:left;cursor:pointer;flex-direction:column;display:flex}.setCardLabel{font-size:clamp(calc(32px * var(--display-scale)), 5vw, calc(56px * var(--display-scale)));font-weight:700;line-height:1}.setCardQuestionSecondary{font-size:calc(18px * var(--display-scale));color:var(--muted)}.setCardQuestions{gap:calc(14px * var(--display-scale));flex-direction:column;width:100%;display:flex}.setCardQuestion{gap:calc(4px * var(--display-scale));flex-direction:column;display:flex}.setCardQuestionEn{font-size:calc(18px * var(--display-scale));color:var(--accent)}.runningLayout{justify-content:space-between;align-items:center;gap:calc(var(--gap-question-timer) * var(--display-scale));flex-direction:column;flex:none;width:100%;display:flex}.questionText{text-align:left;gap:calc(18px * var(--display-scale));width:100%;padding:0 calc(24px * var(--display-scale));flex-direction:column;display:flex}.questionTextEn,.questionTextSecondary{font-weight:650;line-height:1.15;font-size:calc(var(--fs-question) * var(--display-scale))}.questionTextEn{color:var(--accent)}.questionTextSecondary{color:var(--foreground)}.timerText{font-variant-numeric:tabular-nums;font-size:calc(var(--fs-timer) * var(--display-scale));line-height:1}.betweenText{font-weight:650;font-size:calc(var(--fs-between) * var(--display-scale));line-height:1.1}.finishedText,.idleText{font-weight:650;font-size:calc(var(--fs-idle) * var(--display-scale))}.footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-row:3;min-width:0}.footerInner{align-items:stretch;gap:calc(6px * var(--ui-scale));padding:calc(8px * var(--ui-scale));flex-direction:column;display:flex}.footerRow{align-items:center;gap:calc(10px * var(--ui-scale));min-width:0;display:flex}.footerRowTop{justify-content:flex-start}.footerRowBottom{flex-wrap:wrap;justify-content:space-between}.footerRowTop{align-items:center;gap:calc(12px * var(--ui-scale));flex-wrap:wrap;flex:1;display:flex}.toggleLabel{align-items:center;gap:calc(6px * var(--ui-scale));-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:calc(var(--fs-footer) * var(--ui-scale));display:flex}.toggleName{padding:calc(1px * var(--ui-scale)) calc(6px * var(--ui-scale))}.toggleName.used{opacity:.4}.toggleLabel.selected{color:var(--accent)}.toggleLabel.selected .toggleName{background:var(--accentBg);border-radius:calc(6px * var(--ui-scale))}.toggleLabel.selected .tinyRadio{accent-color:var(--accent)}.tinyRadio{width:calc(12px * var(--ui-scale));height:calc(12px * var(--ui-scale));margin:0}.nextButton{font-size:calc(var(--fs-footer) * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale));border-radius:calc(8px * var(--ui-scale));border:calc(1px * var(--ui-scale)) solid #15803d;color:#fff;background:#15803d;flex:none}.nextButton:disabled{opacity:.4}.preview{white-space:normal;overflow-wrap:anywhere;font-size:calc(var(--fs-footer) * var(--ui-scale));color:var(--muted);flex:100%;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.previewSizer,.previewText{grid-area:1/1}.previewSizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.rightControls{justify-content:flex-end;align-items:center;gap:calc(10px * var(--ui-scale));flex-wrap:wrap;min-width:0;display:flex}.buttons{align-items:center;gap:calc(6px * var(--ui-scale));flex-wrap:wrap;min-width:0;display:flex}.smallButton{font-size:calc(var(--fs-footer) * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(8px * var(--ui-scale));border-radius:calc(8px * var(--ui-scale));border:calc(1px * var(--ui-scale)) solid var(--border);background:0 0;flex:none}.smallButton:disabled{opacity:.4}.secondsInput{width:calc(64px * var(--ui-scale));height:calc(28px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));padding:0 calc(6px * var(--ui-scale));text-align:right;border-radius:calc(6px * var(--ui-scale));border:calc(1px * var(--ui-scale)) solid var(--border);font-variant-numeric:tabular-nums;background:0 0;flex:none}@media (max-width:800px){.chooserLayout{grid-template-columns:1fr}.setCard{min-height:0}}