:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#07111f;color:#e5eefc;--bg: #07111f;--panel: rgba(11, 22, 38, .9);--border: rgba(127, 161, 210, .18);--text: #e5eefc;--muted: #93a5c3;--accent: #69a8ff;--accent-strong: #4a8df0;--success: #4cd28a;--warning: #f2c15b;--danger: #ff6b79;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{background:radial-gradient(circle at top,rgba(70,130,220,.2),transparent 28%),linear-gradient(180deg,#08101b,#07111f);color:var(--text)}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p,summary{margin:0}h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.02}h2{font-size:1.15rem}.app-shell{min-height:100svh;padding:12px}.page{width:min(100%,540px);min-height:calc(100svh - 24px);margin:0 auto;display:flex;flex-direction:column;gap:10px}.card,.room-shell{background:var(--panel);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wizard-shell{flex:1 1 auto;min-height:0;padding:20px;display:grid;grid-template-rows:auto 1fr auto auto;gap:16px}.wizard-head,.wizard-footer,.wizard-meta,.meta-grid,.control-row,.room-topbar,.room-actions,.section-head,.chat-form,.participant-flags{display:flex;gap:10px;flex-wrap:wrap}.wizard-head,.section-head,.room-topbar{justify-content:space-between;align-items:flex-start}.kicker{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.lead,.muted,.field-help,.chat-empty,.summary-label,.summary-meta,label,.swipe-hint{color:var(--muted)}.lead{font-size:1rem}.hero-support{max-width:28ch;color:var(--muted)}.provider-chip,.trust-badge,.quality-badge,.status-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:12px;border:1px solid var(--border);background:#ffffff0a}.trust-badge{color:var(--warning)}.wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wizard-step-list{display:flex;gap:8px;flex-wrap:wrap}.wizard-step-chip{border:1px solid var(--border);background:#ffffff0a;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:12px}.wizard-step-chip.step-active{color:var(--text);background:#69a8ff29;border-color:#69a8ff66}.wizard-step-chip.step-done{color:#d5e6ff}.progress-dot{height:8px;width:100%;border:none;border-radius:999px;background:#ffffff1f;padding:0}.progress-dot.step-active{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.progress-dot.step-done{background:#69a8ff8c}.wizard-panel{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:16px}.wizard-panel:has(.hero-copy){justify-content:center}.wizard-copy,.field,.summary-card,.participant-meta,.chat-log{display:flex;flex-direction:column}.wizard-copy,.field,.summary-card,.participant-meta{gap:8px}.hero-copy{gap:14px;max-width:30ch}.wizard-note,.summary-card{border-radius:18px;border:1px solid var(--border);background:#ffffff08;padding:14px}.wizard-note{display:flex;flex-direction:column;gap:6px}.wizard-note.spacious{gap:8px}.summary-value{font-size:1rem;font-weight:700}.summary-meta,.participant-flags{font-size:13px}.compact-summary{padding:12px 14px}label{font-size:14px}input,textarea{width:100%;border:1px solid var(--border);background:#08101cf2;color:var(--text);border-radius:16px;padding:14px 16px}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{outline:2px solid rgba(105,168,255,.28);border-color:#69a8ff73}.provider-stack{display:grid;gap:10px}.btn{border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:16px;padding:14px 16px;transition:.14s ease}.btn:hover{transform:translateY(-1px);border-color:#69a8ff73}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#04111f;border-color:transparent;font-weight:700}.btn.subtle.active,.btn.provider.active{border-color:#69a8ff7a;background:#69a8ff29}.btn.danger{color:#fff;background:#ff6b7929;border-color:#ff6b794d}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.wizard-footer .btn{flex:1 1 0}.wizard-meta{align-items:center}.text-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);padding:0;text-align:left}.preview-frame,.participant-card{position:relative;overflow:hidden;min-height:220px;border:1px solid var(--border);border-radius:20px;background:#08111e}.wizard-preview{min-height:260px}.preview-video,.participant-video{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;background:linear-gradient(180deg,#121e34b3,#08111e)}.participant-overlay,.chat-panel{padding:16px}.participant-overlay{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.participant-name{font-weight:700}.wizard-controls .btn{flex:1 1 0}.error-banner,.info-banner{border-radius:18px;padding:12px 14px;border:1px solid var(--border)}.error-banner{color:#ffd7dd;background:#ff6b791f;border-color:#ff6b793d}.info-banner{color:#d5e6ff;background:#69a8ff14}.room-shell{padding:16px;display:flex;flex-direction:column;gap:16px}.room-actions .btn{flex:1 1 140px}.room-layout{display:grid;gap:16px;grid-template-columns:1fr}.lan-shell .page,.page-wide{width:min(100%,1180px)}.lan-hero,.panel-stack{padding:24px}.lan-hero,.panel-stack,.stack-grid,.detail-grid,.metric-grid,.field-grid,.badge-row,.list-grid{display:grid;gap:16px}.lan-hero{gap:14px}.badge-row{grid-template-columns:repeat(auto-fit,minmax(140px,max-content))}.stack-grid-wide{grid-template-columns:1fr}.focus-grid{display:grid;gap:16px;grid-template-columns:1fr}.qr-card{align-content:start}.qr-frame{display:grid;place-items:center;min-height:320px;padding:16px;border-radius:24px;border:1px solid var(--border);background:#ffffff05}.qr-frame svg{width:min(100%,280px);height:auto}.qr-frame-loading{color:var(--muted)}.pair-code-large{font-size:clamp(1.35rem,4vw,2rem);font-weight:800;letter-spacing:.04em;text-transform:lowercase}.panel-stack{align-content:start}.field-grid.two-up{grid-template-columns:1fr}.checkbox-row{display:flex;align-items:flex-start;gap:10px;color:var(--muted)}.checkbox-row input{width:auto;margin-top:3px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card,.list-card{border-radius:20px;border:1px solid var(--border);background:#ffffff08;padding:16px}.score-value{font-size:clamp(2rem,6vw,3rem);line-height:1;font-weight:800}.score-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:8px 12px;border:1px solid var(--border);font-size:12px;font-weight:700}.score-low{color:var(--warning)}.score-building{color:var(--accent)}.score-strong{color:var(--success)}.code-display{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#08101cf2}.code-link{color:#d5e6ff}.detail-grid,.list-grid{grid-template-columns:1fr}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.detail-row:first-child{padding-top:0;border-top:none}.detail-row-active{color:#d5e6ff}.participants-grid{display:grid;gap:14px;grid-template-columns:1fr}.chat-panel{border:1px solid var(--border);border-radius:20px;background:#070f1bb8;display:flex;flex-direction:column;gap:14px;min-height:280px}.chat-log{gap:12px;max-height:320px;overflow:auto}.chat-bubble{border-radius:16px;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.04)}.chat-bubble.me{background:#69a8ff1f;border-color:#69a8ff2e}.chat-meta{font-size:12px;color:var(--muted);margin-bottom:6px}.chat-form{align-items:stretch}.chat-form input{flex:1 1 180px}@media(min-width:760px){.app-shell{padding:24px}.page{width:min(100%,1040px);min-height:calc(100svh - 48px);gap:16px}.wizard-shell,.room-shell{padding:24px}.room-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr)}.participants-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stack-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.field-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}}
