@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Karla;src:url(/fonts/karla-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}[data-theme=light]{--bg:#f2efe8;--fg:#181510;--accent:#ff3b2f;--accent-hover:#e93228;--fg-90:#181510e6;--fg-70:#181510b3;--fg-65:#181510a6;--fg-60:#18151099;--fg-55:#1815108c;--fg-50:#18151080;--fg-45:#18151073;--fg-38:#18151061;--hairline:#1815101f;--rule:#18151040;--surface:#fbf9f4}[data-theme=dark]{--bg:#161310;--fg:#efeae0;--accent:#ff5a47;--accent-hover:#e9503f;--fg-90:#efeae0e6;--fg-70:#efeae0b3;--fg-65:#efeae0a6;--fg-60:#efeae099;--fg-55:#efeae08c;--fg-50:#efeae080;--fg-45:#efeae073;--fg-38:#efeae061;--hairline:#efeae01f;--rule:#efeae040;--surface:#211d18}*,:before,:after{box-sizing:border-box}html{background:var(--bg);min-width:320px;color:var(--fg);transition:background-color .3s,color .3s}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Karla,system-ui,sans-serif;font-size:16px}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;margin:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default}a,button{transition:opacity .2s}a:hover,button:not(:disabled):hover{opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-hidden{display:none!important}.wordmark{letter-spacing:.1em;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:800}.accent-period,.accent-arrow{color:var(--accent)}.theme-toggle{border:1.5px solid var(--fg);border-radius:50%;flex:0 0 16px;width:16px;height:16px;padding:0;display:block}.theme-toggle[aria-pressed=true]{background:var(--fg)}.action-link{text-align:left;align-self:flex-start;padding:0;font-size:17px;font-weight:700;line-height:1.3}.action-link.muted{color:var(--fg-60)}.button-link{background:0 0;display:inline-block}.quiet-link,.help-link,.mobile-nav-btn,.copy-link{text-underline-offset:2px;padding:0;text-decoration:underline}.pill-button{background:var(--accent);color:#fff;border-radius:999px;min-height:44px;padding:13px 34px;font-size:15px;font-weight:700;line-height:1.2}.pill-button:not(:disabled):hover{background:var(--accent-hover);opacity:1}.section-rule{background:var(--hairline);width:100%;height:1px}.app-body{flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}.app-header{flex:none;justify-content:space-between;align-items:center;min-height:64px;padding:22px 36px;display:flex}.header-context{align-items:center;gap:18px;display:flex}.header-meta{color:var(--fg-50);font-size:13px}.header-meta:empty,.header-meta:not(:empty)+.theme-toggle{display:none}.client-status{z-index:8;max-width:min(90vw,520px);color:var(--accent);text-align:center;margin:0;font-size:13px;font-weight:700;position:fixed;top:72px;left:50%;transform:translate(-50%)}.client-status:empty{display:none}.app-shell{flex:auto;min-height:0;display:flex}.screen{width:100%;min-height:100%;display:none}.screen.active{display:flex}.welcome-content,.entry-content,.input-content,.response-content,.state-content{width:calc(100% - 72px);margin:auto}.welcome-content{flex-direction:column;gap:26px;max-width:560px;padding-bottom:60px;display:flex}.welcome-content h1{letter-spacing:-.02em;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:54px;font-weight:800;line-height:1.1}.welcome-content p{max-width:400px;color:var(--fg-60);text-wrap:pretty;margin:0;line-height:1.65}.entry-actions{flex-direction:column;gap:18px;display:flex}.entry-content{max-width:560px}.entry-content h1,.input-content h1{margin-bottom:18px;font-family:Bricolage Grotesque,sans-serif;font-size:30px;font-weight:800;line-height:1.2}.entry-form{align-items:flex-end;gap:24px;display:flex}.entry-form input{border:0;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;flex:1;min-width:0;padding:12px 0;font-size:16px}.entry-form input::placeholder,.input-form textarea::placeholder{color:var(--fg-38);opacity:1}.waiting-content{flex-direction:column;align-items:center;gap:22px;width:calc(100% - 60px);max-width:720px;margin:auto;padding-bottom:40px;display:flex}.waiting-label,.waiting-caption{color:var(--fg-55);margin:0}.waiting-label{font-size:13px}.waiting-caption{color:var(--fg-45);font-size:12px}.code-line{align-items:baseline;gap:16px;display:flex}.session-code{letter-spacing:.12em;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(52px,8vw,88px);font-weight:800;line-height:1}.copy-link{color:var(--accent);font-size:14px;font-weight:700}.waiting-rule,.lobby-participants{width:360px;max-width:100%}.waiting-rule{margin:10px 0}.lobby-participants{flex-direction:column;gap:12px;font-size:15px;display:flex}.participant-item,.participant-name,.appreciate-button{min-width:0}.lobby-participants .participant-name,.lobby-participants .appreciate-button{align-items:baseline;width:100%;padding:0;display:flex}.participant-self,.participant-placeholder{color:var(--fg-45)}.submission-dot{color:var(--fg-38);font-size:13px;line-height:1}.submission-dot:before{content:"○"}.submission-dot.submitted{color:var(--accent)}.submission-dot.submitted:before{content:"●"}.lobby-participants .submission-dot{order:3;margin-left:auto}.participant-placeholder{justify-content:space-between;display:flex}.participant-placeholder .submission-dot{margin-left:auto}.start-button{background:var(--fg);color:var(--bg);margin-top:8px;padding-left:42px;padding-right:42px}.start-button:not(:disabled):hover{background:var(--fg)}.input-content,.response-content{max-width:640px}.input-content{align-self:center}.input-form textarea{resize:vertical;border:0;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;width:100%;min-height:200px;padding:0 0 14px;font-size:15px;line-height:1.75;display:block}.input-form textarea:disabled{color:var(--fg-38);-webkit-text-fill-color:var(--fg-38);opacity:1}.input-actions{justify-content:space-between;align-items:center;gap:24px;margin-top:18px;display:flex}.tone-vote{flex-direction:column;gap:5px;min-width:0;display:flex}.comfort-buttons{gap:16px;display:flex}.comfort-button{color:var(--fg-50);padding:0;font-size:14px}.comfort-button.selected{color:var(--fg);font-weight:700}.tone-caption{color:var(--fg-45);font-size:11.5px;line-height:1.35}.tone-caption-mobile{display:none}.share-submit{flex:none}.waiting-status{align-items:center;gap:10px;margin:22px 0 0;font-size:15px;font-weight:700;display:flex}.waiting-status:before{background:var(--accent);content:"";border-radius:50%;flex:0 0 8px;width:8px;height:8px;animation:1.6s ease-in-out infinite wf-breathe}#input.is-waiting h1,#input.is-waiting textarea{opacity:.35}#input.is-waiting .input-actions{display:none}.state-content{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:560px;padding-bottom:60px;display:flex}.state-content h1{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:32px;font-weight:800;line-height:1.25}.state-content p{max-width:460px;color:var(--fg-55);text-wrap:pretty;margin:0;font-size:13.5px;line-height:1.65}.processing-content{gap:22px}.processing-dots{align-items:center;gap:12px;display:flex}.processing-dots span{background:var(--fg);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite wf-breathe}.processing-dots span:nth-child(2){background:var(--accent);animation-delay:.25s}.processing-dots span:nth-child(3){animation-delay:.5s}.animated-ellipsis{animation:1.4s infinite wf-blink}.processing-track{background:var(--hairline);width:280px;max-width:80vw;height:2px;margin-top:4px;position:relative;overflow:hidden}.processing-track span{background:var(--accent);width:30%;animation:1.8s ease-in-out infinite wf-sweep;position:absolute;inset:0 auto 0 0}.failure-content h1{font-size:30px}.failure-content .pill-button{margin-top:6px}.response-content{align-self:center;padding:40px 0}.response-section h2{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;line-height:1.2}.response-text{color:var(--fg-90);text-wrap:pretty;font-size:16px;line-height:1.85}.response-text p{margin:0 0 .8em}.response-content .section-rule{margin:22px 0}.response-content .action-link{margin-top:8px}.end-content h1{font-size:44px}.end-content .action-link{margin-top:8px}.session-footer{border-top:1px solid var(--hairline);min-height:62px;color:var(--fg-55);flex:none;justify-content:space-between;align-items:center;gap:24px;padding:18px 36px;font-size:13px;display:none}.session-footer.active{display:flex}.session-participant-area,.session-participants{align-items:center;gap:16px;min-width:0;display:flex}.session-participants .participant-item,.session-participants .participant-name,.session-participants .appreciate-button{align-items:center;display:flex}.session-participants .participant-name,.session-participants .appreciate-button{color:var(--fg-55);gap:4px;padding:0;font-size:13px}.session-participants .submission-dot{order:3}.app-body.is-waiting .session-participants .submission-dot:not(.submitted){animation:1.6s ease-in-out infinite wf-breathe}.submission-legend{border-left:1px solid var(--hairline);color:var(--fg-38);white-space:nowrap;padding-left:16px;font-size:12px}.help-link{color:var(--accent);flex:none;font-size:13px;font-weight:700}.appreciation-pulse{color:var(--accent);margin-left:4px;animation:.5s both appreciation-pulse;display:inline-flex}.appreciation-star{line-height:1}.mobile-nav{display:none}.modal{z-index:20;background:var(--bg);position:fixed;inset:0}.pause-modal{justify-content:center;align-items:center}.pause-modal:not(.is-hidden){display:flex}.pause-content{text-align:center;flex-direction:column;align-items:center;gap:24px;width:calc(100% - 68px);max-width:520px;display:flex}.pause-content h2{text-wrap:pretty;margin:0 0 12px;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800;line-height:1.25}.pause-content p{color:var(--fg-60);margin:0;font-size:14.5px}.pause-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.pause-actions .quiet-link{color:var(--fg-50);font-size:13px}.people-modal:not(.is-hidden){align-items:flex-end;display:flex}.people-sheet{background:var(--surface);border-radius:14px 14px 0 0;width:100%;padding:28px 26px 40px}.people-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;padding-bottom:20px;display:flex}.people-header h2{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:800}#mobile-participants-list{flex-direction:column;gap:16px;padding-top:20px;display:flex}#mobile-participants-list .participant-item,#mobile-participants-list .participant-name,#mobile-participants-list .appreciate-button{align-items:center;width:100%;display:flex}#mobile-participants-list .participant-name,#mobile-participants-list .appreciate-button{text-align:left;gap:5px;padding:0}#mobile-participants-list .submission-dot{order:3;margin-left:auto}@keyframes wf-blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes wf-breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}@keyframes wf-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@keyframes appreciation-pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.app-header{min-height:55px;padding:18px 22px}.wordmark{font-size:13px}.header-meta{font-size:12.5px}.app-body.session-lobby .header-meta{display:none}.app-body.session-lobby .theme-toggle{display:block}.welcome-content,.entry-content,.input-content,.response-content,.state-content{width:calc(100% - 52px)}.welcome-content{gap:24px;padding-bottom:30px}.welcome-content h1{font-size:clamp(42px,13vw,54px)}.entry-form{flex-direction:column;align-items:stretch}.entry-form .pill-button{width:100%}.waiting-content{gap:18px;width:calc(100% - 60px);padding-bottom:60px}.code-line{flex-direction:column;align-items:center;gap:14px}.session-code{letter-spacing:.1em;font-size:52px}.start-button{width:100%;margin-top:6px}.input-content{flex-direction:column;align-self:stretch;height:100%;padding:14px 0 0;display:flex}.input-content h1{margin-bottom:16px;font-size:24px}.input-form{flex-direction:column;flex:1;min-height:0;display:flex}.input-form textarea{flex:1;min-height:140px;font-size:14.5px;line-height:1.7}.input-actions{flex-direction:column;align-items:stretch;gap:14px;margin-top:14px}.tone-caption-desktop{display:none}.tone-caption-mobile{display:block}.share-submit{width:100%;margin-bottom:14px}.waiting-status{margin:0;position:absolute;bottom:84px;left:26px}.state-content h1,.failure-content h1{font-size:24px}.response-content{padding:24px 0}.response-section h2{margin-bottom:12px;font-size:12px}.response-text{font-size:14.5px;line-height:1.8}.session-footer{display:none!important}.mobile-nav.active{border-top:1px solid var(--hairline);flex:none;justify-content:space-around;align-items:center;min-height:62px;padding:14px 10px 20px;display:flex}.mobile-nav-btn{color:var(--fg-65);font-size:12px}.mobile-nav-btn.help-link{color:var(--accent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.processing-dots span,.waiting-status:before,.animated-ellipsis,.processing-track span,.appreciation-pulse{animation:none!important}}