@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0a0b0f;--surface: #13141b;--surface-hover: #1a1c25;--surface-alt: #1e2029;--border: #2a2d3a;--text: #f0f0f3;--text-secondary: #8b8d9a;--text-muted: #5a5c6a;--accent: #10b981;--accent-glow: rgba(16, 185, 129, .15);--shadow: rgba(0, 0, 0, .3);--shadow-light: rgba(0, 0, 0, .2);--qr-bg: #f0f0f3;--qr-fill: #0a0b0f;--btn-primary-bg: #f0f0f3;--btn-primary-text: #0a0b0f;--btn-primary-shadow: 0 4px 16px rgba(255, 255, 255, .1);--btn-primary-hover-shadow: 0 8px 32px rgba(255, 255, 255, .15);--selected-vote-text: #000;--ring-track-opacity: .4;--card-shadow: none;--header-shadow: none;--sidebar-shadow: none;--glow-opacity: .4;--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .1);--score-1: #ef4444;--score-1-glow: rgba(239, 68, 68, .2);--score-2: #f59e0b;--score-2-glow: rgba(245, 158, 11, .2);--score-3: #eab308;--score-3-glow: rgba(234, 179, 8, .2);--score-4: #84cc16;--score-4-glow: rgba(132, 204, 22, .2);--score-5: #22c55e;--score-5-glow: rgba(34, 197, 94, .2);--legal-overlay: rgba(0, 0, 0, .62)}@media (prefers-color-scheme: light){:root{--bg: #f5f5f7;--surface: #ffffff;--surface-hover: #ededf0;--surface-alt: #f0f0f3;--border: #dcdee5;--text: #111218;--text-secondary: #6b6e7b;--text-muted: #9ca0ad;--accent: #0d9668;--accent-glow: rgba(13, 150, 104, .08);--shadow: rgba(0, 0, 0, .07);--shadow-light: rgba(0, 0, 0, .04);--qr-bg: #ffffff;--qr-fill: #111218;--btn-primary-bg: #111218;--btn-primary-text: #ffffff;--btn-primary-shadow: 0 2px 8px rgba(0, 0, 0, .08);--btn-primary-hover-shadow: 0 8px 24px rgba(0, 0, 0, .12);--selected-vote-text: #fff;--ring-track-opacity: .15;--card-shadow: 0 2px 16px rgba(0, 0, 0, .07);--header-shadow: 0 1px 4px rgba(0, 0, 0, .04);--sidebar-shadow: -2px 0 8px rgba(0, 0, 0, .04);--glow-opacity: .7;--score-1: #dc2626;--score-1-glow: rgba(220, 38, 38, .1);--score-2: #d97706;--score-2-glow: rgba(217, 119, 6, .1);--score-3: #ca8a04;--score-3-glow: rgba(202, 138, 4, .1);--score-4: #65a30d;--score-4-glow: rgba(101, 163, 13, .1);--score-5: #16a34a;--score-5-glow: rgba(22, 163, 74, .1);--legal-overlay: rgba(10, 12, 20, .34)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease}::placeholder{color:var(--text-muted)}button,input{font:inherit}input:focus{outline:none}a{color:inherit}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.btn-primary{padding:16px 40px;border-radius:14px;border:0;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--btn-primary-hover-shadow)}.btn-secondary{padding:16px 40px;border-radius:14px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:var(--surface-hover)}.btn-full{width:100%;padding:16px;border-radius:14px;border:0;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:var(--btn-primary-shadow)}.btn-full:hover{transform:translateY(-1px)}.btn-full:disabled,.btn-secondary:disabled,.btn-copy:disabled,.copy-btn:disabled,.vote-btn:disabled{opacity:.7;cursor:not-allowed}.back-link{display:block;margin:20px auto 0;color:var(--text-secondary);font-size:14px;text-decoration:none;text-align:center;transition:color .2s ease}.back-link:hover{color:var(--text)}.card{background:var(--surface);border-radius:20px;padding:36px;border:1px solid var(--border);box-shadow:var(--card-shadow)}.card h2{margin:0 0 8px;font-size:24px;font-family:"Instrument Serif",Georgia,serif;font-weight:700}.card .desc{margin:0 0 28px;font-size:14px;color:var(--text-secondary)}.field{display:block;margin-bottom:20px}.field-last{margin-bottom:28px}.field-label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;display:block;margin-bottom:8px}.field-label .opt{color:var(--text-muted);font-weight:400}.input{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text);font-size:15px;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:17px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.error-banner{margin-bottom:16px;border:1px solid var(--danger);border-radius:12px;padding:10px 12px;background:var(--danger-glow);color:var(--danger);font-size:14px}.landing-page{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;padding:0}.ambient{position:fixed;top:-40%;left:50%;transform:translate(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);pointer-events:none;opacity:var(--glow-opacity);z-index:0}.ambient-2{position:fixed;bottom:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.06) 0%,transparent 65%);pointer-events:none;opacity:var(--glow-opacity);z-index:0}.hero{padding:100px 24px 80px;max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:1;animation:fade-up .7s ease}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 10px;border-radius:100px;background:var(--accent-dim, rgba(16, 185, 129, .06));border:1px solid rgba(16,185,129,.15);font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;margin-bottom:28px}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:live-pulse 2s infinite}.hero h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(34px,5.5vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.025em;margin-bottom:20px}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{font-size:clamp(16px,2vw,18px);color:var(--text-secondary);max-width:500px;line-height:1.7;margin:0 auto 40px}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary .arrow{transition:transform .2s;font-size:18px}.btn-primary:hover .arrow{transform:translate(3px)}.hero-reassurance{margin-top:16px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero-reassurance span{display:flex;align-items:center;gap:5px}.hero-reassurance .check{color:var(--accent);font-size:14px}.proof-bar{text-align:center;padding:40px 24px 0;position:relative;z-index:1;animation:fade-up .7s ease .15s both}.proof-bar-inner{display:inline-flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center;padding:16px 32px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow)}.proof-stat{display:flex;align-items:center;gap:8px}.proof-stat .num{font-family:"Instrument Serif",Georgia,serif;font-size:22px;font-weight:400;color:var(--text)}.proof-stat .num-suffix{font-size:14px;color:var(--text-muted)}.proof-stat .label{font-size:13px;color:var(--text-secondary)}.proof-divider{width:1px;height:24px;background:var(--border)}.instant-strip{padding:60px 24px 0;max-width:880px;margin:0 auto;position:relative;z-index:1}.instant-strip-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.instant-item{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 20px;box-shadow:var(--card-shadow)}.instant-icon{font-size:22px;flex-shrink:0;margin-top:1px}.instant-title{font-size:14px;font-weight:700;margin-bottom:3px}.instant-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.demo-section{padding:60px 24px 0;position:relative;z-index:1}.demo-window{max-width:780px;margin:0 auto;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow),0 24px 80px #0000002e}.demo-titlebar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.demo-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.demo-dot:nth-child(1){background:#ef4444}.demo-dot:nth-child(2){background:#f59e0b}.demo-dot:nth-child(3){background:#22c55e}.demo-titlebar-text{flex:1;text-align:center;font-size:12px;color:var(--text-muted);font-weight:500;margin-right:36px}.demo-layout{display:flex;min-height:360px}.demo-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:4px;position:relative}.demo-session-tag{position:absolute;top:16px;left:20px;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.demo-session-name{position:absolute;top:30px;left:20px;font-family:"Instrument Serif",Georgia,serif;font-size:16px;color:var(--text)}.demo-live-badge{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--accent)}.demo-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:live-pulse 1.5s infinite}.demo-ring-wrap{position:relative;width:180px;height:180px;margin-bottom:8px}.demo-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.demo-ring-track{fill:none;stroke:var(--border);stroke-width:6;opacity:.4}.demo-ring-fill{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:150}.demo-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-ring-num{font-family:"Instrument Serif",Georgia,serif;font-size:48px;line-height:1;color:var(--text)}.demo-ring-label{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.demo-vote-count{font-size:13px;color:var(--text-muted);margin-bottom:12px}.demo-vote-count strong{color:var(--text-secondary);font-weight:600}.demo-your-score-label{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.demo-score-btns{display:flex;gap:12px;margin-bottom:10px}.demo-score-btn{width:42px;height:42px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-alt);font-size:16px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:center}.demo-score-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.08)}.demo-status-dots{display:flex;gap:5px;align-items:center}.demo-status-dot{width:8px;height:8px;border-radius:50%}.demo-status-dot-muted{background:var(--border)}.demo-status-dot-2{background:var(--score-2)}.demo-status-dot-accent{background:var(--accent)}.demo-status-dot-5{background:var(--score-5)}.demo-sidebar{width:220px;border-left:1px solid var(--border);background:var(--surface-alt);display:flex;flex-direction:column;padding:20px 16px;gap:16px;flex-shrink:0}.demo-qr-section{text-align:center}.demo-qr-label{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px}.demo-qr-box{width:100px;height:100px;margin:0 auto 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);padding:8px;gap:1px;overflow:hidden}.demo-qr-cell{border-radius:1px}.demo-qr-cell.on{background:var(--text)}.demo-qr-cell.off{background:transparent}.demo-session-code{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;letter-spacing:3px;color:var(--text);padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);text-align:center}.demo-participants-label{font-size:13px;font-weight:700;color:var(--text)}.demo-participants-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.demo-participant-list{display:flex;flex-direction:column;gap:6px}.demo-participant{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text)}.demo-avatar{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.avatar-muted{background:var(--text-muted)}.avatar-accent{background:var(--accent)}.avatar-1{background:var(--score-1)}.avatar-3{background:var(--score-3)}.avatar-5{background:var(--score-5)}.demo-participant-name{flex:1}.demo-participant-score{font-weight:700;font-size:14px;font-family:JetBrains Mono,monospace}.score-2{color:var(--score-2)}.score-3{color:var(--score-3)}.score-4{color:var(--score-4)}.score-5{color:var(--score-5)}.how{padding:100px 24px 80px;max-width:880px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:56px}.section-overline{font-size:11px;font-weight:600;letter-spacing:2.5px;color:var(--accent);text-transform:uppercase;margin-bottom:12px}.section-title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 28px;box-shadow:var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease}.step:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--accent-dim, rgba(16, 185, 129, .06));border:1px solid rgba(16,185,129,.12);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--accent);margin-bottom:18px}.step-icon{font-size:28px;margin-bottom:14px;display:block}.step h3{font-size:17px;font-weight:700;margin-bottom:8px}.step p{font-size:14px;color:var(--text-secondary);line-height:1.6}.why{padding:0 24px 100px;max-width:880px;margin:0 auto;position:relative;z-index:1}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.why-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 28px;box-shadow:var(--card-shadow)}.why-card-icon{font-size:24px;margin-bottom:14px;display:block}.why-card h3{font-size:16px;font-weight:700;margin-bottom:6px}.why-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.bottom-cta{padding:0 24px 60px;max-width:560px;margin:0 auto;text-align:center;position:relative;z-index:1}.bottom-cta-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:48px 36px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.bottom-cta-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.bottom-cta-card h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(24px,3.5vw,32px);font-weight:400;margin-bottom:10px}.bottom-cta-card .sub{font-size:15px;color:var(--text-secondary);margin-bottom:28px}.cta-primary{font-size:17px;padding:18px 48px}.bottom-cta-card .hero-reassurance{margin-top:14px}.faq{padding:0 24px 80px;max-width:640px;margin:0 auto;position:relative;z-index:1}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow)}.faq-q{width:100%;padding:20px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;color:var(--text);text-align:left;font-family:inherit;font-size:15px;font-weight:600}.faq-q:hover{background:var(--surface-hover)}.faq-chevron{font-size:18px;color:var(--text-muted);transition:transform .25s ease;flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-a{padding:0 24px 20px;font-size:14px;color:var(--text-secondary);line-height:1.7;display:none}.faq-item.open .faq-a{display:block}.kbd-hint{margin-top:20px;font-size:13px;color:var(--text-muted)}kbd{padding:2px 8px;border-radius:6px;background:var(--surface-alt);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-secondary)}.site-footer{padding:0 24px 32px;text-align:center;font-size:12px;color:var(--text-muted);position:relative;z-index:1}.site-footer a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.site-footer a:hover{color:var(--text-secondary)}body.modal-open{overflow:hidden}.site-footer-link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;font:inherit;font-size:12px;cursor:pointer;padding:0}.site-footer-link-button:hover{color:var(--text-secondary)}.footer-separator{margin:0 8px;color:var(--text-muted)}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--legal-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:28px 20px}.legal-modal{width:min(960px,100%);max-height:90vh;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-alt));box-shadow:0 24px 60px var(--shadow);overflow:hidden;display:flex;flex-direction:column;text-align:left}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.legal-modal-header h2{margin:0;font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.02em;color:var(--text)}.legal-modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.legal-modal-close:hover{background:var(--surface-hover);color:var(--text);transform:translateY(-1px)}.legal-modal-content{overflow-y:auto;padding:24px;color:var(--text-secondary);font-size:15px;line-height:1.7;text-align:left}.legal-modal-content h1,.legal-modal-content h2,.legal-modal-content h3,.legal-modal-content h4,.legal-modal-content h5,.legal-modal-content h6{color:var(--text);line-height:1.25;margin:28px 0 12px;letter-spacing:-.01em}.legal-modal-content h1{font-size:clamp(22px,3vw,30px)}.legal-modal-content h2{font-size:clamp(18px,2.2vw,24px)}.legal-modal-content h3{font-size:18px}.legal-modal-content p{margin:0 0 14px}.legal-modal-content ul,.legal-modal-content ol{margin:0 0 16px;padding-left:24px}.legal-modal-content li{margin-bottom:6px}.legal-modal-content a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.legal-modal-content strong{color:var(--text)}.legal-modal-content code{padding:1px 6px;border-radius:6px;background:var(--surface-alt);border:1px solid var(--border);font-size:.9em;color:var(--text)}.legal-modal-content hr{border:0;border-top:1px solid var(--border);margin:22px 0}.legal-modal-content blockquote{margin:0 0 16px;padding:10px 14px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--accent-glow)}.legal-modal-content .legal-table-wrap{overflow-x:auto;margin:0 0 16px}.legal-modal-content table{width:100%;border-collapse:collapse;min-width:420px}.legal-modal-content th,.legal-modal-content td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}.legal-modal-content th{font-weight:700;color:var(--text);background:var(--surface-alt)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.hero{padding:72px 20px 60px}.steps{grid-template-columns:1fr;gap:14px}.why-grid{grid-template-columns:1fr}.instant-strip-inner{grid-template-columns:1fr;gap:10px}.proof-bar-inner{flex-direction:column;gap:12px;padding:20px 24px}.proof-divider{width:80px;height:1px}.demo-sidebar{display:none}.demo-layout{flex-direction:column}.demo-ring-wrap{width:140px;height:140px}.demo-ring-num{font-size:36px}}.centered-form-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.form-wrapper{width:100%;max-width:460px;animation:fade-up .4s ease}.input-with-btn{position:relative}.input-with-btn .input{padding-right:50px}.input-action{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--accent);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.input-action:hover{background:var(--surface-hover)}.toggle{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--surface-alt);border:1.5px solid var(--border);cursor:pointer;margin-bottom:20px;transition:all .2s ease;-webkit-user-select:none;user-select:none;color:inherit;text-align:left}.toggle.active{background:var(--accent-glow);border-color:var(--accent)}.toggle-track{width:40px;height:22px;border-radius:11px;background:var(--text-muted);position:relative;transition:background .2s;flex-shrink:0}.toggle.active .toggle-track{background:var(--accent)}.toggle-thumb{width:18px;height:18px;border-radius:9px;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggle.active .toggle-thumb{left:20px}.toggle-label{font-size:14px;font-weight:600;display:block}.toggle-desc{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.btn-resume{width:100%;margin-top:12px}.session-page{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--header-shadow)}.header-left{display:flex;align-items:center;gap:16px}.session-overline{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.session-name{margin:0;font-size:18px;font-weight:700;font-family:"Instrument Serif",Georgia,serif}.header-right{display:flex;align-items:center;gap:12px}.export-wrap{position:relative}.export-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:130px;padding:6px;border-radius:10px;border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 24px var(--shadow);z-index:20}.export-item{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;font-weight:600;text-align:left;padding:9px 10px;cursor:pointer}.export-item:hover{background:var(--accent-glow);color:var(--accent)}.export-status{padding:8px 24px 0;font-size:12px;color:var(--accent);font-weight:600}.btn-copy{padding:8px 16px;border-radius:10px;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy:hover{border-color:var(--accent);color:var(--accent)}.btn-copy.copied{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.live{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);font-weight:500}.live.offline{color:var(--text-muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:live-pulse 2s ease infinite}.main{flex:1;display:flex;min-height:0}.score-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;animation:fade-up .5s ease}.ring-wrap{position:relative;margin-bottom:32px}.ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-num{font-size:80px;font-weight:800;line-height:1;font-family:"Instrument Serif",Georgia,serif;transition:color .4s ease}.score-lbl{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:1px;margin-top:4px;text-transform:uppercase}.vote-count{font-size:15px;color:var(--text-secondary);margin-bottom:36px}.vote-count strong{color:var(--text);font-weight:700}.vote-label{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:12px;text-align:center}.vote-btns{display:flex;gap:10px}.vote-btn{width:64px;height:64px;border-radius:14px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-size:22px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px var(--shadow-light);display:flex;align-items:center;justify-content:center}.vote-btn.selected{color:var(--selected-vote-text)}.vote-btn[data-score="1"]{--sc: var(--score-1);--sg: var(--score-1-glow)}.vote-btn[data-score="2"]{--sc: var(--score-2);--sg: var(--score-2-glow)}.vote-btn[data-score="3"]{--sc: var(--score-3);--sg: var(--score-3-glow)}.vote-btn[data-score="4"]{--sc: var(--score-4);--sg: var(--score-4-glow)}.vote-btn[data-score="5"]{--sc: var(--score-5);--sg: var(--score-5-glow)}.vote-btn:hover:not(.selected){border-color:var(--sc);background:var(--sg)}.vote-btn.selected{border-color:var(--sc);background:var(--sc);box-shadow:0 0 24px var(--sg),0 4px 16px var(--shadow)}.dots{display:flex;gap:6px;margin-top:32px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);opacity:.3;transition:all .4s ease}.dot.voted{opacity:1}.dot.waiting{animation:pulse 1.5s ease infinite}.sidebar{width:320px;border-left:1px solid var(--border);background:var(--surface);padding:24px;overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--sidebar-shadow)}.qr-block{background:var(--surface-alt);border-radius:16px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border)}.qr-overline{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase}.qr-head{width:100%;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.qr-zoom-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.qr-zoom-btn:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.qr-zoom-btn svg{width:16px;height:16px;fill:currentColor}.qr-white{border-radius:14px;padding:16px;margin-bottom:14px;line-height:0;background:var(--qr-bg)}@media (prefers-color-scheme: light){.qr-white{box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border)}}.code-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);width:100%;justify-content:center}@media (prefers-color-scheme: dark){.code-badge{background:var(--surface)}}@media (prefers-color-scheme: light){.code-badge{background:var(--bg)}}.code-text{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;letter-spacing:3px}.copy-btn{background:none;border:0;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:2px 6px;transition:color .2s}.copy-btn:hover,.copy-btn.copied{color:var(--accent)}.qr-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in oklab,var(--bg) 20%,black);display:flex;align-items:center;justify-content:center;padding:18px}.qr-zoom-card{position:relative;border-radius:16px;border:1px solid var(--border);background:var(--surface-alt);padding:16px;max-width:100%}.qr-zoom-card img{width:min(88vw,520px);height:auto;display:block;border-radius:12px;background:var(--qr-bg)}.qr-zoom-close{position:absolute;top:-40px;right:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}@media (max-width: 640px){.qr-zoom-card{padding:12px}.qr-zoom-card img{width:min(92vw,460px)}.qr-zoom-close{top:-36px}}.sidebar-title{margin:0 0 4px;font-size:16px;font-weight:700}.sidebar-desc{margin:0 0 20px;font-size:12px;color:var(--text-secondary)}.participant{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;margin-bottom:8px;border:1px solid var(--border)}@media (prefers-color-scheme: dark){.participant{background:var(--surface)}}@media (prefers-color-scheme: light){.participant{background:var(--bg)}}.p-left{display:flex;align-items:center;gap:12px}.p-name-wrap{display:flex;flex-direction:column;gap:2px}.p-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--surface-alt);border:1.5px solid var(--border);color:var(--text-muted);flex-shrink:0}.p-name{font-size:15px;font-weight:500}.p-status{font-size:11px;font-weight:600;color:var(--danger)}.p-score{font-size:18px;font-weight:700;min-width:28px;text-align:center}.participant.disconnected{border-color:color-mix(in srgb,var(--danger) 42%,var(--border))}@media (prefers-color-scheme: dark){.participant.disconnected{background:color-mix(in srgb,var(--danger) 12%,var(--surface))}}@media (prefers-color-scheme: light){.participant.disconnected{background:color-mix(in srgb,var(--danger) 9%,var(--bg))}}.participant.disconnected .p-avatar{border-color:color-mix(in srgb,var(--danger) 48%,var(--border));color:color-mix(in srgb,var(--danger) 58%,var(--text-muted))}.participant.disconnected .p-name{color:color-mix(in srgb,var(--danger) 58%,var(--text))}.waiting-dots{display:flex;gap:3px;align-items:center}.w-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted)}.w-dot:nth-child(1){animation:pulse 1.2s ease 0s infinite}.w-dot:nth-child(2){animation:pulse 1.2s ease .2s infinite}.w-dot:nth-child(3){animation:pulse 1.2s ease .4s infinite}.spacer{flex:1}.btn-leave{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--border);background:transparent;color:var(--danger);font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s}.btn-leave:hover{background:var(--danger-glow);border-color:var(--danger)}@media (max-width: 980px){.header{padding:12px 16px}.main{flex-direction:column}.score-area{padding:28px 16px}.sidebar{width:100%;border-left:0;border-top:1px solid var(--border);box-shadow:none}}@media (max-width: 700px){.header{flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.export-menu{left:0;right:auto}.vote-btns{width:100%;justify-content:center;flex-wrap:wrap}.vote-btn{width:56px;height:56px;font-size:20px}.card{padding:28px 20px}.site-footer{position:static;margin-top:20px}.footer-separator{margin:0 6px}.legal-modal-overlay{padding:14px}.legal-modal{max-height:94vh;border-radius:16px}.legal-modal-header{padding:16px}.legal-modal-content{padding:16px;font-size:14px}}