:root{color-scheme:dark;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;color:#fff;background:#0b0b12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0b12}body{-webkit-text-size-adjust:100%}button,input{font:inherit}button{min-height:3.25rem;padding:.75rem 1rem;border:1px solid #55556a;border-radius:.75rem;color:#fff;background:#171721;font-weight:800;cursor:pointer}button:hover{border-color:#fff}button.primary{border-color:#fff;color:#0b0b12;background:#fff}button.danger{border-color:#ff796c;color:#ffb0a7;background:#321b22}button.secondary{background:transparent}button.wide{width:100%}.mock-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.7rem;min-height:3.5rem;padding:.65rem max(1rem,calc((100vw - 1180px)/2));border-bottom:1px solid #292936;background:#0b0b12f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mock-badge{padding:.25rem .5rem;border-radius:.35rem;background:#ffd21e;color:#15151b;font-size:.7rem;font-weight:900;letter-spacing:.08em}.mock-label,.muted{color:#a3a3b5;font-size:.8rem}.nav-links{display:flex;gap:.25rem;margin-left:auto;overflow-x:auto}.nav-links a{padding:.45rem .6rem;border-radius:.5rem;color:#d8d8e2;font-size:.82rem;text-decoration:none;white-space:nowrap}.nav-links a:hover{background:#242431;color:#fff}.page-shell{width:min(100% - 2rem,1180px);margin:0 auto;padding:2.2rem 0 4rem}.eyebrow{margin:0 0 .6rem;color:#858596;font-size:.72rem;font-weight:900;letter-spacing:.16em}h1,h2,p{margin-top:0}h1{margin-bottom:.65rem;font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.15}h2{font-size:1.05rem}.lead{margin-bottom:1.5rem;color:#a3a3b5;line-height:1.65}.card{border:1px solid #2d2d3d;border-radius:.75rem;background:#13131d;box-shadow:0 18px 50px #00000026}.auth-card{width:min(100%,440px);margin:4vh auto 0;padding:2rem;text-align:center}.brand-mark{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto 1rem;border-radius:1rem;background:#fff;color:#0b0b12;font-size:1.5rem;font-weight:900}.auth-form,.create-form{display:grid;gap:1rem;text-align:left}.field{display:grid;gap:.45rem;color:#dddde8;font-size:.88rem;font-weight:700}.field input{width:100%;min-height:3rem;padding:.75rem;border:1px solid #55556a;border-radius:.65rem;outline:none;background:#1a1a25;color:#fff}.field input:focus{border-color:#fff}.form-error{min-height:1.3rem;margin:-.2rem 0;color:#ff8a7a;font-size:.85rem;font-weight:700}.text-button{min-height:auto;margin-top:1rem;padding:.4rem;border:0;background:transparent;color:#bdbdff}.section-heading{margin-bottom:1.5rem}.create-form{max-width:680px;padding:1.5rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.setting-preview{display:grid;gap:.7rem;padding:1rem;border-radius:.65rem;background:#1a1a25}.group-chips{display:flex;flex-wrap:wrap;gap:.5rem}.group-chip{padding:.4rem .75rem;border:1px solid var(--chip-color);border-radius:999px;color:var(--chip-color);font-weight:800}.share-heading{display:flex;justify-content:space-between}.share-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,1fr);gap:1rem;align-items:start}.qr-card{padding:1.5rem;text-align:center}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-title-row h2{margin:0}.event-code{margin:.4rem 0;font-size:clamp(2.1rem,7vw,4.2rem);letter-spacing:.06em}.event-name{color:#c8c8d4}.qr-code{display:block;width:min(100%,320px);height:auto;margin:1.3rem auto .7rem;border:.5rem solid #fff;border-radius:.75rem;background:#fff;image-rendering:pixelated}.qr-note{margin-bottom:1rem;color:#a3a3b5;font-size:.75rem}.url-row{display:flex;align-items:center;gap:.5rem;text-align:left}.join-url{min-width:0;flex:1;overflow:hidden;padding:.7rem;border-radius:.5rem;background:#0b0b12;color:#aeb0ff;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.url-row button{min-height:2.7rem;padding:.5rem .75rem;font-size:.8rem;white-space:nowrap}.share-side{display:grid;gap:1rem}.count-card,.recent-card{padding:1.3rem}.group-counts{display:flex;flex-wrap:wrap;gap:.25rem .8rem;margin:.35rem 0 .5rem;font-variant-numeric:tabular-nums}.group-count{display:inline-flex;align-items:center;gap:.3rem;color:#dddde8;font-size:.78rem}.group-count-name{color:#a3a3b5}.count-line{display:flex;align-items:baseline;gap:.25rem;font-variant-numeric:tabular-nums}.count-value{font-size:clamp(3.5rem,9vw,5.7rem);line-height:1}.count-line span{color:#a3a3b5;font-size:1.5rem;font-weight:700}.live-status{color:#72e39c;font-size:.78rem;font-weight:800}.live-status.reconnecting{color:#ffd21e}.count-value.pulse{animation:count-pulse .5s ease-out}@keyframes count-pulse{0%{color:#72e39c;transform:scale(1.08)}to{color:#fff;transform:scale(1)}}.attendee-list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.attendee-list li{display:flex;align-items:center;gap:.65rem}.group-dot{display:inline-block;flex:0 0 auto;width:.65rem;height:.65rem;border-radius:50%;background:var(--dot-color);box-shadow:0 0 10px var(--dot-color)}.small{margin-left:auto;font-size:.72rem}.toggle-label{display:flex;align-items:center;gap:.4rem;color:#dddde8;font-size:.78rem;font-weight:700}.toggle-label input{accent-color:#72e39c}.share-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem}.share-footer button{min-width:15rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:10;padding:.9rem 1rem;border-radius:.65rem;background:#fff;color:#0b0b12;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;padding:1rem;background:#000000b3}.modal{width:min(100%,400px);padding:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.create-page{height:calc(100vh - 3.5rem);min-height:0;overflow:hidden;padding:.8rem 0}.create-page .section-heading{margin-bottom:.5rem}.create-page .section-heading h1{margin-bottom:.3rem}.create-page .section-heading .lead{margin-bottom:0}.create-page .create-form{gap:.55rem;padding:1rem}.create-page .field{gap:.25rem}.create-page .field input{min-height:2.5rem;padding:.55rem .7rem}.create-page .setting-preview{gap:.45rem;padding:.65rem}.create-page .group-chips{gap:.35rem}.create-page .group-chip{padding:.25rem .6rem}.share-page{height:calc(100vh - 3.5rem);min-height:0;overflow:hidden;padding:.55rem 0 .65rem}.share-page .share-grid{min-width:0;height:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;align-items:stretch}.share-page .qr-card{height:100%;min-width:0;min-height:0;padding:.35rem;display:flex;flex-direction:column;justify-content:center}.share-page .qr-code{width:min(100%,calc(100vh - 14rem),460px);max-width:none;margin:0 auto .25rem;border-width:.35rem}.share-page .qr-note{margin:0 0 .35rem;font-size:.65rem}.share-page .url-row{gap:.35rem}.share-page .join-url{padding:.45rem .55rem;font-size:.62rem}.share-page .url-row button{min-height:2.25rem;padding:.35rem .6rem;font-size:.7rem}.share-controls{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto 1fr;gap:.55rem}.share-event{padding:.4rem 0}.share-event p{margin-bottom:.25rem}.share-event .event-code{margin:0;font-size:clamp(2.2rem,5vw,4rem)}.share-controls .toggle-label{position:absolute;top:.15rem;right:0;font-size:.62rem}.share-controls .count-card{align-self:center;width:100%}.share-controls>button{min-height:3.5rem}.share-controls .recent-card{min-height:0;margin-top:.1rem;padding:.8rem 1rem}.share-controls .recent-card .card-title-row{margin-bottom:.55rem}.share-controls .attendee-list{gap:.4rem;font-size:.82rem}@media (max-width: 700px){.mock-nav{min-height:2.75rem;padding:.3rem .45rem;gap:.25rem}.mock-badge{flex:0 0 auto;padding:.2rem .3rem;font-size:.5rem}.mock-label{display:none}.nav-links{min-width:0;margin-left:auto;gap:0}.nav-links a{padding:.3rem .16rem;font-size:.58rem}.page-shell{width:min(100% - 1.25rem,1180px);padding-top:1.5rem}.share-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:1rem}.share-footer{align-items:stretch;flex-direction:column}.share-footer button{width:100%;min-width:0}.url-row{align-items:stretch;flex-direction:column}.url-row button{width:100%}.create-page{height:auto;min-height:calc(100vh - 2.75rem);overflow:visible;padding:1.5rem 0 4rem}.page-shell.share-page{height:auto;min-height:calc(100vh - 2.75rem);width:calc(100% - .75rem);overflow:visible;padding:.35rem 0 .5rem}.share-page .share-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:.35rem}.share-page .qr-card{height:auto;padding:.4rem}.share-page .qr-code{width:100%;margin-bottom:.2rem}.share-page .qr-note{margin-bottom:.2rem;font-size:.58rem}.share-page .url-row{flex-direction:row;align-items:center}.share-page .join-url{font-size:.55rem}.share-page .url-row button{width:auto;min-height:2rem;font-size:.63rem}.share-controls{grid-template-rows:auto auto auto auto;gap:.25rem}.share-event{display:flex;align-items:baseline;justify-content:space-between;padding:0}.share-event p{margin:0;font-size:.65rem}.share-event .event-code{font-size:1.55rem}.share-controls .toggle-label{top:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.share-controls .count-card{align-self:stretch;padding:.45rem .65rem}.share-controls .card-title-row{margin-bottom:.15rem}.share-controls .count-value{font-size:2.9rem}.share-controls .count-line span{font-size:1rem}.share-controls .count-card p{margin:0;font-size:.65rem}.share-controls .group-counts{gap:.15rem .55rem;margin:.2rem 0 .25rem;font-size:.68rem}.share-controls>button{min-height:2.75rem}}