:root{--paper:#f6f5f0;--ink:#19392f;--muted:#66756c;--line:#dce2d9;--green:#275c46;--lime:#d3ee8b;--white:#fff;--orange:#b35b37;--soft:#edf1e9;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ac7d37;outline-offset:4px}header{min-height:94px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-icon{width:38px;height:38px;background:var(--ink);color:var(--paper);border-radius:12px;font:700 31px Georgia;text-align:center;line-height:32px}.brand-icon span{color:var(--lime);font-size:24px}.brand-sub{font-size:9px;letter-spacing:1.8px;font-weight:600;margin-left:18px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:30px;font-size:13px}.connection{display:flex;align-items:center;gap:8px}.connection:before{content:'';width:7px;height:7px;background:#6a8d6c;border-radius:50%}.connection.offline:before{background:#b35b37}main{width:min(1160px,90vw);margin:0 auto;flex:1;padding:62px 0 50px}footer{padding:24px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer>span:first-child{letter-spacing:1.7px;font-size:10px}.footer-dot{padding:0 10px;color:#a1ae9e}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--muted)}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-2.5px;font-size:clamp(42px,5.8vw,78px);line-height:1.06;margin-bottom:24px}h1 em{color:#648252;font-weight:400}h2{font-size:clamp(22px,2.6vw,35px);letter-spacing:-.8px;font-weight:550;line-height:1.35}p{line-height:1.65;color:var(--muted)}.home{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;min-height:500px}.intro .eyebrow{margin-bottom:24px}.intro p{max-width:420px;font-size:16px}.join-card{background:white;padding:38px;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 65px #19392f08;position:relative}.join-card h2{margin-bottom:10px}.join-card p{font-size:14px}.mini-label{display:block;font-size:12px;margin:27px 0 9px;font-weight:650}.room-input{width:100%;font-size:30px;letter-spacing:8px;padding:17px 18px;border:1px solid #cbd5c7;border-radius:12px;background:#fafbf7;color:var(--ink)}input[type=password]{letter-spacing:0;font-size:18px}button.primary,.button{background:var(--ink);color:white;padding:15px 24px;border:1px solid var(--ink);border-radius:10px;font-weight:600;font-size:14px;display:inline-flex;justify-content:center;gap:16px;align-items:center}button.primary:hover,.button:hover{background:#2e5144;text-decoration:none}.full{width:100%;margin-top:18px}.quiet{border:1px solid #ccd6c9;border-radius:10px;padding:13px 20px;background:transparent;color:var(--ink);font-size:13px}.quiet:hover{background:#e9eee3}.small-note{font-size:12px!important;margin:20px 0 0;text-align:center}.traits{display:flex;gap:24px;font-size:12px;color:var(--muted);margin-top:38px}.traits span:before{content:'✓';margin-right:7px;color:var(--green)}.orbit{display:flex;align-items:center;gap:8px;margin-bottom:27px}.orbit i{height:34px;width:34px;border-radius:50%;background:#e2e9d9;border:3px solid var(--paper);margin-left:-17px;display:block}.orbit i:first-child{margin-left:0;background:var(--green)}.orbit i:nth-child(2){background:#a9bd8a}.orbit i:nth-child(3){background:var(--lime)}.orbit span{font-size:12px;color:var(--muted);margin-left:6px}.room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.room-name{font-size:13px;margin-top:8px;color:var(--muted)}.room-code{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#eaf0e3;border-radius:12px}.room-code small{font-size:10px;letter-spacing:1.4px}.room-code b{font-size:22px;letter-spacing:4px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}.question-panel{background:white;border:1px solid var(--line);border-radius:20px;padding:32px}.q-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px;color:var(--muted);font-size:12px}.pill{padding:7px 11px;border-radius:20px;background:#eef3e6;color:#48623b;font-size:11px;font-weight:650;white-space:nowrap}.pill.closed{background:#f8eee2;color:#8b643e}.question-text{white-space:pre-line;font-size:clamp(21px,2.25vw,30px);line-height:1.42;letter-spacing:-.5px}.instruction{font-size:12px;margin:16px 0 22px}.answers{display:grid;gap:11px}.answer{width:100%;display:grid;grid-template-columns:34px 1fr 44px;gap:14px;align-items:center;text-align:left;background:#fff;border:1px solid #dce3d7;border-radius:11px;padding:16px;position:relative;overflow:hidden;color:var(--ink);isolation:isolate}.answer:disabled{opacity:1}.answer:not(:disabled):hover{border-color:#7a976e;background:#f8faf3}.answer .bar{position:absolute;left:0;bottom:0;height:4px;background:#afc796;transition:width .35s;z-index:-1}.letter{font-size:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #dce3d7;border-radius:7px;color:var(--muted);font-weight:650}.answer-text{font-size:14px;line-height:1.5;white-space:pre-line}.count{text-align:right;font-size:22px;font-weight:650}.count small{display:block;font-size:9px;font-weight:400;color:var(--muted)}.answer.selected{border:2px solid var(--green);padding:15px;background:#f1f6e9}.answer.selected .letter{background:var(--green);color:white;border-color:var(--green)}.answer.correct{background:#edf7df;border-color:#7ca45e}.answer.correct .letter{background:#d3ee8b;color:#275c46;border-color:#a6c37a}.answer.wrong{border-color:#c58f72;background:#fbf2ed}.answer-status{display:block;font-size:11px;margin-top:5px;font-weight:650}.sidebar{display:grid;gap:18px}.side-card{border-radius:18px;padding:25px;border:1px solid var(--line)}.side-card.dark{background:var(--ink);color:white;border:0}.dark .eyebrow,.dark p{color:#b5c7b7}.stat{font:400 57px Georgia;margin:14px 0 3px}.stat small{font:400 17px Segoe UI;color:#afc5b3;margin-left:8px}.dark .meter{height:4px;background:#436353;border-radius:5px;margin:23px 0 15px}.meter span{display:block;height:100%;background:var(--lime);border-radius:5px;transition:width .3s}.side-card p{font-size:12px;margin-bottom:0}.side-card .primary,.side-card .quiet{width:100%;margin-top:15px}.tiny{font-size:11px;color:var(--muted);line-height:1.6}.room-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:22px;font-size:11px;color:var(--muted)}.result{border-radius:14px;margin:25px 0 0;padding:26px;background:#eef5e3}.result.discuss{background:#f6ece2}.result h2{font:400 clamp(30px,4vw,53px) Georgia;letter-spacing:-1px;margin:8px 0 10px}.result p{margin:0;font-size:13px}.result.empty{background:#f0f2ed}.waiting{text-align:center;padding:55px 25px}.waiting h1{font-size:clamp(38px,5vw,60px)}.big-code{font:400 clamp(38px,6vw,70px) Georgia;letter-spacing:10px;margin:25px 0}.waiting-icon{width:78px;height:78px;background:#e4efcf;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;font:400 40px Georgia}.inline-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}.check-label{display:flex;gap:10px;align-items:center;font-size:13px;margin:22px 0}.check-label input{accent-color:var(--green);width:18px;height:18px}.host-form{max-width:480px;margin:30px auto}.status-note{font-size:12px;color:var(--green);min-height:18px;margin-top:18px}.countdown{font:400 50px Georgia}.end-button{margin-top:20px;border:0;background:none;color:var(--muted);font-size:11px;width:100%;text-decoration:underline}.progress{height:3px;background:var(--line);margin-top:24px}.progress span{display:block;background:#7d9f65;height:100%;transition:width .3s}.screen .layout{grid-template-columns:1fr 230px}.screen .question-text{font-size:clamp(26px,2.8vw,40px)}.screen .answer-text{font-size:18px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:16px 24px;background:#713d2c;color:white;border-radius:12px;z-index:100;max-width:90vw;box-shadow:0 10px 40px #0002}#particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:30}.particle{position:absolute;bottom:-80px;left:var(--x);font:400 var(--size) Georgia;color:#a36742;animation:floatUp 4.5s ease-out forwards;animation-delay:var(--delay)}.particle.confetti{width:9px;height:15px;background:var(--color);border-radius:3px;animation:confetti 3.8s ease-out forwards;bottom:auto;top:-25px}@keyframes floatUp{to{transform:translate(35px,-100vh) rotate(20deg);opacity:0}}@keyframes confetti{to{transform:translate(40px,105vh) rotate(540deg);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particle{display:none}}
.series-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;margin-bottom:48px}.series-intro h1{font-size:clamp(38px,4.8vw,65px);margin-top:22px}.series-input{width:100%;padding:15px;border:1px solid #cbd5c7;border-radius:10px;background:#fafbf7;color:var(--ink)}.series-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.series-heading h2{margin:0}.series-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.series-card{background:white;display:flex;flex-direction:column}.series-card h2{font-size:23px;overflow-wrap:anywhere;margin:18px 0}.series-stat{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.series-stat strong{font:400 39px Georgia}.series-stat span{font-size:12px;color:var(--muted)}.series-card p{margin-top:14px;margin-bottom:10px}.series-card .primary{margin-top:auto}.series-section>.tiny{margin-top:22px}.series-room .series-stat{margin-top:14px}.series-room .progress{margin:12px 0}.series-room p{margin:12px 0}.series-room .quiet{padding:12px 8px}
@media(min-width:1500px){main{padding-top:80px}}@media(max-width:850px){.brand-sub{display:none}.home{gap:40px}.layout,.screen .layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.side-card{padding:20px}.question-panel{padding:25px}.screen .answer-text{font-size:16px}.intro h1{font-size:55px}.traits{gap:12px;flex-wrap:wrap}.join-card{padding:28px}.series-intro{grid-template-columns:1fr;gap:24px}.series-heading{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:600px){header{padding:17px 5vw;min-height:74px}.brand{font-size:21px}.header-right{gap:12px;font-size:11px}.header-right>a{font-size:11px}main{padding:32px 0}.home{grid-template-columns:1fr;gap:22px;min-height:0}.intro h1{font-size:51px;margin-bottom:18px}.intro p{font-size:14px}.intro .eyebrow{margin-bottom:18px}.traits{margin:22px 0}.join-card{padding:25px}.room-top{align-items:flex-start;margin-bottom:22px}.room-code{display:block;padding:10px 12px}.room-code small{display:block;font-size:9px;margin-bottom:4px}.room-code b{font-size:18px;letter-spacing:2px}.question-panel{padding:20px 16px;border-radius:15px}.q-meta{font-size:10px}.question-text{font-size:22px}.answer{grid-template-columns:26px 1fr 32px;gap:10px;padding:13px 10px}.answer.selected{padding:12px 9px}.letter{width:26px;height:26px}.answer-text{font-size:13px}.count{font-size:20px}.sidebar{grid-template-columns:1fr}.side-card.dark{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.dark .stat{font-size:40px;margin:0;text-align:right}.dark .meter{grid-column:1/-1;margin:7px 0}.dark p{grid-column:1/-1}.room-bottom{flex-direction:column;gap:7px}footer{gap:15px;font-size:10px;line-height:1.6}footer>span:first-child{font-size:8px}.waiting{padding:32px 10px}.screen .question-text{font-size:24px}}