: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;--color-bg: #f4f4f9;--color-bg-gradient-from: #f4f4f9;--color-bg-gradient-to: #fafafd;--color-surface: #fff;--color-text: #12121e;--color-text-secondary: #62627a;--color-text-muted: #62627a;--color-card-bg: #fff;--color-card-border: #e2e2ec;--color-card-shadow: rgba(0, 240, 255, .14);--color-border: #e2e2ec;--color-primary: #00f0ff;--color-primary-hover: #00c8d6;--color-primary-text: #12121e;--color-secondary: #ff007f;--color-secondary-bg: #ff007f;--color-secondary-soft: rgba(255, 0, 127, .14);--color-secondary-text: #fff;--color-accent: #ffb800;--color-accent-soft: rgba(255, 184, 0, .22);--color-button-ghost-bg: #fff;--color-button-ghost-text: #12121e;--color-button-ghost-border: #e2e2ec;--color-pill-bg: #ff007f;--color-pill-text: #fff;--color-input-border: #e2e2ec;--color-input-bg: #fff;--color-success: #39ff14;--color-success-text: #0b5200;--color-success-bg: #39ff14;--color-danger: #ff3333;--color-danger-text: #fff;--color-danger-bg: #ff3333;--color-pending: #ffb800;--color-pending-text: #12121e;--color-pending-bg: #ffb800;--color-muted: #62627a;--color-neon-pink-shadow: rgba(255, 0, 127, .28);--color-neon-cyan-shadow: rgba(0, 240, 255, .24);background:var(--color-bg);color:var(--color-text)}@media(prefers-color-scheme:dark){:root{--color-bg: #12121e;--color-bg-gradient-from: #12121e;--color-bg-gradient-to: #161626;--color-surface: #1a1a2e;--color-text: #fff;--color-text-secondary: #9494b8;--color-text-muted: #9494b8;--color-card-bg: #1a1a2e;--color-card-border: #2a2a44;--color-card-shadow: rgba(255, 0, 127, .16);--color-border: #2a2a44;--color-primary: #00f0ff;--color-primary-hover: #7af8ff;--color-primary-text: #12121e;--color-secondary: #ff007f;--color-secondary-bg: #ff007f;--color-secondary-soft: rgba(255, 0, 127, .18);--color-secondary-text: #fff;--color-accent: #ffb800;--color-accent-soft: rgba(255, 184, 0, .2);--color-button-ghost-bg: #1a1a2e;--color-button-ghost-text: #fff;--color-button-ghost-border: #2a2a44;--color-pill-bg: #ff007f;--color-pill-text: #fff;--color-input-border: #2a2a44;--color-input-bg: #1a1a2e;--color-success: #39ff14;--color-success-text: #12121e;--color-success-bg: #39ff14;--color-danger: #ff3333;--color-danger-text: #fff;--color-danger-bg: #ff3333;--color-pending: #ffb800;--color-pending-text: #12121e;--color-pending-bg: #ffb800;--color-muted: #9494b8;--color-neon-pink-shadow: rgba(255, 0, 127, .38);--color-neon-cyan-shadow: rgba(0, 240, 255, .3)}}*{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}.create-title-field{margin:20px 0}.create-title-input{font-size:1.1rem}.participant-container{font-family:inherit;margin:0 auto;max-width:800px;padding:2rem}.participant-container-join{max-width:600px}.participant-join-title,.participant-join-copy{text-align:center}.participant-join-copy{color:var(--color-text-muted)}.participant-form{margin-top:2rem}.participant-field-label{display:block;font-weight:700;margin-bottom:.5rem}.participant-field-label-spaced{margin-top:1rem}.participant-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:4px;color:var(--color-text);font:inherit;font-size:1rem;padding:.75rem;width:100%}.participant-code-input{font-size:1.2rem;text-transform:uppercase}.participant-join-button,.participant-leave-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700}.participant-join-button{background:var(--color-primary);font-size:1.1rem;margin-top:1.5rem;padding:1rem;width:100%}.participant-leave-button{background:var(--color-danger);padding:.5rem 1rem}.participant-join-error{color:var(--color-danger);display:none;margin-top:1rem}.participant-session-header{border-bottom:2px solid var(--color-card-border);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.participant-session-title{color:var(--color-text-muted);font-size:1.5rem;margin:0}.participant-question-content{min-height:400px}.participant-session-footer{border-top:2px solid var(--color-card-border);margin-top:2rem;padding-top:1rem;text-align:center}.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:1px solid var(--color-card-border);border-radius:8px;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);border-radius:8px;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{border-radius:8px;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:1px solid var(--color-pending);border-radius:8px;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:8px;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:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.participant-choice-btn:not(:disabled):hover{box-shadow:0 8px 18px var(--color-neon-cyan-shadow);transform:translateY(-1px)}.participant-choice-btn:not(:disabled):active{transform:scale(.98)}.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-container{padding:1rem!important}.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{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.hero-copy h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.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:1px solid var(--color-card-border);border-radius:8px;box-shadow:0 18px 40px var(--color-card-shadow),0 0 0 1px #ffffff0a}.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)}.nav-row,.card-actions,.presentation-actions,.status-row{display:flex;flex-wrap:wrap;gap:12px}.nav-row{margin-bottom:24px}.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-list{display:grid;gap:16px}.quiz-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.quiz-card-header h3{margin:6px 0 8px}.muted{color:var(--color-text-muted)}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--color-pill-bg);color:var(--color-pill-text);font-size:.85rem;font-weight:600}.button{border:0;border-radius:999px;padding:10px 16px;cursor:pointer;transition:transform .12s ease,background .12s ease,opacity .12s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:0 0 18px var(--color-neon-cyan-shadow)}.button-secondary{background:var(--color-secondary-bg);color:var(--color-secondary-text);box-shadow:0 0 18px var(--color-neon-pink-shadow)}.button-ghost{background:var(--color-button-ghost-bg);color:var(--color-button-ghost-text);border:1px solid var(--color-button-ghost-border)}.button-share{background:var(--color-secondary-soft);border:1px solid var(--color-secondary);color:var(--color-text)}.button-danger-outline{color:var(--color-danger);border-color:var(--color-danger)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.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-header{margin-bottom:20px}.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:24px;margin-top:24px}.question-editor-card .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.option-edit-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.option-text-input{flex:1;padding:8px 12px;border:1px solid var(--color-input-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-text)}.button-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0 8px;line-height:1}.text-danger{color:var(--color-danger)}.field{margin-bottom:16px}.options-editor{display:grid;gap:8px}.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)}.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}}.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:#0003;border:none;color:#fff;padding:.5rem .75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.presentation-fullscreen-btn:hover{background:#0000004d;transform:scale(1.05)}.presentation-fullscreen-btn:active{transform:scale(.95)}.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:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .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){transform:translateY(-2px);box-shadow:0 4px 16px var(--color-neon-cyan-shadow)}.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:none;border-radius:6px;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:none;padding:var(--space-sm) var(--space-md);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-weight:600;transition:all .2s ease;white-space:nowrap;flex-shrink:0;z-index:10}.join-code-toggle:hover{transform:scale(1.05);box-shadow:0 2px 12px var(--color-neon-cyan-shadow)}.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}