.launch-panel{width:100%;max-width:640px;margin:0 auto}.launch-panel__content{background:var(--bg-primary);border:1px solid var(--bg-border);border-radius:var(--radius-lg);padding:var(--space-2);gap:var(--space-15);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.launch-panel__header{gap:var(--space-025);flex-direction:column;display:flex}.launch-panel__title{font-family:var(--font-family);color:var(--fg-primary);margin:0;font-size:22px;font-weight:700}.launch-panel__quiz-name{font-family:var(--font-family);color:var(--fg-secondary);margin:0;font-size:14px}.launch-panel__label{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);margin:0 0 var(--space-05) 0;font-size:13px;font-weight:700}.launch-panel__preset-grid{gap:var(--space-075);grid-template-columns:repeat(3,1fr);display:grid}.launch-panel__preset{align-items:center;gap:var(--space-05);padding:var(--space-15) var(--space-1);background:var(--bg-canvas);border:2px solid var(--bg-border);border-radius:var(--radius-m);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:var(--font-family);text-align:center;flex-direction:column;display:flex}.launch-panel__preset:hover{border-color:var(--primary-default)}.launch-panel__preset--selected{border-color:var(--primary-default);background:color-mix(in srgb, var(--primary-default) 6%, var(--bg-canvas));box-shadow:0 0 0 1px var(--primary-default)}.launch-panel__preset-icon{font-size:28px;line-height:1}.launch-panel__preset-label{color:var(--fg-primary);font-size:15px;font-weight:700}.launch-panel__preset-desc{color:var(--fg-secondary);font-size:12px;line-height:1.4}.launch-panel__preset-features{margin:var(--space-025) 0 0 0;color:var(--fg-tertiary);flex-direction:column;gap:2px;padding:0;font-size:11px;list-style:none;display:flex}.launch-panel__preset-features li:before{content:"+ ";color:var(--success-default);font-weight:700}.launch-panel__toggle{align-items:center;gap:var(--space-075);cursor:pointer;padding:var(--space-1);background:var(--bg-canvas);border:1px solid var(--bg-border);border-radius:var(--radius-m);display:flex}.launch-panel__toggle input{opacity:0;width:0;height:0;position:absolute}.launch-panel__toggle-track{background:var(--bg-border);width:40px;height:22px;transition:background var(--transition-fast);border-radius:11px;flex-shrink:0;position:relative}.launch-panel__toggle input:checked+.launch-panel__toggle-track{background:var(--primary-default)}.launch-panel__toggle-thumb{background:var(--fg-primary);width:18px;height:18px;transition:transform var(--transition-fast);box-shadow:var(--shadow-flat);border-radius:50%;position:absolute;top:2px;left:2px}.launch-panel__toggle input:checked+.launch-panel__toggle-track .launch-panel__toggle-thumb{transform:translate(18px)}.launch-panel__toggle-text{flex-direction:column;gap:2px;display:flex}.launch-panel__toggle-text strong{font-family:var(--font-family);color:var(--fg-primary);font-size:14px;font-weight:700}.launch-panel__toggle-text span{font-family:var(--font-family);color:var(--fg-secondary);font-size:12px}.launch-panel__error{font-family:var(--font-family);color:var(--constant-error);padding:var(--space-05) var(--space-075);background:color-mix(in srgb, var(--constant-error) 8%, transparent);border-radius:var(--radius-s);margin:0;font-size:13px}.launch-panel__actions{gap:var(--space-075);justify-content:flex-end;display:flex}.launch-panel__cancel{padding:var(--space-075) var(--space-15);border:1px solid var(--bg-border);border-radius:var(--radius-m);font-family:var(--font-family);color:var(--fg-secondary);cursor:pointer;transition:background var(--transition-fast);background:0 0;font-size:14px;font-weight:600}.launch-panel__cancel:hover{background:var(--bg-canvas)}.launch-panel__launch{padding:var(--space-075) var(--space-2);background:var(--primary-default);color:var(--fg-on-color);border-radius:var(--radius-m);font-family:var(--font-family);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;font-size:14px;font-weight:700}.launch-panel__launch:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.launch-panel__launch:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.launch-panel__preset-grid{grid-template-columns:1fr}.launch-panel__preset{text-align:left;gap:var(--space-1);padding:var(--space-1);flex-direction:row}.launch-panel__preset-icon{font-size:24px}.launch-panel__preset-features{display:none}}
.session-qr{align-items:center;gap:var(--space-075);flex-direction:column;display:flex}.session-qr__canvas{border-radius:var(--radius-lg);padding:var(--space-1);box-shadow:var(--shadow-card);background:#fff;justify-content:center;align-items:center;display:flex}.session-qr__download{align-items:center;gap:var(--space-025);padding:var(--space-05) var(--space-075);border:1px solid var(--bg-border);border-radius:var(--radius-m);font-family:var(--font-family);color:var(--fg-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);opacity:0;background:0 0;font-size:13px;font-weight:600;display:flex}.session-qr:hover .session-qr__download{opacity:1}.session-qr__download:hover{background:var(--bg-canvas);color:var(--fg-primary)}.session-qr__download:focus-visible{opacity:1;outline:2px solid var(--primary-default);outline-offset:2px}@media (prefers-reduced-motion:reduce){.session-qr__download{opacity:1;transition:none}}
.share-screen{width:100%;max-width:480px;margin:0 auto}.share-screen__content{background:var(--bg-primary);border:1px solid var(--bg-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-2);align-items:center;gap:var(--space-1);box-shadow:var(--shadow-elevated);text-align:center;flex-direction:column;display:flex}.share-screen__badge{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.08em;color:var(--primary-default);background:color-mix(in srgb, var(--primary-default) 10%, transparent);padding:var(--space-025) var(--space-075);border-radius:var(--radius-full);font-size:12px;font-weight:700}.share-screen__heading{font-family:var(--font-family);color:var(--fg-primary);margin:0;font-size:26px;font-weight:700}.share-screen__sub{font-family:var(--font-family);color:var(--fg-secondary);margin:0;font-size:15px}.share-screen__code-block{align-items:center;gap:var(--space-1);margin:var(--space-1) 0;display:flex}.share-screen__code{letter-spacing:.12em;color:var(--fg-primary);-webkit-user-select:all;user-select:all;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:48px;font-weight:700}.share-screen__copy-btn{align-items:center;gap:var(--space-025);padding:var(--space-05) var(--space-075);background:var(--bg-canvas);border:1px solid var(--bg-border);border-radius:var(--radius-m);font-family:var(--font-family);color:var(--fg-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);font-size:13px;font-weight:600;display:flex}.share-screen__copy-btn:hover{background:var(--bg-elevated);color:var(--fg-primary)}.share-screen__url-block{align-items:center;gap:var(--space-05);padding:var(--space-05) var(--space-075);background:var(--bg-canvas);border:1px solid var(--bg-border);border-radius:var(--radius-m);max-width:100%;display:flex;overflow:hidden}.share-screen__url{font-family:var(--font-family);color:var(--fg-secondary);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;flex:1;min-width:0;font-size:13px;overflow:hidden}.share-screen__url-copy,.share-screen__url-open{border-radius:var(--radius-s);width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.share-screen__url-copy:hover,.share-screen__url-open:hover{color:var(--fg-primary);background:var(--bg-border)}.share-screen__qr{margin:var(--space-1) 0}.share-screen__waiting{align-items:center;gap:var(--space-05);font-family:var(--font-family);color:var(--fg-tertiary);margin-top:var(--space-1);font-size:14px;display:flex}.share-screen__pulse{background:var(--success-default);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite share-pulse}@keyframes share-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.share-screen__done{margin-top:var(--space-1);padding:var(--space-075) var(--space-2);border:1px solid var(--bg-border);border-radius:var(--radius-m);font-family:var(--font-family);color:var(--fg-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;font-size:14px;font-weight:600}.share-screen__done:hover{background:var(--bg-canvas);color:var(--fg-primary)}@media (max-width:480px){.share-screen__code{font-size:36px}}
.launch-modal__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--space-4,1rem);background:#0b0e18b8;justify-content:center;align-items:center;animation:.16s ease-out launch-modal-fade-in;display:flex;position:fixed;inset:0}.launch-modal__shell{width:100%;max-width:720px;max-height:calc(100vh - var(--space-8,2rem));background:var(--bg-surface,#fff);border-radius:var(--radius-lg,16px);animation:.2s cubic-bezier(.34,1.56,.64,1) launch-modal-pop-in;position:relative;overflow:auto;box-shadow:0 24px 64px #0b0e1852}.launch-modal__close{top:var(--space-3,.75rem);right:var(--space-3,.75rem);width:32px;height:32px;color:var(--fg-default,#0b0e18);cursor:pointer;transition:background var(--transition-fast,.12s) ease;z-index:1;background:#0b0e180f;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.launch-modal__close:hover{background:#0b0e181f}@keyframes launch-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes launch-modal-pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.launch-modal__overlay,.launch-modal__shell{animation:none}}