:root{color-scheme:light;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--surface-radius: 28px;--surface-radius-sm: 20px;--shadow-soft: 0 20px 50px rgba(28, 39, 41, .08);--shadow-strong: 0 32px 90px rgba(28, 39, 41, .12);--transition-fast: .18s ease;--transition-base: .24s ease;--bg-transition-1: rgba(255, 255, 255, .06);--bg-transition-2: rgba(255, 255, 255, .18);--text-xl4: 2.75rem;--text-xl3: 2.25rem;--text-xl2: 1.75rem;--text-xl: 1.35rem;--text-base: .875rem;--text-sm: .79rem;--text-xs-label: .625rem;--height-md: 45px;--weight-normal: 400;--weight-bold: 600;--gradient-500: radial-gradient( 78.22% 78.22% at 50% 0%, var(--color-primary-300) 1%, var(--color-primary-500) 48.5%, var(--color-primary-700) 100% );--border-radius-25: .25rem;--border-radius-50: .5rem;--border-radius-75: .75rem;--border-radius-100: 1.5rem;--container-xsm: 28rem;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--container-xxl: 100rem;--space-xsm: .35rem;--space-sm: .65rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 5rem;--shadow-white-25: 0px 2px 6px -1px rgba(2, 40, 94, .09), 0px 1px 4px -2px rgba(20, 20, 20, .08);--shadow-dark-100: 0px 4px 6px -2px rgba(2, 40, 94, .4), 0px 12px 16px -4px rgba(20, 20, 20, .3);--z-test: 10000;--z-modal: 9000;--z-message: 8000;--z-menu: 7000;--z-header: 6000;--z-drawer: 5000;--z-content: 4000;--z-footer: 1000;--button-size: 1.25em;--button-size-larger: 2em;--button-size-xl: 2.2em}:root[data-theme=light]{--bg: #f5f3ee;--bg-accent: rgba(170, 185, 178, .34);--bg-accent-strong: rgba(215, 200, 178, .36);--line: rgba(49, 59, 59, .08);--text: #182222;--text-soft: rgba(24, 34, 34, .68);--text-muted: rgba(24, 34, 34, .5);--panel-bg: rgba(255, 255, 255, .78);--panel-solid: #fbfaf7;--panel-border: rgba(49, 59, 59, .08);--accent: #1f5c57;--accent-strong: #174741;--accent-soft: rgba(31, 92, 87, .12);--button-text: #f7f7f2;--field-bg: rgba(255, 255, 255, .84);--field-border: rgba(49, 59, 59, .12);--field-placeholder: rgba(24, 34, 34, .35);--tile-bg: rgba(255, 255, 255, .92);--tile-text: #182222;--tile-border: rgba(49, 59, 59, .08);--tile-marked: #dce6e1;--tile-free: #1f5c57;--tile-free-text: #f7f7f2;--success: #1f6b55;--danger: #b1523d;--ghost-bg: rgba(255, 255, 255, .62);--ghost-border: rgba(49, 59, 59, .08);--board-bg: rgba(31, 92, 87, .05);--overlay: rgba(12, 20, 20, .5)}:root[data-theme=dark]{color-scheme:dark;--bg: #111717;--bg-accent: rgba(45, 95, 90, .26);--bg-accent-strong: rgba(127, 112, 86, .22);--line: rgba(255, 255, 255, .08);--text: #edf1ec;--text-soft: rgba(237, 241, 236, .7);--text-muted: rgba(237, 241, 236, .5);--panel-bg: rgba(18, 25, 25, .76);--panel-solid: #151d1d;--panel-border: rgba(255, 255, 255, .08);--accent: #9dc4bb;--accent-strong: #cfe2dc;--accent-soft: rgba(157, 196, 187, .16);--button-text: #0f1414;--field-bg: rgba(20, 28, 28, .9);--field-border: rgba(255, 255, 255, .1);--field-placeholder: rgba(237, 241, 236, .34);--tile-bg: rgba(22, 30, 30, .96);--tile-text: #edf1ec;--tile-border: rgba(255, 255, 255, .08);--tile-marked: rgba(82, 121, 114, .48);--tile-free: #9dc4bb;--tile-free-text: #0f1414;--success: #8bd0b5;--danger: #ff9a84;--ghost-bg: rgba(255, 255, 255, .04);--ghost-border: rgba(255, 255, 255, .08);--board-bg: rgba(255, 255, 255, .03);--overlay: rgba(6, 10, 10, .72)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,var(--bg-accent),transparent 30%),radial-gradient(circle at 80% 12%,var(--bg-accent-strong),transparent 26%),linear-gradient(180deg,var(--bg-transition-1),transparent 40%),var(--bg);transition:background var(--transition-base),color var(--transition-base)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,transparent 0,transparent calc(100% - 1px),var(--line) calc(100% - 1px)),linear-gradient(to bottom,transparent 0,transparent calc(100% - 1px),var(--line) calc(100% - 1px));background-size:120px 120px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 78%);mask-image:radial-gradient(circle at center,black 30%,transparent 78%);opacity:.5}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,var(--bg-transition-2),transparent 18%);opacity:.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{width:100%;border:1px solid var(--field-border);border-radius:18px;background:var(--field-bg);color:var(--text);padding:.98rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--field-placeholder)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}textarea{resize:vertical;min-height:7rem}.app-shell{position:relative;max-width:1180px;margin:0 auto;padding:28px 18px 84px}.page-header{margin-bottom:1.5rem}.page-header__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.page-header__content{max-width:48rem}.page-header__content h1,.panel h2,.modal h2,.share-dialog__title,.step-card h2,.feature-card h2{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.035em}.page-header__content h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;max-width:11ch}.page-header__content p,.panel p,.step-card p,.feature-card p{margin:.75rem 0 0;color:var(--text-soft);font-size:1rem}.brand-lockup{display:flex;align-items:center;min-height:48px}.brand-mark,.eyebrow,.sampler-label,.feature-card__index,.hero-preview-card__meta{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.brand-mark{color:var(--accent-strong)}.brand-mark:before{content:"";width:.58rem;height:.58rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 6px var(--accent-soft)}.eyebrow,.sampler-label,.feature-card__index,.hero-preview-card__meta{color:var(--text-muted)}.page-content{display:flex;flex-direction:column;gap:1rem}.panel{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:var(--surface-radius);background:var(--panel-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:1.4rem;box-shadow:var(--shadow-soft)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 34%);opacity:.55}.panel>*{position:relative;z-index:1}.hero-panel,.responsive-grid,.game-layout,.feature-grid,.steps-grid,.landing-hero{display:grid;gap:1rem}.stack{display:flex;flex-direction:column;gap:.95rem}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.45rem}.field span{font-size:.9rem;font-weight:700}.primary-button,.ghost-button,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;border-radius:999px;padding:.85rem 1.2rem;transition:transform var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.primary-button{border:none;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--button-text);font-weight:700;box-shadow:0 12px 28px #1f5c572e}.primary-button:disabled{opacity:.64;cursor:wait;box-shadow:none}.ghost-button,.theme-toggle{border:1px solid var(--ghost-border);background:var(--ghost-bg);color:var(--text)}.theme-toggle:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.primary-button:hover,.ghost-button:hover,.theme-toggle:hover,.list-card:hover,.bingo-tile:hover,.icon-button:hover,.feature-card:hover,.step-card:hover,.hero-stat:hover{transform:translateY(-1px)}.primary-button:hover,.ghost-button:hover,.theme-toggle:hover{box-shadow:0 10px 24px #18222214}.list{display:flex;flex-direction:column;gap:.8rem}.list-card{display:flex;align-items:center;justify-content:space-between;gap:.85rem;border-radius:22px;border:1px solid var(--panel-border);background:#ffffff0d;padding:1rem 1.05rem;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.list-card strong{display:block;margin-bottom:.24rem;font-size:1rem}.list-card p,.status{margin:0;color:var(--text-soft)}.status--error{color:var(--danger)}.status--success{color:var(--success)}.inline-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.bingo-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;padding:.55rem;border-radius:28px;background:var(--board-bg);border:1px solid var(--panel-border)}.bingo-tile{min-height:96px;padding:.7rem;border-radius:18px;border:1px solid var(--tile-border);background:var(--tile-bg);color:var(--tile-text);display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(.72rem,.95vw,.94rem);font-weight:700;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.bingo-tile--marked{background:var(--tile-marked);border-color:transparent}.bingo-tile--free{background:linear-gradient(135deg,var(--tile-free),var(--accent-strong));color:var(--tile-free-text);opacity:1;border-color:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:var(--overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal{width:min(430px,100%);border-radius:28px;border:1px solid var(--panel-border);background:var(--panel-solid);padding:1.6rem;box-shadow:var(--shadow-strong)}.modal p{margin:.8rem 0 1.25rem}.landing-shell .page-header__content{max-width:56rem}.page-content--landing{gap:1.25rem}.landing-hero{grid-template-columns:1.15fr .85fr;align-items:stretch;padding:1.5rem}.hero-copy{display:flex;flex-direction:column;gap:1rem;max-width:34rem}.hero-copy h2{font-size:clamp(1.8rem,3vw,3rem)}.hero-copy p{margin:0}.landing-cta{align-self:flex-start;min-width:11rem;padding-inline:1.4rem}.landing-hint{margin:0;max-width:32rem;font-size:.9rem;color:var(--text-muted)}.hero-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.35rem}.hero-stat{display:flex;flex-direction:column;gap:.22rem;padding:.95rem 1rem;border-radius:var(--surface-radius-sm);border:1px solid var(--panel-border);background:#ffffff0f;transition:transform var(--transition-fast)}.hero-stat strong{font-size:1.05rem;font-weight:700}.hero-stat span{color:var(--text-soft);font-size:.84rem}.landing-showcase{display:flex;flex-direction:column;gap:1rem}.hero-preview-card{padding:1.2rem;border-radius:var(--surface-radius);border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 26%),#ffffff0f;box-shadow:inset 0 1px #ffffff24}.hero-preview-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.hero-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.hero-preview-cell{display:flex;align-items:center;justify-content:center;min-height:72px;padding:.55rem;border-radius:16px;background:var(--tile-bg);border:1px solid var(--tile-border);font-size:.76rem;font-weight:700;text-align:center}.hero-preview-cell--active{background:var(--tile-marked);border-color:transparent}.hero-preview-cell--free{background:linear-gradient(135deg,var(--tile-free),var(--accent-strong));color:var(--tile-free-text);border-color:transparent}.landing-subpanel{padding:1.15rem 1.2rem}.landing-subpanel p{margin-top:.5rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{display:flex;flex-direction:column;gap:.95rem;transition:transform var(--transition-fast)}.feature-card__index{color:var(--accent)}.steps-grid{margin-top:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.step-card{padding:1.2rem;border-radius:22px;border:1px solid var(--panel-border);background:#ffffff0a;transition:transform var(--transition-fast)}.step-card strong{color:var(--accent);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.step-card h2{margin-top:.8rem;font-size:1.4rem}.dev-panel{display:flex;flex-direction:column;gap:1rem}.dev-panel__table{width:100%;border-collapse:collapse}.dev-panel__row{border-bottom:1px solid var(--panel-border)}.dev-panel__label,.dev-panel__value{padding:.45rem 0;vertical-align:top;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem}.dev-panel__label{width:14rem;padding-right:1rem;color:var(--text-muted);white-space:nowrap}.dev-panel__value{word-break:break-all}.dev-panel__value--set{color:var(--success)}.dev-panel__value--missing{color:var(--danger)}.dev-panel__result{color:var(--text-soft);font-size:.88rem}.page-content--dev{padding-top:0}.share-panel{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;padding:1rem;border-radius:18px;background:#ffffff0a;border:1px solid var(--panel-border)}.share-panel__qr{flex-shrink:0;border-radius:14px;overflow:hidden;padding:.5rem;background:#ffffff0d}.share-panel__link{display:flex;flex-direction:column;gap:.6rem;min-width:0}.share-panel__url{margin:0;font-size:.8rem;color:var(--text-muted);word-break:break-all;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.share-panel__copy{align-self:flex-start;min-height:36px;padding:.4rem .9rem;font-size:.85rem}.list-card-wrap{display:flex;flex-direction:column;gap:.35rem}.list-card-actions{display:flex;justify-content:flex-end;gap:.4rem;padding:0 .25rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--ghost-border);background:var(--ghost-bg);color:var(--text-soft);padding:0;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.icon-button:hover{color:var(--text)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.share-dialog{width:min(440px,100%);border-radius:30px;background:var(--panel-solid);border:1px solid var(--panel-border);padding:1.7rem;box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:1.5rem}.share-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.share-dialog__title{margin-top:.3rem;font-size:1.25rem}.share-dialog__qr{display:flex;justify-content:center;padding:1.25rem;border-radius:22px;background:#ffffff0a;border:1px solid var(--panel-border)}.share-dialog__url-row{display:flex;align-items:center;gap:.6rem;padding:.8rem .95rem;border-radius:16px;background:#ffffff0a;border:1px solid var(--panel-border)}.share-dialog__url{flex:1;min-width:0;font-size:.8rem;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-dialog__actions{display:flex;gap:.75rem}.share-dialog__actions .ghost-button,.share-dialog__actions .primary-button{flex:1}.join-conference-name{font-size:.88rem;color:var(--text-muted);margin:.2rem 0 .6rem!important}.join-talk-list{margin:.6rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem;color:var(--text-soft);font-size:.92rem}.join-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--panel-border);border-top-color:var(--accent);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:760px){.app-shell{padding:36px 24px 88px}.hero-panel,.responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout{grid-template-columns:1.4fr .88fr;align-items:start}.panel{padding:1.55rem}}@media(max-width:920px){.landing-hero,.feature-grid,.steps-grid{grid-template-columns:1fr}}@media(max-width:700px){.page-header__top{align-items:flex-start;flex-direction:column}.page-header__actions{width:100%;justify-content:flex-start}.theme-toggle,.ghost-button,.primary-button{width:100%}.landing-cta{align-self:stretch}.hero-stat-grid{grid-template-columns:1fr}.share-dialog__actions{flex-direction:column}}@media(max-width:640px){.app-shell{padding-inline:14px}.page-header__content h1{max-width:12ch;font-size:clamp(2.15rem,11vw,3.3rem)}.bingo-board{gap:.42rem;padding:.3rem}.bingo-tile{min-height:74px;border-radius:14px;padding:.45rem;font-size:.68rem}.hero-preview-cell{min-height:62px;font-size:.68rem}.panel,.landing-hero{padding:1.15rem}.dev-panel__label{width:8rem;white-space:normal}}