:root{color-scheme:dark;--bg:#07111f;--surface:#0e1b2d;--surface2:#13243a;--line:rgba(149,177,211,.16);--text:#f4f8ff;--muted:#9aabc1;--blue:#1b8cff;--green:#19b978;--gold:#e2a72c;--red:#e64c63;--slate:#34465e;--radius:22px;--shadow:0 22px 55px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 12% -5%,rgba(20,96,175,.22),transparent 28rem),radial-gradient(circle at 95% 18%,rgba(226,167,44,.09),transparent 25rem),linear-gradient(160deg,#07111f,#091421 60%,#050b14);color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}button,input,select{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.17}.ambient-one{width:25rem;height:25rem;background:#0c70d7;left:-13rem;top:25%}.ambient-two{width:20rem;height:20rem;background:#e2a72c;right:-13rem;top:55%}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 32px));margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#36a4ff,#0865cb);box-shadow:0 8px 18px rgba(0,92,205,.38),inset 0 1px 0 rgba(255,255,255,.45);font-size:23px;font-weight:950;font-style:italic}.brand b{display:block;font-size:15px;letter-spacing:.12em;line-height:1}.brand small{display:block;color:#63baff;font-size:10px;letter-spacing:.34em;margin-top:5px}.live-pill{display:flex;align-items:center;gap:8px;color:#91a4ba;font-size:10px;font-weight:800;letter-spacing:.12em}.live-pill span,.pulse{width:8px;height:8px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 5px rgba(57,217,138,.1),0 0 18px rgba(57,217,138,.7)}main{width:min(1120px,calc(100% - 32px));margin:auto;position:relative;z-index:1}.join-view{min-height:calc(100dvh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:52px 0 68px}.eyebrow{color:#59aeff;font-size:11px;font-weight:900;letter-spacing:.22em}.join-view h1{font-size:clamp(42px,10vw,80px);max-width:820px;line-height:1.02;letter-spacing:-.055em;margin:15px 0 18px}.join-view h1 span{background:linear-gradient(90deg,#5eb5ff,#ffd068);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:660px;color:#a9b8ca;font-size:clamp(16px,2vw,19px);margin:0 0 34px}.join-card{width:min(670px,100%);padding:10px;background:rgba(14,27,45,.84);border:1px solid rgba(92,154,217,.28);border-radius:20px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(16px)}.join-card>label{display:block;text-align:left;padding:6px 9px 9px;color:#aebdd0;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.code-row{display:grid;grid-template-columns:1fr auto;gap:9px}.code-row input{height:58px;text-transform:uppercase;letter-spacing:.17em;font-weight:900;font-size:19px}.feature-preview{width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.feature-preview article{padding:17px 8px;border-top:1px solid var(--line)}.feature-preview .icon{margin:auto auto 10px}.feature-preview b,.feature-preview small{display:block}.feature-preview b{font-size:13px}.feature-preview small{color:#758aa4;font-size:11px;margin-top:2px}.live-view{padding:42px 0 70px}.session-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.session-head .eyebrow{display:flex;align-items:center;gap:10px}.session-head h1{font-size:clamp(32px,6vw,52px);line-height:1.05;margin:12px 0 7px;letter-spacing:-.04em}.session-head p{margin:0;color:var(--muted)}#roomCodeBadge{padding:4px 7px;border:1px solid rgba(90,173,255,.3);border-radius:7px;background:rgba(27,140,255,.08);letter-spacing:.12em}.stage-call{display:flex;align-items:center;gap:14px;padding:15px 18px;margin:18px 0;background:linear-gradient(100deg,rgba(16,92,167,.35),rgba(14,27,45,.8));border:1px solid rgba(77,166,255,.35);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.2)}.stage-call small,.stage-call strong{display:block}.stage-call small{color:#69b8ff;font-size:10px;letter-spacing:.15em;font-weight:900}.stage-call strong{margin-top:2px}.section-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:24px 0}.nav-button{min-height:94px;padding:13px 8px;background:linear-gradient(180deg,#172940,#0e1b2d);border:1px solid var(--line);border-radius:17px;color:#aebed0;cursor:pointer;box-shadow:0 9px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05);transition:.2s transform,.2s border-color,.2s color}.nav-button:hover{transform:translateY(-2px);border-color:rgba(94,181,255,.5);color:#fff}.nav-button.active{color:#fff;border-color:#389eff;background:linear-gradient(180deg,#153c65,#10263f);box-shadow:0 12px 28px rgba(0,99,209,.25),inset 0 1px rgba(255,255,255,.12)}.nav-button:disabled{opacity:.43;cursor:not-allowed;transform:none}.nav-button svg{display:block;width:24px;height:24px;margin:0 auto 9px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-button span{display:block;font-size:10px;font-weight:850;line-height:1.2}.sync-status{min-height:21px;color:#71869f;font-size:12px;text-align:right;margin:-12px 3px 12px}.panel{background:linear-gradient(160deg,rgba(18,37,61,.96),rgba(10,22,38,.98));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,4vw,30px);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.055)}.panel-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.panel-title small{font-size:10px;font-weight:900;letter-spacing:.17em;color:#6daeea}.panel-title h2{font-size:clamp(22px,4vw,32px);margin:2px 0 0;letter-spacing:-.025em}.icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 20px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.18)}.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.blue{color:#8bcbff;background:linear-gradient(145deg,#176db8,#10447c)}.icon.green{color:#9af1c5;background:linear-gradient(145deg,#16835a,#0c5338)}.icon.gold{color:#ffe09a;background:linear-gradient(145deg,#a97413,#6d480b)}.icon.red{color:#ffb3c0;background:linear-gradient(145deg,#ad354d,#6f2033)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}label{display:block;color:#aabbd0;font-size:12px;font-weight:750}label span{font-weight:500;color:#6f829a}input,select{width:100%;height:49px;margin-top:7px;padding:0 14px;color:#f5f9ff;background:#091827;border:1px solid rgba(130,164,202,.24);border-radius:12px;outline:none;transition:.2s border-color,.2s box-shadow}input:focus,select:focus{border-color:#3b9eff;box-shadow:0 0 0 4px rgba(27,140,255,.12)}input::placeholder{color:#566b84}.btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;font-weight:850;cursor:pointer;box-shadow:0 8px 0 rgba(0,0,0,.27),0 15px 25px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.36);transition:.15s transform,.15s filter,.15s box-shadow}.btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 0 rgba(0,0,0,.25),0 18px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.4)}.btn:active{transform:translateY(5px);box-shadow:0 3px 0 rgba(0,0,0,.28),0 8px 16px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.32)}.btn:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.35);transform:none;box-shadow:0 4px 0 rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.16)}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-blue{background:linear-gradient(#299eff,#096dd1)}.btn-green{background:linear-gradient(#28c989,#118b5c)}.btn-gold{background:linear-gradient(#efbc48,#b5780a)}.btn-red{background:linear-gradient(#f05e76,#b52d47)}.btn-slate{background:linear-gradient(#475d78,#293a50)}.btn-small{min-height:42px;font-size:12px}.form-status{min-height:20px;margin:4px 0 0;color:#8fa4bd;font-size:12px}.form-status.ok{color:#75e4ad}.form-status.bad{color:#ff96a8}.subsection{margin-top:29px;padding-top:23px;border-top:1px solid var(--line)}.subsection h3{font-size:14px;margin:0 0 12px}.journey-list,.content-stack{display:grid;gap:11px}.journey-card,.content-card,.option-card{display:flex;align-items:center;gap:13px;padding:14px 15px;background:rgba(7,17,31,.55);border:1px solid var(--line);border-radius:14px}.journey-card>div,.content-card>div,.option-card>div{min-width:0;flex:1}.journey-card b,.journey-card small,.content-card b,.content-card small,.option-card b,.option-card small{display:block}.journey-card small,.content-card small,.option-card small,.muted{color:var(--muted);font-size:12px}.empty{padding:26px 18px;text-align:center;color:#778ca6;background:rgba(7,17,31,.35);border:1px dashed rgba(143,174,211,.2);border-radius:14px}.singer-avatar,.option-image{width:52px;height:52px;object-fit:cover;border-radius:14px;background:#172940}.rank{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1b2b40;color:#91a7c0;font-weight:900}.rank.top{background:linear-gradient(145deg,#e3ab34,#96620d);color:#fff4d0}.option-card .btn{min-height:40px;box-shadow:0 5px 0 rgba(0,0,0,.26);font-size:12px}.option-card .score{font-weight:900;color:#cfe8ff}.winner-card{padding:24px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(226,167,44,.25),transparent 65%),rgba(7,17,31,.58);border:1px solid rgba(226,167,44,.35);border-radius:18px}.winner-card .icon{margin:0 auto 12px}.winner-card h3{font-size:25px;margin:5px}.winner-card p{color:#c5ad75;margin:0}.results-table{display:grid;gap:8px;margin-top:14px}.results-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;background:rgba(7,17,31,.52);border-radius:12px}.results-row b{overflow:hidden;text-overflow:ellipsis}.question-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(2,7,13,.78);backdrop-filter:blur(8px)}.modal[hidden]{display:none}.modal-card{width:min(480px,100%);position:relative;padding:24px;background:#102239;border:1px solid rgba(110,168,223,.3);border-radius:22px;box-shadow:0 35px 80px rgba(0,0,0,.55)}.modal-card label{margin:13px 0}.modal-card .btn{width:100%}.modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#91a4ba;font-size:28px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{display:flex;justify-content:space-between;align-items:center;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:22px 0 30px;border-top:1px solid var(--line);color:#637891;font-size:11px}footer span{color:#7ca9d5;font-weight:900;letter-spacing:.16em}
@media(max-width:820px){.section-nav{grid-template-columns:repeat(3,1fr)}.feature-preview{grid-template-columns:repeat(2,1fr)}.feature-preview article:nth-child(-n+2){border-top:0}.live-view{padding-top:28px}}
@media(max-width:560px){.site-header{height:67px}.live-pill{font-size:0}.live-pill::after{content:"LIVE";font-size:10px}.join-view{justify-content:flex-start;padding-top:62px}.join-view>*,.join-card,.feature-preview,.feature-preview article{min-width:0;max-width:100%}.join-view h1 span{display:block}.hero-copy{overflow-wrap:anywhere}.code-row,.form-grid,.question-form{grid-template-columns:minmax(0,1fr)}.code-row .btn{width:100%}.full{grid-column:auto}.session-head{display:block}.session-head .btn{margin-top:17px;width:100%}.section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-button{min-height:82px}.panel{border-radius:18px;padding:18px}.panel-title{align-items:flex-start}.option-card{align-items:flex-start;flex-wrap:wrap}.option-card .btn{width:100%}.results-row{grid-template-columns:32px minmax(0,1fr)}.results-row .score{grid-column:2}.feature-preview{gap:0}.join-card{padding:9px}footer{display:block;text-align:center}footer small{display:block;margin-top:5px}}
@media(min-width:1280px){main{width:min(1220px,calc(100% - 64px))}.site-header,footer{width:min(1220px,calc(100% - 64px))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}