:root,[data-theme=light]{--mint:#14e3b8;--mint-press:#10c9a3;--mint-ink:#0b4a5a;--lagoon:#0b4a5a;--lagoon-deep:#083a47;--lagoon-raised:#0f5666;--surface:#fff;--surface-raised:#f3f7f7;--surface-sunken:#e6eff0;--ink:#0b4a5a;--ink-muted:#3b5e66;--ink-faint:#5f7f87;--line:#d3e2e4;--line-strong:#0b4a5a;--focus:#14e3b8;--glow:#14e3b8;--dim:#9cc3c6;--success:#1f7a4d;--warning:#8a6d1f;--error:#c43d3d;--overlay:#083a47b3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--font-sans:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--type-display-xl-size:56px;--type-display-xl-line-height:1.05;--type-display-xl-weight:500;--type-display-xl-tracking:-.03em;--type-display-lg-size:40px;--type-display-lg-line-height:1.1;--type-display-lg-weight:500;--type-display-lg-tracking:-.025em;--type-display-md-size:28px;--type-display-md-line-height:1.15;--type-display-md-weight:500;--type-display-md-tracking:-.025em;--type-wordmark-size:22px;--type-wordmark-line-height:1;--type-wordmark-weight:500;--type-wordmark-tracking:-.04em;--type-title-size:24px;--type-title-line-height:1.2;--type-title-weight:500;--type-title-tracking:-.02em;--type-subtitle-size:18px;--type-subtitle-line-height:1.3;--type-subtitle-weight:600;--type-subtitle-tracking:-.01em;--type-body-size:16px;--type-body-line-height:1.5;--type-body-weight:400;--type-body-tracking:0em;--type-body-sm-size:14px;--type-body-sm-line-height:1.45;--type-body-sm-weight:400;--type-body-sm-tracking:0em;--type-label-size:16px;--type-label-line-height:1;--type-label-weight:500;--type-label-tracking:0em;--type-caption-size:13px;--type-caption-line-height:1.4;--type-caption-weight:600;--type-caption-tracking:.08em;--type-tv-question-size:64px;--type-tv-question-line-height:1.15;--type-tv-question-weight:500;--type-tv-question-tracking:-.025em;--type-tv-title-size:44px;--type-tv-title-line-height:1.15;--type-tv-title-weight:500;--type-tv-title-tracking:-.02em;--type-tv-body-size:32px;--type-tv-body-line-height:1.35;--type-tv-body-weight:400;--type-tv-body-tracking:0em;--type-tv-caption-size:26px;--type-tv-caption-line-height:1.3;--type-tv-caption-weight:500;--type-tv-caption-tracking:0em}[data-theme=dark]{--surface:#0b4a5a;--surface-raised:#0f5666;--surface-sunken:#083a47;--ink:#fff;--ink-muted:#cbede8;--ink-faint:#9cc3c6;--line:#1f6676;--line-strong:#cbede8;--dim:#2e6b79;--success:#7fe0a8;--warning:#e3c66b;--error:#ff8c8c}.type-display-xl{font-family:var(--font-sans);font-size:var(--type-display-xl-size);line-height:var(--type-display-xl-line-height);font-weight:var(--type-display-xl-weight);letter-spacing:var(--type-display-xl-tracking)}.type-display-lg{font-family:var(--font-sans);font-size:var(--type-display-lg-size);line-height:var(--type-display-lg-line-height);font-weight:var(--type-display-lg-weight);letter-spacing:var(--type-display-lg-tracking)}.type-display-md{font-family:var(--font-sans);font-size:var(--type-display-md-size);line-height:var(--type-display-md-line-height);font-weight:var(--type-display-md-weight);letter-spacing:var(--type-display-md-tracking)}.type-wordmark{font-family:var(--font-sans);font-size:var(--type-wordmark-size);line-height:var(--type-wordmark-line-height);font-weight:var(--type-wordmark-weight);letter-spacing:var(--type-wordmark-tracking)}.type-title{font-family:var(--font-sans);font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--type-title-weight);letter-spacing:var(--type-title-tracking)}.type-subtitle{font-family:var(--font-sans);font-size:var(--type-subtitle-size);line-height:var(--type-subtitle-line-height);font-weight:var(--type-subtitle-weight);letter-spacing:var(--type-subtitle-tracking)}.type-body{font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line-height);font-weight:var(--type-body-weight);letter-spacing:var(--type-body-tracking)}.type-body-sm{font-family:var(--font-sans);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);font-weight:var(--type-body-sm-weight);letter-spacing:var(--type-body-sm-tracking)}.type-label{font-family:var(--font-sans);font-size:var(--type-label-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking)}.type-caption{font-family:var(--font-sans);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);font-weight:var(--type-caption-weight);letter-spacing:var(--type-caption-tracking);text-transform:uppercase}.type-tv-question{font-family:var(--font-sans);font-size:var(--type-tv-question-size);line-height:var(--type-tv-question-line-height);font-weight:var(--type-tv-question-weight);letter-spacing:var(--type-tv-question-tracking)}.type-tv-title{font-family:var(--font-sans);font-size:var(--type-tv-title-size);line-height:var(--type-tv-title-line-height);font-weight:var(--type-tv-title-weight);letter-spacing:var(--type-tv-title-tracking)}.type-tv-body{font-family:var(--font-sans);font-size:var(--type-tv-body-size);line-height:var(--type-tv-body-line-height);font-weight:var(--type-tv-body-weight);letter-spacing:var(--type-tv-body-tracking)}.type-tv-caption{font-family:var(--font-sans);font-size:var(--type-tv-caption-size);line-height:var(--type-tv-caption-line-height);font-weight:var(--type-tv-caption-weight);letter-spacing:var(--type-tv-caption-tracking)}@font-face{font-family:Figtree;font-weight:400;font-display:block;src:url(./Figtree-Regular-q6CWd6s5.ttf)format("truetype")}@font-face{font-family:Figtree;font-weight:500;font-display:block;src:url(./Figtree-Medium-WmqbKcz4.ttf)format("truetype")}@font-face{font-family:Figtree;font-weight:600;font-display:block;src:url(./Figtree-SemiBold-Bfcy6I72.ttf)format("truetype")}@font-face{font-family:Figtree;font-weight:700;font-display:block;src:url(./Figtree-Bold-54LQ8w3B.ttf)format("truetype")}html,body{background:var(--surface);width:1920px;height:1080px;color:var(--ink);font-family:var(--font-sans);cursor:none;margin:0;overflow:hidden}.screen{box-sizing:border-box;height:100%;padding:var(--space-7);overflow:hidden}.screen-title{margin:0 0 var(--space-6)}.row{margin-bottom:var(--space-8)}.row-title{margin:0 0 var(--space-5)}.row-items{gap:var(--space-5);padding:var(--space-4);margin:calc(-1 * var(--space-4));display:flex;overflow:hidden}.player,.tile{border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--ink);font:inherit;text-align:left;border:0;outline:none;flex:none;padding:0;transition:transform .2s ease-in-out;position:relative}.player{aspect-ratio:16/9;width:640px;overflow:hidden}.video{object-fit:cover;object-position:top;width:100%;height:100%}.player-label{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.tile{width:420px;overflow:hidden}.tile-thumb{aspect-ratio:16/9;background:var(--lagoon-deep)}.tile-meta{padding:var(--space-3) var(--space-4) var(--space-4)}.hint{color:var(--ink-muted);margin:0}.sign-in{align-items:center;gap:var(--space-8);display:flex}.sign-in-text{align-items:flex-start;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.sign-in-steps{margin:0;padding:0;list-style:none}.user-code{letter-spacing:.08em;margin:0}.muted{color:var(--ink-muted);margin:0}.qr-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);line-height:0}.tv-button{height:64px;padding:0 var(--space-5);border-radius:var(--radius-md);color:var(--ink);font-family:var(--font-sans);background:0 0;border:1.5px solid #0000;outline:none;transition:transform .2s ease-in-out}.tv-button.secondary{border-color:var(--line-strong)}.members{gap:var(--space-6);margin:var(--space-5) 0 var(--space-7);padding:0;list-style:none;display:flex}.member{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.avatar{border-radius:var(--radius-pill);background:var(--lagoon-raised);width:120px;height:120px;box-shadow:0 0 0 3px var(--glow);justify-content:center;align-items:center;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home{overflow-y:hidden}.tile-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.tile-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skeleton{height:340px}.player-screen{background:var(--lagoon-deep);width:1920px;height:1080px;position:relative}.player-video,.player-photo{object-fit:contain;width:100%;height:100%;display:block}.player-video::cue{font-family:var(--font-sans);font-size:var(--type-tv-body-size);line-height:var(--type-tv-body-line-height);color:var(--ink);background:var(--overlay)}.player-hint{left:var(--space-7);bottom:var(--space-7);color:var(--ink-muted);margin:0;position:absolute}.tv-button.primary{background:var(--mint);color:var(--mint-ink)}.tv-button.tertiary{padding:0 var(--space-4)}.tv-button.destructive{border-color:var(--error);color:var(--error)}.button-row{align-items:center;gap:var(--space-5);display:flex}.centred{justify-content:center;align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.home-header{margin-bottom:var(--space-7);justify-content:space-between;align-items:center;display:flex}.home-header h1{margin:0}.question-thumb{justify-content:center;align-items:center;display:flex}.recording-indicator{top:var(--space-7);left:var(--space-7);z-index:100;color:var(--ink);align-items:center;gap:14px;display:flex;position:fixed}.recording-disc{border-radius:var(--radius-pill);background:var(--glow);width:24px;height:24px;animation:2s ease-in-out infinite recording-pulse}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.5}}.person-node{align-items:center;gap:var(--space-2);color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex-direction:column;padding:0;display:flex}.person-node .avatar{transition:transform .2s ease-in-out;position:relative}.person-node .avatar.focused{outline:none}.person-node .avatar.focused:after{content:"";border:3px solid var(--focus);border-radius:var(--radius-pill);position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.person-name{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.people-row{gap:var(--space-7);margin-top:var(--space-7);padding:var(--space-4);display:flex}.question-screen{flex-direction:column;justify-content:center;display:flex}.question-card{gap:var(--space-3);padding:var(--space-7);border-radius:var(--radius-lg);background:var(--lagoon);flex-direction:column;display:flex}.question-text{max-width:30ch;margin:0}.question-actions{align-items:center;gap:var(--space-6);margin-top:var(--space-5);min-height:200px;display:flex}.question-actions p{margin:0}.settings-group{gap:var(--space-2);margin-bottom:var(--space-7);flex-direction:column;display:flex}.settings-group p{margin:0}.settings-list{align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.pair{align-items:center;display:flex}.player-band{left:var(--space-7);right:var(--space-7);bottom:var(--space-7);align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--overlay);display:flex;position:absolute}.band-text{flex:1}.band-text h2,.band-text p{margin:0}.player-status{top:var(--space-7);left:var(--space-7);color:var(--ink-muted);margin:0;position:absolute}.dialog-scrim{background:var(--overlay);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.dialog{gap:var(--space-6);padding:var(--space-7);border-radius:var(--radius-xl);background:var(--surface-raised);flex-direction:column;display:flex}.dialog h2{margin:0}.saved-panel{justify-content:center;align-items:center;gap:var(--space-6);background:var(--surface);text-align:center;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ambient{z-index:50;background:var(--lagoon-deep);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ambient-photo{object-fit:cover;object-position:top;width:2240px;height:1240px;position:absolute;top:-80px;left:-160px}.ambient-mark{left:var(--space-7);bottom:var(--space-7);position:absolute}.large-type .type-tv-caption{font-size:var(--type-tv-body-size);line-height:var(--type-tv-body-line-height)}.large-type .type-tv-body{font-size:var(--type-tv-title-size);line-height:var(--type-tv-title-line-height)}.avatar.unrecorded{box-shadow:0 0 0 3px var(--dim)}.avatar.question{box-shadow:0 0 0 3px var(--glow)}.avatar .portrait{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}img.portrait{object-fit:cover;object-position:top}.unrecorded-portrait .portrait{opacity:.55}.person-question{color:var(--ink);margin:0}.face-crops{align-items:flex-end;gap:var(--space-6);margin:var(--space-4) 0;display:flex}.face-era{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.face-crop{border-radius:var(--radius-lg);background:var(--lagoon-deep);justify-content:center;align-items:center;display:flex;overflow:hidden}.face-crop img{object-fit:cover;object-position:top;width:100%;height:100%}.face-crop.large{width:240px;height:240px}.face-crop.medium{width:180px;height:180px}.face-crop.small{width:120px;height:120px}.face-actions{min-height:0}.face-chooser-head{align-items:center;gap:var(--space-6);display:flex}.face-chooser-head .screen-title{margin:0}.member-grid{gap:var(--space-7);margin-top:var(--space-7);padding:var(--space-4);flex-wrap:wrap;display:flex}.tree-screen{flex-direction:column;height:100vh;display:flex}.tree-header{justify-content:space-between;align-items:baseline;display:flex}.tree-header h1{margin:0}.tree-context{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.tree-context p{margin:0}.tree-row{flex:1;position:relative;overflow:hidden}.tree-slot{top:var(--space-6);justify-content:center;width:320px;display:flex;position:absolute}.skeleton-node{top:var(--space-6);box-shadow:none;opacity:.55;position:absolute}.tree-hint{margin-top:auto}.person-header{align-items:center;gap:var(--space-7);margin-bottom:var(--space-7);display:flex}.person-text{gap:var(--space-2);flex-direction:column;display:flex}.person-text h1,.person-text p{margin:0}.person-actions{margin-bottom:var(--space-7)}.person-empty{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.person-empty p{margin:0}.focused{outline:3px solid var(--focus);outline-offset:2px;transform:scale(1.04)}
