@font-face{font-family:Workshop;src:local("Avenir Next"),local("Arial");font-display:swap}
:root{--ink:#173c34;--muted:#64716b;--paper:#f4f6f2;--white:#fff;--line:#dbe3dc;--lime:#d8f762;--dark:#102e28;--red:#a6413c;--radius:22px;--shadow:0 12px 40px #163b3410;font-family:Workshop,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #549c7c;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(42px,6.5vw,88px);font-weight:700}h2{font-size:clamp(30px,3.8vw,48px)}h3{font-size:22px}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--white)}.brand{display:flex;gap:12px;align-items:center}.brand-icon{width:45px;height:45px;border-radius:13px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:58px;font-family:Georgia,serif;line-height:20px;padding-bottom:23px}.brand b{display:block;font-size:20px;letter-spacing:-.04em}.brand small{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700}.entry{max-width:1200px;margin:0 auto;padding:64px 6vw 70px;position:relative}.entry h1{margin:25px 0}.entry h1 span:not(.lime-dot){color:#7d9082}.lime-dot{color:#87ab31}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--muted)}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px}.join-form{margin:32px 0 16px;max-width:520px}.join-form label,.field-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-row{display:flex;gap:10px}input,textarea,select{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:var(--ink);width:100%}textarea{resize:vertical;min-height:110px;line-height:1.5}input#room-code{text-transform:uppercase;letter-spacing:.15em}.primary,.secondary,.quiet,.danger{padding:12px 20px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;text-align:center;line-height:1.3}.primary{background:var(--ink);color:#fff}.primary:hover{background:#235347}.primary.lime{background:var(--lime);color:var(--ink)}.secondary{background:var(--white);border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:#edf3eb}.quiet{background:#e9efe8;color:var(--ink)}.danger{color:var(--red);background:#fff0ed}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:4px;font-size:14px;color:var(--muted)}#top-tools{display:flex;gap:12px;align-items:center}.pill{font-size:13px;border:1px solid var(--line);border-radius:30px;padding:7px 13px;white-space:nowrap}.pill.green{background:#eaf5df;border:0;color:#386623}.pill.lime{background:var(--lime);border:0}.shell{max-width:1560px;margin:auto;padding:30px 4vw 48px}.host-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.sidebar{display:flex;flex-direction:column;gap:22px}.nav-caption{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--muted);padding:0 14px}.stage-nav{display:flex;flex-direction:column;gap:5px}.stage-button{display:flex;align-items:center;gap:11px;border-radius:12px;background:transparent;padding:12px 14px;text-align:left;color:var(--muted);font-size:14px;min-height:48px}.stage-button .num{font-size:11px;opacity:.65}.stage-button.active{background:var(--ink);color:#fff}.stage-button:hover:not(.active){background:#e6ede3}.sidebar-card{background:#e8eee4;border-radius:16px;padding:18px}.sidebar-card .time{font-size:38px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.04em;margin:5px 0 12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:4px 0 26px}.section-head h2{margin:8px 0 10px}.section-head p{color:var(--muted)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.card+.card{margin-top:20px}.card h3{margin-bottom:14px}.card.dark{background:var(--ink);color:#fff;border:0}.card.dark .muted{color:#c2d2c5}.dark .eyebrow{color:#b9cdbd}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-two>.card+.card{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px}.spaced{margin-top:20px}.gap{margin-top:12px}.rule{height:1px;background:var(--line);margin:20px 0}.metric{font-size:58px;line-height:1.1;letter-spacing:-.05em}.qr-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:36px}.qr-white{background:#fff;padding:15px;border-radius:17px;width:max-content;max-width:100%}.qr-white img,.qr-white canvas{display:block;max-width:100%;height:auto}.code{letter-spacing:.16em;font-size:34px;font-weight:700;margin:12px 0}.link-break{overflow-wrap:anywhere;font-size:14px}.big-comma{font-family:Georgia,serif;color:var(--lime);font-size:160px;line-height:.5}.welcome-words{font-size:clamp(35px,5vw,62px);line-height:1.14;font-weight:600;letter-spacing:-.05em;margin:16px 0 24px}.welcome-words .dim{color:#9bb3a5}.entry-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.entry-grid .card{margin:0}.option{width:100%;padding:18px 20px;margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:left;color:var(--ink);display:flex;align-items:center;gap:13px;transition:background .15s}.option .option-letter{border:1px solid var(--line);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-size:13px}.option.selected{background:#eef8d8;border-color:#8ba644}.option.selected .option-letter{background:var(--ink);border-color:var(--ink);color:white}.question{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin-bottom:18px}.bar-row{margin-top:17px}.bar-label{display:flex;justify-content:space-between;gap:14px;font-size:14px;margin-bottom:7px}.bar-track{height:10px;border-radius:9px;background:#eef1eb;overflow:hidden}.bar-fill{height:100%;border-radius:9px;background:var(--ink);transition:width .4s}.bar-fill.c1{background:#91b845}.bar-fill.c2{background:#b6c2b3}.blank{padding:35px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:15px;background:#f9fbf7}.status-note{padding:12px 16px;border-radius:12px;background:#edf4e3;font-size:14px}.status-note.error{background:#fff0ed;color:var(--red)}.connection{padding:10px 4vw;background:#ffedcd;color:#744a11;font-size:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:#fff;box-shadow:0 5px 25px #0003;padding:13px 22px;border-radius:14px;z-index:100;max-width:90vw;font-size:14px}.toast.error{background:#842f2b}.tabs{display:flex;gap:6px;background:#e8eee4;padding:5px;border-radius:13px;width:max-content;max-width:100%;margin-bottom:20px}.tab{background:none;padding:10px 18px;border-radius:9px;color:var(--muted);font-weight:600;font-size:14px}.tab.active{background:#fff;color:var(--ink);box-shadow:0 3px 8px #00000008}.message{margin:15px 0;padding:18px 20px;border-radius:15px;background:#f1f5ed}.message.user{background:#edf1f4;border-left:3px solid #8fa8a1}.message.assistant{border-left:3px solid #a3c94c}.message p{white-space:pre-wrap;line-height:1.7;margin-top:8px}.message-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:600;color:var(--muted)}.messages{max-height:440px;overflow:auto;padding-right:4px;scrollbar-width:thin}.submission{border-bottom:1px solid var(--line);padding:16px 0}.submission:last-child{border:0;padding-bottom:0}.submission p{white-space:pre-wrap;margin:8px 0 12px;overflow-wrap:anywhere}.submission .row button{min-height:34px;padding:7px 11px;font-size:13px}.submit-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.quote{font-size:clamp(24px,3vw,38px);line-height:1.4;letter-spacing:-.035em}.rounds{display:flex;gap:8px;margin:18px 0}.round-button{width:38px;height:38px;border-radius:50%;background:#edf2e8;color:var(--ink)}.round-button.active{background:var(--ink);color:#fff}.choice-card{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:12px}.choice-card.selected{border-color:#7a9e3c;background:#f1f8e5}.compact{padding:16px}.participant{max-width:720px;margin:0 auto;padding:32px 22px 60px}.participant .section-head{display:block}.participant .section-head h2{font-size:34px}.participant .card{padding:24px}.participant .grid-two{grid-template-columns:1fr}.step-label{font-size:12px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}.participant-footer{margin-top:25px;text-align:center;font-size:13px;color:var(--muted)}.screen{max-width:1600px;margin:auto;padding:35px 5vw 60px}.screen h2{font-size:clamp(40px,4.5vw,65px)}.screen .question{font-size:clamp(22px,2.3vw,32px)}.screen .quote{font-size:clamp(30px,3.5vw,50px)}.screen .message p{font-size:22px}.screen .bar-label{font-size:20px}.screen .bar-track{height:17px}.screen .card{padding:32px}.screen .messages{max-height:58vh}.screen .code{font-size:45px}.screen .entry-grid{grid-template-columns:1.4fr 1fr}.check-list{list-style:none;padding:0;margin:16px 0}.check-list li{padding:12px 0 12px 30px;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:#6c9431;font-weight:bold}.check-list li:last-child{border:0}.memo{max-width:800px;margin:auto;padding:36px 22px}.memo h1{font-size:44px}.memo section{margin:30px 0}.memo .quote{font-size:25px}.compare-label{margin-top:20px;font-weight:600;font-size:14px}.paired-bars{display:grid;grid-template-columns:45px minmax(0,1fr) 38px;gap:8px;align-items:center;font-size:12px;margin-top:6px}.paired-bars .bar-track{height:9px}.paired-bars.after .bar-fill{background:#84ac35}.login{max-width:460px;margin:55px auto;padding:30px}.login h2{font-size:32px;margin-bottom:12px}.login input{margin:18px 0 12px}.login button{width:100%}.badge-prepared{border-radius:5px;background:#f9e6c0;color:#75500e;padding:2px 6px}.broadcast-title{margin-top:20px;font-size:20px}.buttons{display:flex;gap:10px;flex-wrap:wrap}.host-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.host-facts .card{margin:0;padding:18px}.host-facts .metric{font-size:34px}.busy{display:inline-flex;gap:8px;align-items:center}.busy:before{content:"";height:14px;width:14px;border:2px solid #aec981;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1000px){.entry{background:linear-gradient(90deg,transparent 66%,#e7ede3 66%)}.entry:after{content:",";position:absolute;right:12%;top:9%;font:400 450px/.7 Georgia,serif;color:#bbcf93;pointer-events:none}}
@media(max-width:1000px){.host-layout{grid-template-columns:1fr}.sidebar{gap:15px}.stage-nav{flex-direction:row;overflow:auto;padding-bottom:5px}.stage-button{white-space:nowrap;flex-shrink:0}.sidebar-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-card .time{font-size:26px;margin:0}.nav-caption{display:none}.entry-grid{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.host-facts{grid-template-columns:repeat(3,1fr)}.screen .entry-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar{height:78px;padding:0 20px}.brand b{font-size:18px}.brand small{font-size:9px}.brand-icon{height:38px;width:38px}.topbar .pill{font-size:12px;padding:5px 9px}.topbar .secondary{padding:8px 12px;min-height:38px;font-size:13px}.entry{padding:36px 24px}.entry h1{font-size:55px}.lead{font-size:18px}.input-row{flex-direction:column}.grid-two{grid-template-columns:1fr}.shell{padding:24px 16px}.card{padding:22px}.qr-panel{grid-template-columns:1fr;padding:25px}.qr-panel .qr-white{order:2}.section-head h2{font-size:32px}.screen{padding:25px 20px}.screen .entry-grid{grid-template-columns:1fr}.screen .card{padding:24px}.screen .message p{font-size:18px}.host-facts{grid-template-columns:1fr 1fr 1fr}.host-facts .card{padding:12px}.host-facts .metric{font-size:26px}.host-facts .small{font-size:12px}.sidebar-card{flex-wrap:wrap}.sidebar-card .small{font-size:12px}.submit-actions{align-items:flex-start}.participant{padding:25px 16px}.participant .card{padding:20px}.brand small{letter-spacing:.07em}.tabs{width:100%}.tab{padding:10px 12px;flex:1}.memo h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
dialog::backdrop{background:#102e2877;backdrop-filter:blur(3px)}
@media print{.topbar,#top-tools,.no-print,.toast,.connection{display:none!important}body{background:white;color:black}.memo{max-width:100%;padding:0}.memo section{break-inside:avoid}.card{box-shadow:none}.memo h1{font-size:30px}.memo .quote{font-size:18px}}