:root{--palette-primary: 0 240 255;--palette-secondary: 255 0 127;--palette-accent: 255 184 0;--palette-success: 57 255 20;--palette-danger: 255 51 51;--text-on-primary: #12121e;--text-on-secondary: #ffffff;--text-on-accent: #12121e;--text-on-success: #0b5200;--text-on-danger: #ffffff;--text-on-pending: #12121e;--color-bg: #e9e4f7;--color-bg-gradient-from: #e9e4f7;--color-bg-gradient-to: #f3effc;--color-surface: #ffffff;--color-text: #12121e;--color-text-secondary: #62627a;--color-text-muted: #62627a;--color-muted: #62627a;--color-card-bg: #ffffff;--color-card-border: #e2e2ec;--color-border: #e2e2ec;--color-input-bg: #ffffff;--color-input-border: #e2e2ec;--color-button-ghost-bg: #ffffff;--color-button-ghost-text: #12121e;--color-button-ghost-border: #e2e2ec;--color-primary: rgb(var(--palette-primary));--color-primary-hover: color-mix(in srgb, rgb(var(--palette-primary)) 82%, black);--color-primary-text: var(--text-on-primary);--color-secondary: rgb(var(--palette-secondary));--color-secondary-bg: rgb(var(--palette-secondary));--color-secondary-soft: rgb(var(--palette-secondary) / .14);--color-secondary-text: var(--text-on-secondary);--color-accent: rgb(var(--palette-accent));--color-accent-soft: rgb(var(--palette-accent) / .22);--color-success: rgb(var(--palette-success));--color-success-bg: rgb(var(--palette-success));--color-success-text: var(--text-on-success);--color-danger: rgb(var(--palette-danger));--color-danger-bg: rgb(var(--palette-danger));--color-danger-text: var(--text-on-danger);--color-pending: rgb(var(--palette-accent));--color-pending-bg: rgb(var(--palette-accent));--color-pending-text: var(--text-on-pending);--color-pill-bg: rgb(var(--palette-secondary));--color-pill-text: var(--text-on-secondary);--color-card-shadow: rgb(var(--palette-primary) / .14);--color-neon-cyan-shadow: rgb(var(--palette-primary) / .24);--color-neon-pink-shadow: rgb(var(--palette-secondary) / .28)}@media(prefers-color-scheme:dark){:root{--color-bg: #12121e;--color-bg-gradient-from: #12121e;--color-bg-gradient-to: #161626;--color-surface: #1a1a2e;--color-text: #ffffff;--color-text-secondary: #9494b8;--color-text-muted: #9494b8;--color-muted: #9494b8;--color-card-bg: #1a1a2e;--color-card-border: #2a2a44;--color-border: #2a2a44;--color-input-bg: #1a1a2e;--color-input-border: #2a2a44;--color-button-ghost-bg: #1a1a2e;--color-button-ghost-text: #ffffff;--color-button-ghost-border: #2a2a44;--color-primary-hover: color-mix(in srgb, rgb(var(--palette-primary)) 55%, white);--color-card-shadow: rgb(var(--palette-secondary) / .16);--color-secondary-soft: rgb(var(--palette-secondary) / .18);--color-accent-soft: rgb(var(--palette-accent) / .2);--color-neon-pink-shadow: rgb(var(--palette-secondary) / .38);--color-neon-cyan-shadow: rgb(var(--palette-primary) / .3);--text-on-success: #12121e}}:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,var(--color-bg-gradient-from) 0%,var(--color-bg-gradient-to) 100%);color:var(--color-text)}button{font:inherit;border-radius:0}.create-title-field{margin:20px 0}.create-title-input{font-size:1.1rem}.join-card{max-width:480px}.join-form{gap:20px;margin-top:20px}.join-code-input{letter-spacing:.1em;text-transform:uppercase}.join-submit-btn{width:100%}.join-error-msg{color:var(--color-danger);display:none;font-weight:600}.participant-question-content{min-height:300px}.participant-session-footer{border-top:2px solid var(--color-card-border);display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.participant-empty-state,.participant-reconnecting{color:var(--color-text-muted);font-size:1.2rem;margin-top:4rem;text-align:center}.participant-reconnecting{font-size:1.1rem}.participant-preparing{margin-top:4rem;text-align:center}.participant-preparing-text{color:var(--color-text-muted);font-size:1.2rem;margin-bottom:1rem}.participant-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-card-border);border-radius:50%;border-top-color:var(--color-secondary);display:inline-block;height:40px;width:40px}@keyframes spin{to{transform:rotate(360deg)}}.participant-summary{padding:2rem;text-align:center}.participant-kicker,.participant-question-kicker{color:var(--color-primary);font-weight:700;text-transform:uppercase}.participant-kicker{font-size:.9rem}.participant-question-kicker{font-size:1rem}.participant-summary-title{color:var(--color-text);font-size:2rem;margin:.5rem 0}.participant-summary-copy{color:var(--color-text-muted);font-size:1.1rem;margin-top:1rem}.participant-score-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem}.participant-score-card{border:2px solid var(--color-card-border);padding:1rem}.participant-score-value{font-size:2rem;font-weight:700}.participant-score-label{color:var(--color-text-muted)}.participant-summary-empty{border:1px dashed var(--color-card-border);color:var(--color-text-muted);margin-top:2rem;padding:1.25rem}.participant-question-header{margin-bottom:1.5rem;text-align:center}.participant-question-title{font-size:2rem;margin:1rem 0;text-align:center}.participant-countdown{margin-top:2.5rem;text-align:center}.participant-countdown-label{color:var(--color-text-muted);font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.participant-countdown-number{color:var(--color-primary);font-size:7rem;font-weight:800;line-height:1}.participant-timer{color:var(--color-text-muted);font-weight:700;margin-bottom:1rem;text-align:center}.participant-timer-value{color:var(--color-primary);font-size:1.4rem}.participant-feedback{margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.participant-feedback-danger{background:var(--color-danger-bg);border:2px solid var(--color-danger);color:var(--color-danger-text)}.participant-feedback-success{background:var(--color-success-bg);border:2px solid var(--color-success);color:var(--color-success-text)}.participant-feedback-title{font-size:1.4rem;font-weight:700}.participant-feedback-points{font-size:1.1rem;margin-top:.25rem}.participant-running-score{background:var(--color-pending-bg);border:2px solid var(--color-pending);margin-bottom:1rem;padding:.75rem 1.25rem;text-align:center}.participant-running-score-item{color:var(--color-pending-text);font-weight:600}.participant-running-score-separator{color:var(--color-pending-text);margin:0 .75rem}.participant-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.participant-choice-btn{background:var(--color-card-bg);width:100%;min-height:96px;padding:1.5rem;border:2px solid var(--color-card-border);border-radius:0;color:var(--color-text);font:inherit;font-size:1.1rem;font-weight:400;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .12s ease,background .12s ease}.participant-choice-btn:not(:disabled):hover{border-color:var(--color-primary)}.participant-choice-btn:not(:disabled):active{background:var(--color-accent-soft)}.participant-choice-btn:focus-visible{outline:3px solid var(--color-neon-cyan-shadow);outline-offset:2px}.participant-choice-btn:disabled{cursor:default;opacity:1}.participant-choice-selected{background:var(--color-secondary-bg);border-color:var(--color-secondary);color:var(--color-secondary-text);font-weight:700}.participant-choice-correct{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-text);font-weight:700}.participant-choice-incorrect{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-text);font-weight:700}.participant-choice-indicator{display:block;margin-top:.35rem;font-size:.85rem;opacity:.75;text-transform:uppercase}.participant-leaderboard{margin:1.5rem auto 0;max-width:720px;text-align:left}.participant-leaderboard-title{color:var(--color-text);font-size:1.1rem;margin:0 0 .75rem}.participant-leaderboard-table{border-collapse:collapse;font-size:.95rem;width:100%}.participant-leaderboard-table th{border-bottom:2px solid var(--color-card-border);color:var(--color-text-secondary);font-weight:700;padding:.4rem .6rem;text-align:left}.participant-leaderboard-table th:last-child,.participant-leaderboard-table td:last-child{text-align:right}.participant-leaderboard-table td{border-bottom:1px solid var(--color-card-border);color:var(--color-text);padding:.4rem .6rem}.score-table-wrap{overflow-x:auto}.score-table-wrap-spaced{margin-top:1.5rem}.score-table-wrap-final{margin-top:2rem}.score-table-title{font-size:1.3rem;margin:0 0 1rem}.score-table{border-collapse:collapse;font-size:.95rem;width:100%}.score-table-compact{font-size:.9rem}.score-table th{border-bottom:2px solid var(--color-card-border);color:var(--color-text-secondary);padding:.5rem .75rem;text-align:left}.score-table td{border-bottom:1px solid var(--color-card-border);padding:.5rem .75rem}.score-table-compact th,.score-table-compact td{padding:.4rem .6rem}.score-table .cell-center{text-align:center}.score-table .cell-right{text-align:right}.participant-standings-name{align-items:center;display:inline-flex;gap:.45rem;max-width:100%;min-width:0}.participant-status-dot{border-radius:50%;display:inline-block;flex:0 0 auto;height:.7rem;width:.7rem}.participant-status-dot-connected{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.participant-status-dot-disconnected{background:var(--color-text-muted);box-shadow:0 0 0 3px var(--color-secondary-bg)}@media(max-width:600px){.participant-choice-grid{grid-template-columns:1fr;gap:.75rem}.participant-choice-btn{min-height:76px;padding:1rem;font-size:1rem}}#app{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.hero{border-bottom:2px solid var(--color-card-border);margin-bottom:28px;padding-bottom:18px}.hero-copy h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.brand-heading{line-height:1}.brand-home-link{display:inline-flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand-logo{display:block;width:80px;max-height:80px;height:auto;object-fit:contain}.brand-title{display:inline-block}.hero-copy p{margin:0;max-width:58ch;color:var(--color-text-secondary)}.hero-panel,.card,.question-card,.option-card,.presentation-stage{background:var(--color-card-bg);border:2px solid var(--color-card-border);border-radius:0;box-shadow:none}.hero-panel{min-width:280px;padding:18px 20px}.eyebrow,.meta-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.card-actions,.presentation-actions,.status-row{display:flex;flex-wrap:wrap;gap:12px}.layout-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}.stack{display:grid;gap:16px}.card,.question-card,.presentation-stage{padding:20px}.card h2,.presentation-stage h2,.question-card h3{margin-top:0}.quiz-section{display:grid;gap:18px}.quiz-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:2px solid var(--color-card-border)}.quiz-section-header h2{margin:4px 0 6px}.quiz-section-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.quiz-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.quiz-card{display:grid;gap:14px;align-content:space-between;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-neon-cyan-shadow);min-height:148px;padding:16px}.quiz-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.quiz-card-copy{min-width:0;padding-right:4px}.quiz-card-copy h3{margin:0 0 6px}.quiz-title-link{display:inline;margin:0;padding:0 0 2px;border-bottom:2px solid transparent;color:var(--color-text);cursor:pointer;font:inherit;font-size:1.3rem;font-weight:800;line-height:1.2;text-align:left;text-decoration:none}.quiz-title-link:hover,.quiz-title-link:focus-visible{border-bottom-color:var(--color-primary);color:var(--color-primary);outline:none}.quiz-card-icon-actions{display:flex;flex-shrink:0;gap:6px}.quiz-card-icon-button{align-items:center;appearance:none;background:var(--color-card-border);border:0;border-radius:0;color:var(--color-text);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;transition:background .12s ease,filter .12s ease;width:30px}.quiz-card-icon-button:hover:not(:disabled){filter:brightness(.94)}.quiz-card-icon-button-edit{background:var(--color-secondary-bg);color:var(--color-secondary-text)}.quiz-card-icon-button-copy{background:var(--color-primary);color:var(--color-primary-text)}.quiz-card-icon-button-share{background:var(--color-accent);color:var(--color-primary-text)}.quiz-card-icon-button-delete{background:var(--color-danger);color:var(--color-danger-text)}.quiz-card-action-icon{display:block;fill:currentColor;height:18px;width:18px}.quiz-card-present-button{width:100%}.quiz-empty-state{border:2px dashed var(--color-card-border);padding:24px}.quiz-empty-state h3{margin:0 0 6px}.muted{color:var(--color-text-muted)}.pill{display:inline-flex;align-items:center;padding:6px 10px;border:2px solid var(--color-card-border);border-radius:0;background:transparent;color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.button{border:0;border-radius:0;background:var(--color-card-border);color:var(--color-text);padding:12px 18px;cursor:pointer;font-weight:800;letter-spacing:.02em;text-transform:uppercase;transition:background .12s ease,color .12s ease,filter .12s ease,opacity .12s ease}.button:hover:not(:disabled){filter:brightness(.94)}.button-primary{background:var(--color-primary);color:var(--color-primary-text)}.button-primary:hover:not(:disabled){filter:brightness(.94)}.button-secondary{background:var(--color-secondary-bg);color:var(--color-secondary-text)}.button-ghost{background:var(--color-card-border);color:var(--color-text)}.button-share{background:var(--color-accent);color:var(--color-primary-text)}.button-danger-outline{background:var(--color-danger);color:var(--color-danger-text)}.button:disabled{opacity:.5;cursor:not-allowed}.workflow-list,.summary-list{margin:12px 0 0;padding-left:18px;color:var(--color-text-secondary)}.question-grid,.option-grid{display:grid;gap:14px}.option-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:20px}.option-card{padding:16px;border-width:2px}.editor-sticky-bar{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--color-bg);border:2px solid var(--color-card-border);border-bottom-width:3px;box-shadow:0 4px 16px #0000002e}.editor-sticky-title-row{display:flex;align-items:center;justify-content:space-between}.editor-sticky-input{margin-top:0}.editor-sticky-actions{display:flex;gap:10px}.editor-sticky-actions [data-action=save-quiz]{margin-left:auto}.editor-header{margin-bottom:20px}.editor-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.input-large{display:block;width:100%;font-size:1.5rem;font-weight:700;padding:12px;border:2px solid var(--color-input-border);border-radius:12px;margin-top:8px;background:var(--color-input-bg);color:var(--color-text)}.input-full{display:block;width:100%;padding:12px;border:1px solid var(--color-input-border);border-radius:8px;font-family:inherit;background:var(--color-input-bg);color:var(--color-text)}.question-list{display:grid;gap:12px;margin-top:24px}.question-editor-card{gap:0;overflow:visible;padding:0;position:relative}.question-editor-card-expanded{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-neon-cyan-shadow)}.question-editor-card.question-drop-before:before,.question-editor-card.question-drop-after:after{background:var(--color-accent);box-shadow:0 0 14px var(--color-accent-soft);content:"";height:4px;left:0;position:absolute;right:0;z-index:2}.question-editor-card.question-drop-before:before{top:-8px}.question-editor-card.question-drop-after:after{bottom:-8px}.question-reorder-zone{appearance:none;background:var(--color-card-border);border:0;border-radius:0;cursor:grab;display:flex;align-items:center;justify-content:center;height:28px;padding:0;width:100%}.question-reorder-zone:active{cursor:grabbing}.question-reorder-icon{display:block;fill:var(--color-text-muted);height:20px;width:20px;pointer-events:none}.question-card-summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:64px;padding:12px 14px}.question-expand-caret{border-bottom:7px solid transparent;border-left:9px solid var(--color-primary);border-top:7px solid transparent;display:block;flex-shrink:0;height:0;transition:transform .12s ease;width:0}.question-expand-caret-open{transform:rotate(90deg)}.question-card-summary-text{flex:1;min-width:0}.question-card-summary-text h3{font-size:1.1rem;line-height:1.25;margin:0;overflow-wrap:anywhere}.question-card-tools{align-items:center;display:flex;flex-shrink:0;gap:8px}.question-card-editor{border-top:2px solid var(--color-card-border);display:grid;gap:16px;padding:16px}.question-text-field{margin-bottom:0}.question-text-input{min-height:92px;resize:vertical}.time-limit-control{align-items:center;background:var(--color-card-border);color:var(--color-text);display:inline-flex;gap:6px;height:30px;padding:0 8px}.time-limit-input{appearance:textfield;background:transparent;border:0;color:inherit;font:inherit;font-weight:800;padding:0;width:42px}.time-limit-input::-webkit-inner-spin-button,.time-limit-input::-webkit-outer-spin-button{appearance:none;margin:0}.options-editor{display:grid;gap:8px}.option-edit-header,.option-edit-row,.add-option-row{align-items:center;display:grid;gap:8px;grid-template-columns:72px minmax(0,1fr) 30px}.option-edit-header{color:var(--color-accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.option-edit-row{margin:0}.add-option-row{margin-top:2px}.add-option-button{width:100%}.option-text-input{min-width:0;padding:8px 12px;border:1px solid var(--color-input-border);border-radius:0;background:var(--color-input-bg);color:var(--color-text)}.editor-action-icon{display:block;fill:currentColor;height:18px;width:18px}.correct-toggle{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;min-height:30px}.correct-toggle input{position:absolute;opacity:0;pointer-events:none}.correct-toggle-box{background:var(--color-card-border);display:block;height:24px;position:relative;width:24px}.correct-toggle input:checked+.correct-toggle-box{background:var(--color-success-bg)}.correct-toggle input:checked+.correct-toggle-box:after{border:solid var(--color-success-text);border-width:0 3px 3px 0;content:"";height:10px;left:8px;position:absolute;top:4px;transform:rotate(45deg);width:5px}.editor-row-dragging{opacity:.55}.modal-backdrop{align-items:center;background:#12121e9e;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-card{background:var(--color-card-bg);border:2px solid var(--color-card-border);box-shadow:0 4px 24px #0000002e;max-width:460px;padding:20px;width:100%}.modal-card-danger{border-color:var(--color-danger);box-shadow:0 0 0 1px #ff33333d}.modal-card h2{margin:0 0 8px}.modal-actions{justify-content:center;margin-top:18px}.modal-url-input{display:block;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text);font-family:monospace;font-size:.85rem;cursor:text}.text-danger{color:var(--color-danger)}.field{margin-bottom:16px}.option-card.correct{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success-text)}.presentation-stage h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:12px}.presentation-subtitle{margin:8px 0 0;color:var(--color-text-secondary)}.placeholder-note{margin-top:14px;padding:14px 16px;border-radius:8px;background:var(--color-accent-soft);color:var(--color-text)}.import-card,.import-preview-card{max-width:920px;margin:0 auto;width:100%}.import-template-row{margin:18px 0}.import-fields{margin:20px 0}.import-preview-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.import-preview-header h2{margin-bottom:8px}.import-error,.import-errors,.import-warnings{border-radius:8px;margin:16px 0 0;padding:12px 14px}.import-error,.import-errors{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger-text)}.import-warnings{background:var(--color-accent-soft);border:1px solid var(--color-accent);color:var(--color-text)}.import-errors h3,.import-warnings h3{margin:0 0 8px;font-size:1rem}.import-issue-list{margin:0;padding-left:20px}.import-issue-list li+li{margin-top:6px}.import-issue-list span{font-weight:700;margin-right:8px}.import-table-wrap{margin-top:18px;overflow-x:auto}.import-preview-table{border-collapse:collapse;min-width:720px;width:100%}.import-preview-table th,.import-preview-table td{border-bottom:1px solid var(--color-card-border);padding:10px 12px;text-align:left;vertical-align:top}.import-preview-table th{color:var(--color-text-secondary);font-size:.82rem;text-transform:uppercase}.import-confirm-actions{margin-top:18px}.recovery-card{max-width:720px;margin:0 auto}.recovery-fields{margin:20px 0}.recovery-error{margin:0;padding:12px 14px;border-radius:8px;background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger)}@media(max-width:900px){.hero,.layout-grid{grid-template-columns:1fr;display:grid}.hero-panel{min-width:0}.import-preview-header{display:grid}}.presentation-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#12121e,#00f0ff 48%,#ff007f);color:#fff;display:flex;flex-direction:column;padding:2rem;z-index:1000;overflow:hidden}.presentation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:1rem;opacity:.9}.presentation-counter{font-weight:600;background:#0003;padding:.5rem 1rem;border-radius:999px}.presentation-fullscreen-btn{background:var(--color-secondary-bg);border:2px solid transparent;color:var(--color-secondary-text);padding:.5rem .75rem;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease}.presentation-fullscreen-btn:hover{filter:brightness(.94);border-color:currentColor}.presentation-fullscreen-btn:active{filter:brightness(.9)}.presentation-fullscreen-btn svg{display:block}.presentation-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1400px;width:100%;margin:0 auto}.presentation-question{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;margin:0 0 3rem;text-align:center;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.24),0 0 18px rgba(0,240,255,.38)}.presentation-image{max-width:600px;margin:0 auto 2rem}.presentation-image img{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 12px 32px #00f0ff52}.presentation-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;width:100%;max-width:1200px}.presentation-option{display:flex;align-items:center;gap:1.5rem;padding:2rem 2.5rem;background:var(--color-card-bg);color:var(--color-text);border:4px solid var(--color-card-border);border-radius:8px;font-size:1.4rem;font-weight:500;box-shadow:0 4px 18px var(--color-neon-cyan-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.presentation-option-letter{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-primary-text);border-radius:8px;font-weight:700;font-size:1.5rem}.presentation-option-text{flex:1;line-height:1.4}.presentation-option-revealed{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-text);transform:scale(1.05);box-shadow:0 8px 32px #39ff146b;animation:reveal-pulse .5s ease}.presentation-option-revealed .presentation-option-letter{background:var(--color-success-text);color:var(--color-success-bg)}@keyframes reveal-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1.05)}}.presentation-footer{text-align:center;margin-top:2rem}.presentation-controls{display:inline-block;background:#00000040;padding:.75rem 1.5rem;border-radius:999px;font-size:.95rem;opacity:.85}@media(max-width:768px){.presentation-options{grid-template-columns:1fr;gap:1rem}.presentation-option{padding:1.5rem 2rem;font-size:1.2rem}.presentation-question{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:2rem}}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;font-size:.875rem;color:var(--color-text-secondary)}.breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:color .12s ease}.breadcrumb-link:hover{color:var(--color-accent);text-decoration:underline}.breadcrumb-separator{opacity:.5}.presenter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-card-border)}.presenter-title{margin:0;font-size:2rem;font-weight:700}.join-info{text-align:right}.join-code-card{background:var(--color-primary);color:var(--color-primary-text);padding:var(--space-md) var(--space-lg);border-radius:8px;min-width:200px}.join-code-value{font-size:2rem;font-weight:700;letter-spacing:.1em;margin:0}.join-url{margin-top:var(--space-sm);font-size:.8rem;opacity:.7}.join-disabled-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);padding:var(--space-md) var(--space-lg);border-radius:8px;text-align:center}.join-disabled-label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.join-disabled-value{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0}.quiz-selector{display:grid;gap:var(--space-lg)}.quiz-selector-header{margin-bottom:var(--space-md)}.quiz-selector-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-sm) 0}.presentation-controls-group{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid var(--color-card-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.control-btn{padding:.75rem 1.5rem;border:2px solid transparent;border-radius:0;cursor:pointer;font-weight:800;letter-spacing:.02em;text-transform:uppercase;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn-prev{background:var(--color-text);color:var(--color-surface)}.control-btn-reveal{background:var(--color-success);color:var(--color-success-text);padding:.75rem 2rem;font-size:1.1rem}.control-btn-next{background:var(--color-text);color:var(--color-surface)}.control-btn-fullscreen{background:var(--color-secondary);color:var(--color-secondary-text)}.control-btn:hover:not(:disabled){border-color:currentColor}.control-actions{margin-top:var(--space-md);text-align:center}.control-btn-end{padding:.5rem 1rem;background:var(--color-danger);color:var(--color-danger-text);border:2px solid transparent;border-radius:0;cursor:pointer}.keyboard-hint{color:var(--color-text-muted);font-size:.8rem;margin-top:var(--space-md);text-align:center}.slide-container{margin-bottom:var(--space-xl)}.slide-progress{text-align:center;margin-bottom:var(--space-md)}.slide-progress-label{text-transform:uppercase;color:var(--color-primary);font-weight:700;font-size:1.1rem}.slide-question{font-size:2.5rem;margin:var(--space-lg) 0;text-align:center;line-height:1.2}.presentation-countdown{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:var(--space-xl) auto;min-height:11rem;justify-content:center}.presentation-countdown-label{color:var(--color-text-muted);font-size:1rem;font-weight:700;text-transform:uppercase}.presentation-countdown-number{color:var(--color-primary);font-size:8rem;font-weight:800;line-height:1}.presentation-timer{align-items:baseline;display:flex;gap:.75rem;justify-content:center;margin:var(--space-md) auto;color:var(--color-text-muted);font-weight:700}.presentation-timer strong{color:var(--color-primary);font-size:2rem}.presentation-timer-complete{color:var(--color-success);font-size:1.25rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:var(--space-xl)}.option-item{background:var(--color-card-bg);border:2px solid var(--color-card-border);color:var(--color-text);padding:var(--space-lg);border-radius:8px;font-size:1.25rem;text-align:center;transition:all .2s ease;box-shadow:0 2px 12px var(--color-card-shadow)}.option-item-revealed{background:var(--color-success);border:3px solid var(--color-success);color:var(--color-success-text);font-weight:600;box-shadow:0 4px 18px #39ff145c}.layout-single{max-width:1200px;margin:0 auto;padding:var(--space-xl)}@media(max-width:767px){.options-grid{grid-template-columns:1fr}.presenter-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.join-info{text-align:left;width:100%}.presentation-controls-group{flex-direction:column;gap:var(--space-md)}.control-btn{width:100%}}@media(min-width:768px)and (max-width:1023px){.layout-single{padding:var(--space-lg)}}.join-qr-container{display:flex;align-items:center;gap:var(--space-lg);background:var(--color-primary);color:var(--color-primary-text);padding:var(--space-lg);border-radius:8px;min-width:fit-content}.qr-code-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;padding:var(--space-sm);border-radius:8px}.qr-code-image{display:block;width:auto;height:auto;max-width:280px;border-radius:4px}.join-code-details{display:flex;flex-direction:column;gap:var(--space-xs);min-width:150px}.join-code-label{font-size:.875rem;opacity:.9;margin-bottom:var(--space-xs)}.join-code-value{font-size:2rem;font-weight:700;letter-spacing:.1em;margin:0;line-height:1}.join-hint{font-size:.875rem;opacity:.85;margin-top:var(--space-xs)}@media(max-width:767px){.join-qr-container{flex-direction:column;gap:var(--space-md);text-align:center}.qr-code-container{width:100%}.qr-code-image{max-width:240px}.join-code-details{width:100%}}.title-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-xl)}.slide-title{font-size:3.5rem;font-weight:700;text-align:center;margin:0;line-height:1.2;color:var(--color-text)}.title-slide-live-panel{align-items:stretch;display:grid;gap:var(--space-lg);grid-template-columns:minmax(280px,1fr) minmax(280px,360px);width:100%;max-width:920px}.title-slide-participants{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;box-shadow:0 12px 28px var(--color-card-shadow);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-md);min-height:348px;padding:var(--space-lg)}.title-slide-participants-heading{align-items:baseline;border-bottom:1px solid var(--color-card-border);display:flex;gap:var(--space-md);justify-content:space-between;padding-bottom:var(--space-sm)}.title-slide-participants .title-slide-label{color:var(--color-accent);opacity:1}.title-slide-participant-count{color:var(--color-text-muted);font-size:.95rem;font-weight:700;white-space:nowrap}.title-slide-participant-list{display:grid;gap:var(--space-sm);max-height:268px;min-height:0;overflow-y:auto;padding-right:var(--space-xs)}.title-slide-participant{align-items:center;background:var(--color-secondary-soft);border:1px solid var(--color-card-border);border-radius:10px;display:grid;gap:var(--space-sm);grid-template-columns:40px minmax(0,1fr) auto;min-height:56px;padding:var(--space-sm)}.title-slide-participant-left{animation:title-slide-participant-fade 10s ease forwards}.title-slide-participant-avatar{align-items:center;aspect-ratio:1;background:var(--color-secondary-bg);border-radius:50%;color:var(--color-secondary-text);display:flex;font-size:.8rem;font-weight:800;justify-content:center;line-height:1;width:40px}.title-slide-participant-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-slide-participant-state{border-radius:999px;font-size:.72rem;font-weight:800;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.title-slide-participant-state-connected{background:var(--color-success-bg);color:var(--color-success-text)}.title-slide-participant-state-disconnected{background:var(--color-danger-bg);color:var(--color-danger-text)}.title-slide-participant-left .title-slide-participant-name,.title-slide-participant-left .title-slide-participant-avatar{color:var(--color-text-muted)}@keyframes title-slide-participant-fade{0%{opacity:1}70%{opacity:.85}to{opacity:0}}.title-slide-participant-empty{align-items:center;border:1px dashed var(--color-card-border);border-radius:10px;color:var(--color-text-muted);display:flex;font-weight:700;justify-content:center;min-height:140px;padding:var(--space-lg);text-align:center}.title-slide-join-info{align-items:center;background:var(--color-primary);color:var(--color-primary-text);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:348px;padding:var(--space-lg);border-radius:8px}.title-slide-qr-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;padding:var(--space-md);border-radius:8px}.title-slide-qr-image{display:block;width:auto;height:auto;max-width:240px;border-radius:4px}.title-slide-code-section{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center;width:100%}.title-slide-label{font-size:.875rem;opacity:.9;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.title-slide-code{font-size:2.5rem;font-weight:700;letter-spacing:.15em;line-height:1}.title-slide-url{font-size:.9rem;opacity:.8;word-break:break-all}.title-slide-disabled{background:var(--color-card-bg);border:2px solid var(--color-card-border);padding:var(--space-xl);border-radius:8px;text-align:center;color:var(--color-text-muted)}.title-slide-hint{font-size:1rem;color:var(--color-text-secondary);font-style:italic;margin:0}.join-code-display{display:flex;align-items:center;gap:var(--space-md);transition:all .2s ease;flex-wrap:wrap}.join-code-toggle{background:var(--color-primary);color:var(--color-primary-text);border:2px solid transparent;padding:var(--space-sm) var(--space-md);border-radius:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-weight:800;transition:background .12s ease,border-color .12s ease;white-space:nowrap;flex-shrink:0;z-index:10}.join-code-toggle:hover{border-color:currentColor}.join-code-label-small{font-size:.7rem;opacity:.85;text-transform:uppercase;letter-spacing:.05em}.join-code-value-small{font-size:1.25rem;font-weight:700;letter-spacing:.1em}.corner-qr-container{background:#fff;padding:var(--space-sm);border-radius:8px;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--color-neon-cyan-shadow);flex-shrink:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.corner-qr-container:hover{transform:scale(1.05);box-shadow:0 6px 16px var(--color-neon-cyan-shadow)}.join-code-display.expanded .corner-qr-container{display:flex}.corner-qr-image{display:block;width:auto;height:auto;max-width:200px;border-radius:4px}@media(max-width:767px){.slide-title{font-size:2.5rem}.title-slide-live-panel{grid-template-columns:minmax(0,1fr);max-width:420px}.title-slide-join-info{gap:var(--space-lg);min-height:auto;order:-1;text-align:center;padding:var(--space-lg)}.title-slide-participants{min-height:auto}.title-slide-qr-image{max-width:220px}.title-slide-code{font-size:2rem}.join-code-toggle{padding:var(--space-xs) var(--space-sm);font-size:.9rem}.join-code-label-small{font-size:.6rem}.join-code-value-small{font-size:1rem}.corner-qr-image{max-width:150px}}.presenter-options{max-width:600px;margin:0 auto}.presenter-options h1{font-size:2rem;margin-bottom:var(--space-xs)}.presenter-options .muted{margin-bottom:var(--space-xl)}.presenter-options .card{margin-bottom:var(--space-lg)}.presenter-options .card h2{font-size:1.25rem;margin-bottom:var(--space-md)}.presenter-option-group{margin-top:1.25rem}.presenter-option-group-label{display:block;font-weight:600;margin-bottom:.5rem}.presenter-radio-group{display:flex;flex-direction:column;gap:.5rem}.presenter-radio-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.option-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-sm) 0}.option-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.option-label span{font-size:1rem;font-weight:500}.presenter-stats{max-width:700px;margin:0 auto;text-align:center}.presenter-stats h1{font-size:2.5rem;margin-bottom:var(--space-sm)}.presenter-stats>.muted{margin-bottom:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-lg)}.stat-value{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:1rem;color:var(--color-muted);font-weight:500}.end-actions{margin-top:var(--space-xl)}.end-actions .button{margin-bottom:var(--space-md)}.end-actions .muted{font-size:.875rem}.card-error{max-width:500px;margin:0 auto;text-align:center;padding:var(--space-xl)}.card-error h2{color:var(--color-danger);margin-bottom:var(--space-md)}.card-error p,.breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb-link{color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-primary-hover);text-decoration:underline}