@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#000;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #000;--accent-hover: #222;--accent-light: #f2f2f2;--border: #cfcfcf;--muted: #747474;--danger: #ca0000}*{box-sizing:border-box}html{background:#fff}body{margin:0;min-width:320px;min-height:100vh;background:#fff}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.entry-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:44px;width:min(100%,476px);padding:44px 20px 20px;border:1px solid var(--border);border-radius:32px;background:#fff;animation:enter .3s ease both}.entry-heading{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;text-align:center}.entry-card h1{margin:0;font-size:44px;font-weight:800;line-height:normal;letter-spacing:-.035em}.entry-heading p{margin:0;font-size:16px;line-height:20px}.entry-form{display:flex;flex-direction:column;gap:20px;width:100%}.entry-form .button,.entry-card--home .button{width:100%}.entry-card--home{gap:44px}.entry-card--missing{text-align:center}.entry-card--missing h1{font-size:36px}.entry-card--missing p{max-width:340px;margin:-20px 0 0;color:var(--muted);font-size:15px;line-height:22px}.entry-status{position:absolute;top:calc(100% + 12px);left:0;right:0;margin:0;color:var(--muted);font-size:13px;text-align:center}.entry-status--error{color:var(--danger)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border:1px solid var(--accent);border-radius:12px;color:#fff;background:var(--accent);font-size:16px;font-weight:600;line-height:24px;text-decoration:none;cursor:pointer;transition:background .15s ease,opacity .15s ease,transform .15s ease}.button:hover:not(:disabled){background:var(--accent-hover)}.button:active:not(:disabled){transform:scale(.99)}.button:disabled{opacity:.55;cursor:wait}.button:focus-visible,.vote-card:focus-visible,input:focus-visible{outline:3px solid rgba(0,0,0,.18);outline-offset:3px}.link-button{width:100%}.name-field{position:relative;display:flex;align-items:center;width:100%;min-height:56px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:border-color .15s ease}.name-field:focus-within{border-color:#999}.name-field--error,.name-field--error:focus-within{border-color:var(--danger)}.name-field input{width:100%;height:54px;padding:0 48px 0 13px;border:0;outline:0;border-radius:inherit;color:#000;background:transparent;font-size:16px;line-height:24px}.name-field input::placeholder{color:#c6c6c6;opacity:1}.name-field input:focus-visible{outline:0}.name-error-icon{position:absolute;z-index:3;right:12px;top:50%;display:grid;place-items:center;width:24px;height:24px;transform:translateY(-50%);cursor:help}.name-error-icon img{display:block;width:22px;height:22px}.name-error-tooltip{position:absolute;right:-46px;bottom:calc(100% + 7px);width:max-content;max-width:260px;padding:4px 12px;border-radius:8px;color:#fff;background:#000;font-size:16px;font-weight:500;line-height:24px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}.name-error-icon:hover .name-error-tooltip,.name-error-icon:focus-visible .name-error-tooltip{opacity:1;transform:translateY(0)}.name-error-icon:focus-visible{outline:3px solid rgba(202,0,0,.16);outline-offset:2px;border-radius:50%}.role-picker{width:100%}.observer-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;margin:0;padding:0 16px;border:1px solid var(--border);border-radius:12px;color:#000;background:#fff;font-size:16px;font-weight:600;line-height:24px;cursor:pointer}.observer-toggle input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none}.toggle-track{position:relative;width:40px;height:24px;flex:0 0 auto;border-radius:999px;background:#d4d4d4;transition:background .18s ease}.toggle-track i{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .18s ease}.observer-toggle input:checked+.toggle-track{background:var(--accent)}.observer-toggle input:checked+.toggle-track i{transform:translate(16px)}.observer-toggle:has(input:focus-visible){outline:3px solid rgba(0,0,0,.18);outline-offset:3px}.observer-toggle:has(input:disabled){opacity:.55;cursor:wait}.room-page{height:100vh;height:100svh;background:#fff;overflow:hidden}.room-header{width:100%;min-height:70px;padding:16px 0;color:#fff;background:#000}.room-header__inner{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 80px),1279px);margin:0 auto}.wordmark{color:#fff;font-size:32px;font-weight:700;line-height:normal;letter-spacing:-.025em;text-decoration:none}.room-link{display:flex;align-items:center;gap:24px}.room-link__copy{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border:1px solid var(--border);border-radius:12px;color:#fff;background:transparent;font-size:16px;font-weight:400;line-height:24px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.room-link__copy strong{font-weight:400;text-transform:uppercase}.room-link__copy:hover{border-color:#fff}.room-link__copy.is-copied{background:#ffffff29}.room-link__copy:focus-visible{outline:3px solid rgba(255,255,255,.35);outline-offset:3px}.reaction-picker{position:relative;z-index:30}.reaction-picker__trigger{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;color:#fff;background:transparent;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:19px;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease}.reaction-picker__trigger:hover,.reaction-picker__trigger[aria-expanded=true]{border-color:#fff;background:#ffffff1f}.reaction-picker__trigger:focus-visible{outline:3px solid rgba(255,255,255,.35);outline-offset:3px}.reaction-picker__trigger>span{transform:translateY(1px)}.room-page--safari .reaction-picker__trigger>span{transform:translateY(0)}.room-header-skeleton__emoji,.room-header-skeleton__room{pointer-events:none;cursor:default}.room-header-skeleton__emoji:hover{border-color:var(--border);background:transparent}.room-header-skeleton__room:hover{border-color:var(--border)}.reaction-picker__popover{position:absolute;top:calc(100% + 12px);right:0;display:flex;flex-direction:column;gap:14px;width:360px;height:min(560px,calc(100svh - 96px));padding:12px;border:1px solid #303030;border-radius:24px;color:#f5f5f5;background:#181818;overflow:hidden}.reaction-picker__search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid #5a5a5a;border-radius:12px;background:#0a0a0a;transition:border-color .15s ease}.reaction-picker__search:focus-within{border-color:#fff}.reaction-picker__search svg{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:#a9a9a9;stroke-linecap:round;stroke-width:1.8}.reaction-picker__search input{width:100%;min-width:0;height:50px;padding:0;border:0;outline:0;color:#fff;background:transparent;font-size:18px;line-height:24px}.reaction-picker__search input::placeholder{color:#858585;opacity:1}.reaction-picker__scroll{min-height:0;padding:0 4px 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#555 transparent;scrollbar-width:thin}.reaction-picker__category+.reaction-picker__category{margin-top:20px}.reaction-picker__category h2{margin:0 0 10px;color:#e8e8e8;font-size:20px;font-weight:500;line-height:28px}.reaction-picker__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.reaction-picker__grid button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:9px;color:inherit;background:transparent;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:25px;line-height:1;cursor:pointer}.reaction-picker__grid button:hover{background:#303030}.reaction-picker__grid button.is-selected{border-color:#777;background:#303030}.reaction-picker__grid button:focus-visible{outline:2px solid #fff;outline-offset:1px}.reaction-picker__grid button>span{transform:translateY(1px)}.room-page--safari .reaction-picker__grid button>span{transform:translateY(0)}.reaction-picker__empty{margin:0;padding:16px 0;color:#858585;font-size:14px;line-height:20px}.room-content{width:min(calc(100% - 80px),1279px);margin:0 auto;padding-top:50px}.participants-panel{min-height:160px}.participants{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:16px;width:100%;margin:0;padding:0;list-style:none}.participants li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:242px;min-height:72px;padding:12px 12px 12px 16px;border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden}.participant--self{background:#fafafa!important}.participants .participant--observer{opacity:.3}.participants .participant--disconnected{border-color:transparent}.participant-disconnected-outline{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.participant-disconnected-outline rect{x:.5px;y:.5px;width:calc(100% - 1px);height:calc(100% - 1px);rx:15.5px;fill:none;stroke:var(--border);stroke-width:1px;stroke-dasharray:8px 6px;vector-effect:non-scaling-stroke;animation:disconnected-border-flow 2.4s linear infinite}.participant-name{min-width:0;flex:1 1 auto}.participant--reactable{cursor:pointer}.participant--self .participant-name{cursor:text}.participant-name strong{display:flex;align-items:center;min-width:0;max-width:170px;font-size:16px;font-weight:500;line-height:normal}.participant-name__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-name__button{display:block;width:100%;max-width:170px;padding:0;border:0;color:inherit;background:transparent;text-align:left}.participant-name__button{cursor:text}.participant-name__button:focus-visible{outline:3px solid rgba(0,0,0,.18);outline-offset:3px;border-radius:3px}.participant-reaction-target{position:absolute;inset:0;z-index:2;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.participant-reaction-target:focus-visible{outline:3px solid rgba(0,0,0,.18);outline-offset:2px}.participant-name__input{width:100%;min-width:0;height:48px;padding:0 8px;border:1px solid #999;border-radius:8px;color:#000;background:#fff;font-size:16px;font-weight:500;transform:translate(-4px)}.participant-name__input:focus{border-color:var(--accent);outline:none}.room-controls{position:fixed;z-index:5;bottom:35px;left:50%;display:flex;flex-direction:column;gap:40px;width:500px;transform:translate(-50%)}.results-panel{width:100%;border:1px solid var(--border);border-radius:28px;background:#fff;overflow:hidden}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;height:109px;padding:16px}.metric-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;height:77px;padding:0 8px;border:0;border-radius:12px;color:#000;background:transparent;text-align:center}.metric-card+.metric-card:before{content:"";position:absolute;top:0;bottom:0;left:-6px;width:1px;background:#e2e2e2}.metric-card__label{color:var(--muted);font-size:12px;font-weight:400;line-height:normal}.metrics strong{font-size:32px;font-weight:700;line-height:40px;letter-spacing:-.02em}.consensus-dots{display:flex;align-items:center;justify-content:center;gap:8px;height:40px}.consensus-dots i{display:block;width:12px;height:12px;border:1.5px solid #000;border-radius:50%}.consensus-dots i.is-filled{background:#000}.host-action{padding:0 16px 16px}.host-action .button{width:100%}.host-action .button{min-height:48px;padding:0 24px}.voting-panel{width:100%}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;height:140px}.vote-card{position:relative;width:100%;height:140px;padding:0;border:1px solid var(--border);border-radius:12px;color:#000;background:#fff;font-size:32px;font-weight:700;line-height:normal;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.vote-card:after{content:"";position:absolute;inset:8px;border:1px solid #e5e5e5;border-radius:6px;pointer-events:none}.vote-card:hover:not(:disabled){border-color:#999;transform:translateY(-2px)}.vote-card:active:not(:disabled){transform:scale(.98)}.vote-card--selected{color:#fff;border-color:var(--accent);background:var(--accent)}.vote-card--selected:after{border-color:#ffffff4d}.cards--disabled{opacity:.42}.cards--disabled .vote-card{cursor:not-allowed;transform:none}.room-role{margin-top:24px}.room-role .observer-toggle{min-height:48px;padding:0 12px}.reaction-projectile{position:fixed;z-index:9999;top:0;left:0;display:grid;place-items:center;width:36px;height:36px;font-size:28px;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}.participant-status{display:inline-grid;place-items:center;min-width:32px;height:48px;flex-shrink:0}.participant-status__cards,.observer-state{grid-area:1 / 1;transform-origin:center;transition:transform .68s cubic-bezier(.22,.8,.32,1),opacity .42s ease}.participant-status--participant .participant-status__cards{opacity:1;transform:scale(1)}.participant-status--participant .observer-state,.participant-status--observer .participant-status__cards{opacity:0;transform:scale(.14)}.participant-status--observer .observer-state{opacity:1;transform:scale(1)}.observer-state{display:grid;place-items:center;width:32px;height:48px;color:#747474}.observer-state img{display:block;width:20px;height:20px}.revealed-vote{position:relative;display:flex;align-items:flex-end;gap:7px}.result-card{position:relative;display:grid;place-items:center;width:32px;aspect-ratio:2 / 3;flex:0 0 auto;border-radius:4px;backface-visibility:hidden}.result-card--front{color:var(--accent);border:1px solid var(--border);background:#fff;font-size:16px;font-weight:700}.result-card--front:after{content:"";position:absolute;inset:4px;border:1px solid #e5e5e5;border-radius:2px;pointer-events:none}.result-card--crossed{z-index:1;color:#858585;animation:previous-card-shift .38s cubic-bezier(.22,.8,.32,1) both}.result-card--crossed:before{content:"";position:absolute;z-index:2;top:-3px;left:-4px;width:64px;height:2px;border-radius:2px;background:#c94e43;clip-path:inset(0 0 0 0);transform:rotate(55deg);transform-origin:left center;animation:strike-through .24s ease .22s both;pointer-events:none}.result-card--outgoing{position:absolute;z-index:0;top:0;left:0;animation:previous-card-out .4s cubic-bezier(.4,0,.2,1) both}.result-card--outgoing:before{clip-path:none;animation:none}.result-card--back,.result-card--revealed:before{background-color:#000;background-image:linear-gradient(45deg,transparent calc(50% - .5px),rgba(255,255,255,.28) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),rgba(255,255,255,.28) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));background-position:center;background-size:8px 8px}.result-card--back{border:1px solid #000}.result-card--waiting{border-color:var(--border);background-color:transparent;background-image:none}.result-card--revealed{overflow:hidden;transform-origin:center;animation:card-side-swap .45s cubic-bezier(.4,0,.2,1) both}.result-card--revealed:before{content:"";position:absolute;z-index:3;inset:-1px;border:1px solid #000;border-radius:4px;animation:card-side-swap-face .45s step-end both;animation-delay:inherit;pointer-events:none}.result-card--revealed.result-card--waiting:before{border-color:var(--border);background-color:transparent;background-image:none}.result-card--revoted{z-index:2;transform-origin:center;animation:card-from-eye .68s cubic-bezier(.22,.8,.32,1) both}.connection-banner,.error-banner{position:fixed;z-index:20;top:98px;left:50%;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(calc(100% - 40px),500px);height:56px;padding:16px 16px 16px 20px;border-radius:16px;color:#fff;background:#1b1b1b;font-size:16px;line-height:24px;transform:translate(-50%)}.connection-banner>span,.error-banner>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-banner button,.error-banner button{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;padding:0;border:0;border-radius:50%;color:#000;background:transparent;cursor:pointer}.connection-banner button:hover,.error-banner button:hover{background:#00000014}.connection-banner button:focus-visible,.error-banner button:focus-visible{outline:2px solid #000;outline-offset:1px}.connection-banner button img,.error-banner button img{display:block;width:24px;height:24px;filter:invert(1)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@keyframes card-side-swap{0%{transform:scaleX(1)}49.9%,50.1%{transform:scaleX(.02)}to{transform:scaleX(1)}}@keyframes card-side-swap-face{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes previous-card-shift{0%{transform:translate(39px)}}@keyframes previous-card-out{to{opacity:0;transform:translate(-39px) scale(.86)}}@keyframes strike-through{0%{clip-path:inset(0 100% 0 0)}}@keyframes card-from-eye{0%{opacity:0;transform:scale(.14)}}@keyframes participant-hit{35%{transform:translate(4px) rotate(.35deg)}70%{transform:translate(-2px) rotate(-.2deg)}}@keyframes disconnected-border-flow{to{stroke-dashoffset:-14px}}.participant--reaction-hit{animation:participant-hit .3s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.participant-disconnected-outline rect{animation:none}}@media(max-width:780px){.room-page{height:auto;min-height:100svh;padding-bottom:48px;overflow:visible}.room-content{padding-top:40px}.participants-panel{min-height:0}.participants li{width:calc(50% - 10px)}.room-controls{position:static;margin:64px auto 0;transform:none}}@media(max-width:560px){.center-shell{padding:16px}.entry-card{padding-top:36px}.entry-card h1{font-size:38px}.name-error-tooltip{right:-8px;max-width:calc(100vw - 48px);white-space:normal}.room-header{min-height:72px;padding:16px 0}.room-header__inner,.room-content{width:calc(100% - 32px)}.wordmark{font-size:25px}.room-link{gap:12px}.room-link__copy{min-height:40px;padding:0 16px;font-size:14px}.reaction-picker__popover{position:fixed;top:76px;right:16px;left:16px;width:auto;height:min(560px,calc(100svh - 92px))}.participants{gap:12px}.participants li{width:100%;min-height:72px;padding-top:12px;padding-bottom:12px}.room-controls{width:100%;gap:36px}.metrics{gap:4px;padding-right:8px;padding-left:8px}.metric-card+.metric-card:before{left:-2px}.metric-card__label{font-size:10px}.metrics strong{font-size:28px}.consensus-dots{gap:5px}.consensus-dots i{width:10px;height:10px}.cards{gap:7px;height:auto}.vote-card{height:auto;aspect-ratio:2 / 3;font-size:26px}}