@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--color-bg: #f0f4f8;--color-bg-elevated: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #eef2ff;--color-accent: #10b981;--color-accent-hover: #059669;--color-border: #e2e8f0;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-text: #991b1b;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 24px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.1);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition: .2s ease;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--maxw: 1000px;--maxw-narrow: 480px;--maxw-home: 1120px;--maxw-form: 720px}[data-theme=dark]{--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-primary: #818cf8;--color-primary-hover: #a5b4fc;--color-primary-light: rgba(129,140,248,.15);--color-accent: #34d399;--color-accent-hover: #6ee7b7;--color-border: #334155;--color-danger: #f87171;--color-danger-hover: #fca5a5;--color-danger-bg: #450a0a;--color-danger-text: #fca5a5;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.5)}[data-theme=dark] .input{background:#1e293b}[data-theme=dark] .btn-outline{border-color:var(--color-primary)}[data-theme=dark] .participant-list li:hover{background:#334155}[data-theme=dark] .hero-card{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-primary)}[data-theme=dark] .navbar-mark{background:linear-gradient(135deg,#818cf8,#6366f1)}[data-theme=dark] .timer-bar{background:linear-gradient(135deg,#422006,#1c1917);border-color:#854d0e;color:#fcd34d}[data-theme=dark] .share-dialog,[data-theme=dark] .reveal-dialog{background:var(--color-bg-elevated);color:var(--color-text)}[data-theme=dark] .share-url{background:#0f172a}[data-theme=dark] .participant-avatar{background:linear-gradient(135deg,#818cf8,#6366f1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg)}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:.01em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button,input{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw-home);margin:0 auto;padding:1rem 1.25rem;width:100%}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--color-text)}.navbar-mark{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary),#818cf8);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1rem}.navbar-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.hero{text-align:center;padding:3rem 1.25rem 2rem;max-width:var(--maxw-home);margin:0 auto}.hero h1{font-size:clamp(1.75rem,4vw,2.5rem);margin:0 0 .75rem;color:var(--color-text);line-height:1.25}.hero h1 span{color:var(--color-primary)}.hero-sub{margin:0 auto 2rem;max-width:520px;color:var(--color-text-muted);font-size:1.1rem}.hero-cards{display:flex;justify-content:center;gap:.75rem;margin-bottom:2.5rem}.hero-card{width:56px;height:72px;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:2px solid var(--color-border);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--color-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.hero-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.action-box{width:100%;max-width:min(var(--maxw-form),100%);margin:0 auto;background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem 1.5rem;border:1px solid var(--color-border)}.action-box h2{margin:0 0 1.25rem;font-size:1.35rem;text-align:center}.home-content{width:100%;max-width:var(--maxw-home);margin:0 auto 2.5rem;padding:0 1.25rem;display:grid;gap:2rem;align-items:start}@media(min-width:960px){.home-content{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:2rem 2.75rem}.home-content .action-box{max-width:none;margin:0;padding:2.35rem 2.25rem}.home-content .how-section{margin:0;padding:0}.home-content .how-section h2{text-align:left;margin-bottom:1.15rem}}@media(max-width:959px){.home-content .action-box{margin-left:auto;margin-right:auto;max-width:min(40rem,100%);padding:2rem 1.75rem}}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.field label{font-weight:600;font-size:.88rem;color:var(--color-text-muted)}.input{width:100%;padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;color:var(--color-text);font-size:1rem;transition:border-color var(--transition),box-shadow var(--transition)}.input:hover{border-color:#cbd5e1}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126;outline:none}.input--lg{padding:.85rem 1rem;font-size:1.05rem}.input--code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.2em;font-weight:600;text-transform:uppercase}.divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--color-text-muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.btn{cursor:pointer;border:none;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-weight:700;font-size:.95rem;transition:transform var(--transition),background var(--transition),box-shadow var(--transition);width:100%;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 10px #6366f14d}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 2px 10px #dc262640}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);transform:translateY(-1px)}.conn-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;margin:0 auto;max-width:var(--maxw-home);font-size:.88rem;color:var(--color-danger-text);background:var(--color-danger-bg);border-bottom:1px solid rgba(220,38,38,.2)}[data-theme=dark] .conn-banner{border-bottom-color:#f8717140}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 2px 10px #10b9814d}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-light)}.btn-ghost{background:transparent;color:var(--color-text-muted);padding:.5rem .75rem;font-size:.85rem}.btn-ghost:hover:not(:disabled){color:var(--color-text)}.alert{border-radius:var(--radius-sm);padding:.65rem .85rem;margin-bottom:1rem;font-size:.9rem;border:1px solid #fecaca;background:var(--color-danger-bg);color:var(--color-danger-text)}.how-section{max-width:var(--maxw-home);margin:0 auto 3rem;padding:0 1.25rem}.how-section h2{text-align:center;font-size:1.5rem;margin:0 0 1.5rem}.home-content .how-section{padding:0;margin:0}.home-content .how-section .how-grid{display:flex;flex-direction:column;gap:1rem}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.how-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);text-align:left;transition:border-color var(--transition),box-shadow var(--transition)}.how-card:hover{border-color:#6366f159;box-shadow:var(--shadow-md)}.how-card__row{display:flex;gap:1rem;align-items:flex-start}.how-card .step-num{width:40px;height:40px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:inline-grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.1rem;margin-bottom:0;flex-shrink:0}.how-card__body h3{margin:0 0 .35rem;font-size:1.05rem}.how-card__body p{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.55}@media(prefers-reduced-motion:reduce){.how-card{transition:border-color var(--transition)}}.ad-sense-wrap{max-width:var(--maxw-home);margin:0 auto;padding:0 1.25rem 1.5rem}.ad-sense-wrap--placeholder{min-height:100px;border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-text-muted);text-align:center}.ad-sense-room{width:100%}.site-footer{margin-top:auto;padding:2.5rem 1.25rem 2rem;border-top:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-bg) 0%,rgba(226,232,240,.35) 100%);text-align:center}[data-theme=dark] .site-footer{background:linear-gradient(180deg,var(--color-bg) 0%,rgba(30,41,59,.92) 100%)}.site-footer__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0 auto 1.2rem;max-width:var(--maxw-home)}.footer-tag{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-light);border:1px solid rgba(99,102,241,.2)}[data-theme=dark] .footer-tag{border-color:#818cf859}.site-footer__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600}.site-footer__links a{cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.site-footer__apps{font-size:.88rem;color:var(--color-text-muted);margin:0 0 .85rem}.site-footer__copy{font-size:.78rem;color:var(--color-text-muted);margin:0 auto;max-width:38rem;line-height:1.55}.static-page{flex:1;width:100%;max-width:42rem;margin:0 auto;padding:2rem 1.25rem 2.5rem}.static-page h1{font-size:clamp(1.45rem,4vw,1.85rem);margin:0 0 .75rem;color:var(--color-text)}.static-lead{margin:0 0 1.5rem;color:var(--color-text-muted);line-height:1.65}.static-page h2{font-size:1.08rem;margin:1.65rem 0 .45rem;color:var(--color-text)}.static-page p,.static-page li{color:var(--color-text-muted);line-height:1.65}.static-page ul{margin:0 0 1rem;padding-left:1.2rem}.static-page li{margin:.45rem 0}.static-meta{font-size:.85rem;margin:1rem 0 0}.static-back{margin-top:2rem}.static-back a{font-weight:600}.room-shell{max-width:var(--maxw);margin:0 auto;padding:1rem 1.25rem 2.5rem;display:grid;grid-template-columns:360px 1fr;gap:1.25rem;min-height:calc(100dvh - 80px)}@media(max-width:720px){.room-shell{grid-template-columns:1fr}}.room-sidebar,.room-main{display:flex;flex-direction:column;gap:1rem}.room-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.room-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;letter-spacing:.1em;font-size:1.1rem;background:var(--color-primary-light);color:var(--color-primary);padding:.35rem .75rem;border-radius:var(--radius-sm)}button.room-code--clickable{cursor:pointer;border:none;font:inherit;line-height:inherit;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}button.room-code--clickable:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f133}button.room-code--clickable:focus{outline:none}button.room-code--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.copy-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:2000;padding:.55rem 1.1rem;background:var(--color-text);color:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;font-family:var(--font-body);box-shadow:var(--shadow-md);pointer-events:none;animation:copy-toast-in .22s ease}[data-theme=dark] .copy-toast{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}@keyframes copy-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.copy-toast{animation:none}button.room-code--clickable:hover{transform:none}}.conn-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:background .3s ease,box-shadow .3s ease}.conn-dot.online{background:#16a34a;box-shadow:0 0 6px #16a34a80}.conn-dot.offline{background:#dc2626;box-shadow:0 0 6px #dc262680}.sidebar-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.75rem;color:var(--color-text)}.sidebar-title{font-family:var(--font-display);font-weight:600;font-size:.95rem}.count-pill{background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:800;min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;padding:0 .35rem;margin-left:auto}.stats-card{padding:1rem 1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .25rem;border-radius:var(--radius-md);background:var(--color-bg);text-align:center}.stat-icon{color:var(--color-primary);display:flex;margin-bottom:.15rem}.stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.stat-value{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--color-text)}.stat-total{font-weight:400;font-size:.85rem;color:var(--color-text-muted)}.status-indicator{width:10px;height:10px;border-radius:50%;margin-bottom:.15rem}.status-indicator.voting{background:#f59e0b;box-shadow:0 0 6px #f59e0b73}.status-indicator.all-in{background:#6366f1;box-shadow:0 0 6px #6366f173}.status-indicator.revealed{background:#10b981;box-shadow:0 0 6px #10b98173}.session-card{padding:1rem 1.15rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(165deg,var(--color-bg-elevated) 0%,var(--color-bg) 100%);box-shadow:var(--shadow-sm)}.session-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.session-card__icon{color:var(--color-primary);flex-shrink:0}.session-card__title{font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.02em;color:var(--color-text)}.session-card__hint{font-size:.8rem;line-height:1.5;color:var(--color-text-muted);margin:0 0 1rem}.session-card__actions{display:flex;flex-direction:column;gap:.5rem}.btn-session-leave,.btn-session-close{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.55rem .85rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:1px solid transparent;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform .2s ease}.btn-session-leave{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.btn-session-leave:hover:not(:disabled){border-color:#6366f166;background:var(--color-primary-light);color:var(--color-primary);box-shadow:0 2px 10px #6366f11f}.btn-session-close{background:var(--color-danger-bg);border-color:#dc262647;color:var(--color-danger-text)}.btn-session-close:hover:not(:disabled){border-color:#dc262673;background:#dc26261a;transform:translateY(-1px);box-shadow:0 4px 14px #dc26261f}[data-theme=dark] .btn-session-close:hover:not(:disabled){background:#f871711f}.btn-session-leave:disabled,.btn-session-close:disabled{opacity:.45;cursor:not-allowed}.btn-session-leave:focus-visible,.btn-session-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-session-close:focus-visible{outline-color:var(--color-danger)}@media(prefers-reduced-motion:reduce){.btn-session-leave,.btn-session-close{transition:background var(--transition),border-color var(--transition),color var(--transition)}.btn-session-close:hover:not(:disabled){transform:none}}.participant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.participant-list li{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.6rem .75rem;border-radius:var(--radius-sm);background:var(--color-bg);font-size:.92rem;transition:background var(--transition)}.participant-list li:hover{background:#e8ecf2}.participant-list li.participant-spectator{opacity:.62;background:#94a3b824}.participant-list li.participant-spectator:hover{background:#94a3b838}[data-theme=dark] .participant-list li.participant-spectator{background:#94a3b81a}[data-theme=dark] .participant-list li.participant-spectator:hover{background:#94a3b829}.vote-status.spectator-side{min-width:56px;text-align:right}.participant-info{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.participant-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#818cf8);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.75rem;display:grid;place-items:center;flex-shrink:0}.participant-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.badge{font-size:.6rem;font-weight:800;text-transform:uppercase;padding:.15rem .4rem;border-radius:999px;background:#6366f11f;color:var(--color-primary);margin-left:.3rem;vertical-align:middle}.badge-you{background:#10b9811f;color:#059669}.badge-spectator{background:#f59e0b1f;color:#b45309}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;font-size:.9rem;color:var(--color-text-muted);cursor:pointer}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.vote-status{font-family:var(--font-display);font-weight:600;font-size:.82rem;white-space:nowrap;flex-shrink:0;min-width:56px;text-align:right}.vote-status.voted{color:#16a34a}.vote-status.waiting{color:#f59e0b}.vote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.vote-btn{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:4/5;min-height:110px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg-elevated);font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,transform .2s ease}.vote-btn:hover:not(:disabled):not(.selected){border-color:#6366f173;box-shadow:var(--shadow-sm),0 4px 14px #6366f11f}.vote-btn:focus{outline:none}.vote-btn:focus-visible:not(:disabled){outline:2px solid var(--color-primary);outline-offset:3px}.vote-btn:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.vote-btn{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.vote-btn:active:not(:disabled){transform:none}}.vote-btn:disabled{opacity:.4;cursor:not-allowed}.vote-btn.vote-btn-locked{opacity:.52;cursor:not-allowed;filter:grayscale(.12)}.vote-btn.vote-btn-locked:hover:not(.selected){border-color:var(--color-border);box-shadow:none;transform:none}.vote-btn.vote-btn-locked:active{transform:scale(.99)}@media(prefers-reduced-motion:reduce){.vote-btn.vote-btn-locked:active{transform:none}}.vote-btn-value{position:relative;z-index:1}.vote-btn.selected{border-color:var(--color-primary);background:linear-gradient(160deg,var(--color-primary-light) 0%,var(--color-bg-elevated) 55%,var(--color-primary-light) 100%);color:var(--color-primary);box-shadow:0 0 0 1px #ffffff8c inset,0 1px #fff6 inset,0 0 0 3px #6366f138,0 8px 24px #6366f12e,0 2px 6px #0f172a0f;transform:scale(1.02)}.vote-btn.selected:after{content:"✓";position:absolute;top:6px;right:7px;z-index:2;font-size:.65rem;font-weight:800;line-height:1;color:var(--color-primary);width:1.15rem;height:1.15rem;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#6366f11f;border:1px solid rgba(99,102,241,.35);pointer-events:none}@media(prefers-reduced-motion:reduce){.vote-btn.selected{transform:none}}[data-theme=dark] .vote-btn.selected{background:linear-gradient(160deg,rgba(129,140,248,.18) 0%,var(--color-bg-elevated) 50%,rgba(129,140,248,.12) 100%);color:var(--color-primary);box-shadow:0 0 0 1px #ffffff0f inset,0 0 0 3px #818cf847,0 8px 28px #00000059,0 4px 14px #6366f133}[data-theme=dark] .vote-btn.selected:after{background:#818cf833;border-color:#818cf873;color:var(--color-primary)}.host-actions{display:flex;gap:.5rem;margin-top:.75rem}.host-actions .btn{width:auto;flex:1}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.88rem;color:var(--color-text-muted);margin-bottom:.5rem}.back-link:hover{color:var(--color-primary)}.timer-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem 1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fcd34d;color:#92400e}.timer-bar-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit;opacity:.92}.timer-bar-icon svg{display:block}.timer-value{font-family:var(--font-display);font-weight:700;font-size:1.25rem}.gate-shell{max-width:var(--maxw-narrow);margin:3rem auto;padding:0 1.25rem}.share-dialog{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;max-width:440px;width:90vw}.share-dialog::backdrop{background:#0006}.share-dialog-inner{padding:1.75rem 1.5rem}.share-room-code{text-align:center;font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--color-text-muted);margin:.5rem 0 0}.share-qr{display:block;margin:.5rem auto 1rem;border-radius:var(--radius-sm)}.share-url{font-size:.82rem;color:var(--color-text-muted);word-break:break-all;text-align:center;margin:0 0 1rem;padding:.5rem;background:var(--color-bg);border-radius:var(--radius-sm)}.share-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.share-action-btn{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;width:auto!important}.share-btn{cursor:pointer;background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;transition:background var(--transition)}.share-btn:hover{background:#ddd6fe}.theme-toggle{cursor:pointer;background:none;border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--color-text-muted);transition:color var(--transition),border-color var(--transition),background var(--transition)}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.reveal-dialog{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;max-width:380px;width:85vw}.reveal-dialog::backdrop{background:#0006}.reveal-dialog-inner{padding:1.75rem 1.5rem}