:root{--paper:#f7f8f4;--white:#fff;--ink:#293e33;--muted:#74826e;--line:#e1e7dc;--green:#27745f;--green-dark:#1c5d49;--green-soft:#edf5eb;--coral:#b77b61;--coral-soft:#fbf1e8;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,color .15s,border-color .15s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8fb2a1;outline-offset:3px}button{border:0}svg{height:18px;width:18px;flex-shrink:0}input,textarea,select{border:1px solid #dbe5d3;outline:none;border-radius:8px;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:#7daa8d;box-shadow:0 0 0 3px #27745f0d}input,textarea{width:100%;padding:13px 14px;min-height:46px;font-size:14px}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#a0ad94}label{display:block;font-size:12px;font-weight:600;color:#607552;margin-bottom:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;min-height:44px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{background:#fff;color:#698256;border-color:#dce6d2}.button.secondary:hover:not(:disabled){background:#f1f6e9;border-color:#c1d2b0}.button.subtle{color:var(--green);background:#eef5e8}.button svg{width:16px;height:16px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--green);font-size:12px;min-height:32px;padding:0}.text-button svg{width:14px;height:14px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:7px;background:transparent;color:#859775}.icon-button:hover{background:#edf4e6}.full-width{width:100%}.card{border:1px solid var(--line);background:#fff;border-radius:12px}.eyebrow{display:block;color:#869a75;font-size:9px;letter-spacing:1.7px;font-weight:650;margin-bottom:11px}.brand{display:inline-flex;align-items:center;gap:8px;font:bold 29px Georgia,serif;letter-spacing:-1.2px;white-space:nowrap}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:36px;border-radius:10px;background:var(--green);color:white;margin-right:2px}.brand-icon svg{width:25px;height:25px}.brand-dot{color:var(--green);margin-left:-7px}.player-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1100px;margin:auto;padding:23px 30px}.header-right{display:flex;align-items:center;gap:12px}.edition{font-size:9px;letter-spacing:1.5px;color:#97a38a}.connection{display:inline-flex;align-items:center;gap:7px;color:#728c60;font-size:11px;white-space:nowrap}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#83aa6b}.connection.is-syncing{color:#aa9771}.connection.is-syncing .status-dot{background:#c5ad70}.player-main{max-width:850px;margin:0 auto;padding:33px 28px 35px;min-height:calc(100vh - 170px)}.player-footer{max-width:1040px;margin:auto;padding:20px 29px 24px;border-top:1px solid #e6ebdf;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8c9f7c;font-size:10px}.player-footer>span{display:flex;align-items:center;gap:6px}.player-footer svg{width:14px;height:14px}.playing-as strong{font-weight:550;color:#6c855a}.player-footer .text-button{font-size:10px}.join-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;min-height:560px}.player-main:has(.join-layout){max-width:1100px;padding:46px 30px}.join-intro .eyebrow{font-size:10px;letter-spacing:1.9px}.join-intro h1{font-size:44px;font-weight:550;letter-spacing:-2px;line-height:1.22}.join-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#648653}.join-intro>p{font-size:13px;line-height:1.95;color:#7c906d;max-width:390px;margin-top:20px}.join-steps{display:flex;align-items:center;gap:16px;margin-top:31px;color:#869c75;font-size:11px}.join-steps>span{display:flex;align-items:center;gap:7px}.join-steps svg{width:16px;height:16px}.join-steps>i{width:20px;height:1px;background:#d9e3ce}.join-card{padding:34px 29px 25px;box-shadow:0 8px 30px #2e4d2a04}.big-icon{display:inline-flex;width:49px;height:49px;border-radius:13px;align-items:center;justify-content:center;color:#88a26f;background:#eff5e7;margin-bottom:21px}.big-icon svg{width:24px;height:24px}.join-card h2{font-size:23px;line-height:1.3;font-weight:550;letter-spacing:-.8px}.join-card>p{font-size:12px;color:#879b77;line-height:1.9;margin-top:9px}.join-card form{margin-top:25px}.field-help{display:block;color:#8b9f7a;font-size:11px;line-height:1.8;margin-top:8px}.join-card .button{margin-top:24px;justify-content:space-between}.privacy-note{display:flex;align-items:center;gap:6px;padding-top:21px;margin-top:24px!important;border-top:1px solid #edf1e7;font-size:10px!important;color:#91a37f!important}.privacy-note svg{width:12px;height:12px}.waiting-page{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:570px;max-width:560px;margin:auto;padding:35px 15px}.waiting-page .eyebrow{font-size:9px}.waiting-page h1{font-size:34px;line-height:1.3;letter-spacing:-1.2px;font-weight:550}.waiting-page>p{max-width:390px;font-size:13px;line-height:1.9;color:#839773;margin-top:16px}.waiting-illustration{display:flex;align-items:center;justify-content:center;gap:10px;margin:32px 0 31px}.waiting-mask{width:90px;height:90px;border-radius:28px;background:#e9f1df;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);color:#73965b;box-shadow:0 5px 0 #e2ead9}.waiting-mask svg{width:47px;height:47px}.orbit-avatar{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:#eee7f1;color:#a392b5;font:bold italic 19px Georgia,serif;transform:translateY(-22px)}.orbit-avatar.other{background:#f3e8df;color:#b9a084;transform:translateY(22px)}.waiting-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:#edf4e5;border:1px solid #dce8d0;color:#81996c;padding:10px 15px;border-radius:99px;font-size:11px;margin-top:28px}.waiting-page .quiet-note{color:#a0ad93;font-size:11px;margin-top:20px}.round-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px}.round-tag{color:#8b9c7b;font-size:9px;letter-spacing:1.1px;white-space:nowrap}.stage-track{display:flex;align-items:center;gap:14px}.stage-track>span{display:flex;align-items:center;gap:6px;color:#b4beaa;font-size:9px}.stage-track b{font-weight:450}.stage-track i{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #e1e8d9;border-radius:50%;font-style:normal;font-size:8px}.stage-track i svg{width:10px;height:10px}.stage-track .current{color:#5e7c4d}.stage-track .current i{background:#e6f0db;border-color:#cbdcbb;color:#6e9055}.stage-track .passed{color:#9cad8b}.stage-heading{text-align:center;margin-bottom:29px}.stage-heading h1{font-size:36px;line-height:1.25;letter-spacing:-1.3px;font-weight:550}.stage-heading>p{font-size:12px;color:#829471;line-height:1.9;max-width:510px;margin:12px auto 0}.question-panel{background:#eff5e8;border:1px solid #dfe8d5;border-radius:11px;padding:25px 28px;margin-bottom:20px}.question-panel>span{display:flex;align-items:center;gap:6px;color:#8b9e78;font-size:9px;letter-spacing:1px;font-weight:600}.question-panel>span svg{width:14px;height:14px}.question-panel h2{font-size:23px;line-height:1.6;font-weight:500;letter-spacing:-.6px;color:#607f4c;margin-top:12px;overflow-wrap:anywhere}.question-panel.compact{padding:20px 23px}.question-panel.compact h2{font-size:19px;letter-spacing:-.4px;margin-top:9px}.answer-card{padding:25px 27px}.answer-card textarea{margin-top:1px;min-height:118px}.answer-help{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#95a785;line-height:1.7;margin-top:10px}.answer-help>span:first-child{display:flex;align-items:center;gap:5px}.answer-help svg{width:12px;height:12px}.answer-card .button{justify-content:space-between;margin-top:23px}.round-progress{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:26px;color:#95a784;font-size:10px}.round-progress>span{display:flex;align-items:center;gap:6px}.round-progress svg{height:14px;width:14px}progress{appearance:none;-webkit-appearance:none;border:0;height:5px;background:#e5ecdc;border-radius:10px;overflow:hidden;width:90px}progress::-webkit-progress-bar{background:#e5ecdc;border-radius:10px}progress::-webkit-progress-value{background:#9dbb85;border-radius:10px}progress::-moz-progress-bar{background:#9dbb85;border-radius:10px}.locked-answer{display:flex;align-items:center;gap:20px;padding:28px}.lock-circle{width:44px;height:44px;background:#e9f3df;color:#7e9f65;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lock-circle svg{width:23px;height:23px}.locked-answer .eyebrow{font-size:9px;margin-bottom:6px}.locked-answer p{font-size:21px;color:#577346;line-height:1.7;overflow-wrap:anywhere}.locked-label{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:13px;color:#9aab88}.locked-label svg{width:11px;height:11px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:26px 0 16px}.section-line h2{font-size:14px;font-weight:600;letter-spacing:-.2px}.section-line h2>span{display:inline-block;background:#eaf1e2;border-radius:4px;color:#90a17d;font-size:10px;padding:1px 5px;margin-left:5px}.section-line>span{font-size:10px;color:#94a782}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.answer-tile{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fff;display:flex;flex-direction:column;transition:background .15s,border-color .15s}.answer-tile.chosen{border-color:#89b288;background:#f4f9ef;box-shadow:0 0 0 2px #9dbd8412}.answer-tile.your-tile{border-style:dashed}.answer-person{display:flex;align-items:center;gap:9px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;flex-shrink:0;background:#e8edd9;color:#8d9c66;font-size:10px;font-weight:600}.avatar-1{background:#e3ece5;color:#7f9b83}.avatar-2{background:#eae4ef;color:#a18bb3}.avatar-3{background:#f0e5dc;color:#b3977b}.avatar-4{background:#e4ecf0;color:#89a2b3}.avatar-5{background:#efe5ea;color:#af91a0}.avatar-6{background:#eeeddc;color:#b0a36c}.avatar-7{background:#e2eded;color:#7fa4a1}.answer-person strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.you-pill{margin-left:auto;font-size:8px;letter-spacing:.6px;padding:3px 5px;border-radius:4px;background:#f0f4e9;color:#98aa85}.person-answer{font-size:19px;letter-spacing:-.3px;line-height:1.75;overflow-wrap:anywhere;color:#526c43;margin:19px 0 22px;flex:1}.person-answer.no-answer{font-style:italic;font-size:13px;color:#a8b19c}.vote-button{width:100%;padding:9px 12px;min-height:38px;font-size:11px;white-space:normal;word-break:break-word}.vote-button svg{width:14px;height:14px}.vote-button:disabled{opacity:.5}.voting-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;color:#8d9f7b;font-size:11px;line-height:1.9;margin-top:25px;text-align:center}.voting-note>svg{width:14px;height:14px;margin-top:3px}.vote-total{display:flex;gap:6px;align-items:baseline;color:#8aa073}.vote-total>strong{font-size:27px;font-weight:550;color:#6d8c56;line-height:1.3}.vote-total>span{font-size:11px}.vote-total>small{font-size:9px;margin-left:auto;color:#9fb08c}.vote-bar{width:100%;margin-top:11px}.reveal-hero{text-align:center;padding:15px 0 29px}.reveal-icon{display:inline-flex;align-items:center;justify-content:center;background:#f1e3d5;border:1px solid #ecdbc6;color:#b59470;width:76px;height:76px;border-radius:23px;transform:rotate(-8deg);margin-bottom:25px}.reveal-icon svg{width:39px;height:39px}.reveal-hero h1{font-size:25px;font-weight:450;letter-spacing:-.7px;color:#7b8c6b}.reveal-hero .eyebrow{font-size:9px}.revealed-names{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 26px;margin:15px 0}.revealed-names>strong{display:flex;flex-direction:column;font-size:46px;font-weight:550;line-height:1.25;letter-spacing:-1.9px;color:#a4835c;overflow-wrap:anywhere;max-width:100%}.revealed-names>strong>span{font-size:10px;color:#b59c7c;font-weight:400;letter-spacing:0;margin-top:7px}.reveal-hero>p{font-size:12px;color:#8c9c79;line-height:1.9}.reveal-questions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:11px}.reveal-questions .question-panel{margin-bottom:0}.reveal-questions .question-panel h2{font-size:16px}.impostor-panel{background:#fbf2e8;border-color:#eddfcb}.impostor-panel>span{color:#b99e7d}.impostor-panel h2{color:#a68b67}.initial-load{padding:150px 25px;text-align:center;font-size:13px;color:#91a47c}.form-error{background:#fff3e9;color:#b17a54;border:1px solid #efd7be;padding:11px 13px;border-radius:7px;font-size:12px;line-height:1.8;margin-top:15px}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#243a2a66;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:80}.modal{width:520px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:13px;box-shadow:0 20px 80px #243e2920;outline:none}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 25px 18px;border-bottom:1px solid #e9efe1}.modal h2{font-size:22px;font-weight:550;letter-spacing:-.6px;line-height:1.4}.modal-body{padding:22px 25px;color:#849975;font-size:12px;line-height:1.9}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:19px 25px 24px;border-top:1px solid #e9efe1}.how-to{padding-left:20px;display:flex;flex-direction:column;gap:18px;margin:0}.how-to strong{font-size:13px;color:#667f51;font-weight:550}.how-to p{font-size:12px;color:#8b9f77;margin-top:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;max-width:calc(100vw - 30px);width:max-content;padding:13px 18px;background:#fff;border:1px solid #dae7cf;box-shadow:0 6px 30px #3456281c;border-radius:8px;font-size:12px;line-height:1.8;color:#668451;transition:.2s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}::selection{background:#dcebd0}
@media(max-width:900px){.join-layout{gap:35px}.join-intro h1{font-size:36px;letter-spacing:-1.6px}.join-intro>p{font-size:12px}.join-card{padding:29px 24px 23px}.join-card h2{font-size:21px}.join-steps{gap:11px;font-size:10px}.join-steps>i{width:14px}}
@media(max-width:650px){.header-inner{padding:19px 21px}.brand{font-size:26px}.brand-icon{width:31px;height:33px}.brand-icon svg{width:23px;height:23px}.edition{font-size:8px;letter-spacing:1px}.player-main{padding:25px 20px 30px;min-height:calc(100vh - 151px)}.player-main:has(.join-layout){padding:29px 21px 35px}.join-layout{grid-template-columns:1fr;gap:27px;min-height:0}.join-intro{text-align:center}.join-intro h1{font-size:33px;letter-spacing:-1.5px}.join-intro>p{font-size:12px;max-width:370px;margin:14px auto 0;line-height:1.8}.join-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.join-steps{justify-content:center;margin-top:21px;gap:16px}.join-card{max-width:420px;width:100%;margin:auto;padding:26px 23px 22px}.join-card .big-icon{width:42px;height:42px;border-radius:11px;margin-bottom:18px}.join-card h2{font-size:23px}.join-card>p{font-size:12px;margin-top:8px}.join-card form{margin-top:22px}.join-card input{font-size:16px}.join-card .button{margin-top:21px;font-size:13px;min-height:47px}.privacy-note{font-size:9px!important;padding-top:18px;margin-top:21px!important}.player-footer{padding:18px 21px 22px;font-size:9px}.player-footer .text-button{font-size:10px}.waiting-page{min-height:570px;padding:28px 3px}.waiting-page h1{font-size:29px;letter-spacing:-1px}.waiting-page>p{font-size:12px;max-width:350px}.waiting-page .eyebrow{font-size:8px}.round-top{margin-bottom:30px;gap:10px}.round-tag{font-size:8px;letter-spacing:.8px}.stage-track{gap:9px}.stage-track>span{font-size:8px;gap:4px}.stage-track i{width:18px;height:18px;font-size:7px}.stage-heading h1{font-size:29px;letter-spacing:-1px}.stage-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.stage-heading>p{font-size:12px}.stage-heading{margin-bottom:24px}.question-panel{padding:21px 22px;margin-bottom:17px}.question-panel h2{font-size:22px;letter-spacing:-.5px;line-height:1.65}.question-panel>span{font-size:8px;letter-spacing:1px}.answer-card{padding:23px 22px}.answer-card textarea{font-size:16px;min-height:123px}.answer-card label{font-size:12px}.answer-card .button{font-size:13px;min-height:47px}.answer-help{font-size:9px;gap:7px}.round-progress{font-size:10px;gap:12px;margin-top:23px}.round-progress progress{width:70px}.answers-grid{gap:13px}.answer-tile{padding:17px 16px}.answer-person{gap:7px}.answer-person strong{font-size:11px}.avatar{width:28px;height:28px;font-size:9px}.you-pill{font-size:7px;padding:2px 4px}.person-answer{font-size:17px;margin:17px 0 19px}.vote-button{font-size:10px;min-height:39px;padding:9px 8px;gap:5px}.vote-button svg{width:12px}.question-panel.compact{padding:18px 20px}.question-panel.compact h2{font-size:18px}.section-line{margin-top:24px}.section-line h2{font-size:13px}.section-line>span{font-size:9px}.voting-note{font-size:11px;margin-top:23px}.locked-answer{padding:24px 21px;gap:15px}.locked-answer p{font-size:21px}.locked-answer .eyebrow{font-size:8px}.locked-label{font-size:9px}.lock-circle{width:37px;height:37px}.lock-circle svg{width:20px}.revealed-names>strong{font-size:39px;letter-spacing:-1.5px}.reveal-hero h1{font-size:23px}.reveal-icon{width:67px;height:67px;border-radius:21px}.reveal-icon svg{width:35px;height:35px}.reveal-hero>p{font-size:11px}.reveal-questions{grid-template-columns:1fr;gap:13px}.reveal-questions .question-panel h2{font-size:17px}.modal-backdrop{padding:12px}.modal-head{padding:21px}.modal-body{padding:20px 21px}.modal-footer{padding:18px 21px 22px}.modal h2{font-size:21px}#toast{font-size:11px;padding:12px 15px}}
@media(max-width:390px){.player-main{padding-left:16px;padding-right:16px}.header-inner{padding-left:17px;padding-right:17px}.stage-track{gap:7px}.stage-track>span{gap:3px;font-size:7px}.stage-track i{width:16px;height:16px}.answers-grid{grid-template-columns:1fr}.answer-person strong{font-size:13px}.avatar{width:31px;height:31px;font-size:10px}.person-answer{font-size:20px}.vote-button{font-size:12px;min-height:41px}.you-pill{font-size:8px}.question-panel h2{font-size:20px}.answer-help{font-size:8px}.join-intro h1{font-size:30px}.join-steps{gap:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Supporting copy remains legible on handheld screens. */
.subtitle,.stage-heading>p,.waiting-page>p,.join-intro>p{color:#718462}.field-help{color:#7b916b}.join-card>p{color:#7b8f6b}.privacy-note{color:#82966f!important}.voting-note{color:#7d936a}.answer-help{color:#80966c}.locked-label{color:#879d71}.section-line>span{color:#7f966b}.round-progress{color:#81986d}.person-answer.no-answer{color:#889b77}.question-panel>span{color:#80986a}.question-panel.impostor-panel>span{color:#ac916d}