@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2) format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2) format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2) format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2) format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-cyrillic-ext-500-normal-C9ShMxGR.woff2) format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-500-normal-CEVyPk4Y.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-cyrillic-500-normal-DmUKJPL_.woff2) format("woff2"),url(/assets/jetbrains-mono-cyrillic-500-normal-DJqRU3vO.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-greek-500-normal-JpySY46c.woff2) format("woff2"),url(/assets/jetbrains-mono-greek-500-normal-D7SFKleX.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-vietnamese-500-normal-BvH7FW2L.woff2) format("woff2"),url(/assets/jetbrains-mono-vietnamese-500-normal-DNRqzVM1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-ext-500-normal-Cut-4mMH.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-ext-500-normal-ckzbgY84.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--yj-bg:#F8FAF2;--yj-surface:#FFFFFF;--yj-surface-2:#EEF6D2;--yj-ink:#1C2209;--yj-muted:#5F6B4A;--yj-line:#DDE3CF;--yj-primary:#4E6A10;--yj-on-primary:#FFFFFF;--yj-accent:#B9DB4C;--yj-on-accent:#1C2209;--yj-danger:#B3261E;--yj-on-danger:#FFFFFF;--yj-warn:#8A5A00;--yj-focus:#4E6A10;--yj-stage:#0F1308;--yj-stage-tile:#192010;--yj-stage-raised:#222B16;--yj-stage-ink:#EEF6D2;--yj-stage-muted:#A3AE8B;--yj-stage-accent:#BEE05A;--yj-stage-danger:#C9362C;--yj-stage-on-danger:#FFFFFF;--yj-shadow:rgba(15,19,8,.32);--yj-font-display:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--yj-font-body:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--yj-font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--yj-text-display:3rem;--yj-text-h1:2.25rem;--yj-text-h2:1.75rem;--yj-text-h3:1.375rem;--yj-text-lead:1.125rem;--yj-text-body:1rem;--yj-text-small:.875rem;--yj-text-label:.75rem;--yj-space-1:.25rem;--yj-space-2:.5rem;--yj-space-3:.75rem;--yj-space-4:1rem;--yj-space-5:1.5rem;--yj-space-6:2rem;--yj-space-7:3rem;--yj-space-8:4rem;--yj-radius-sm:6px;--yj-radius-md:10px;--yj-radius-lg:14px;--yj-radius-xl:22px;--yj-radius-tile:27%;--yj-fast:.12s;--yj-base:.2s;--yj-slow:.32s;--yj-ease:cubic-bezier(.2,.8,.2,1);--yj-ease-out:cubic-bezier(.16,1,.3,1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--yj-bg:#0F1308;--yj-surface:#192010;--yj-surface-2:#222B16;--yj-ink:#EEF6D2;--yj-muted:#A3AE8B;--yj-line:#2C3520;--yj-primary:#BEE05A;--yj-on-primary:#1C2209;--yj-accent:#BEE05A;--yj-on-accent:#1C2209;--yj-danger:#FF8E84;--yj-on-danger:#1C2209;--yj-warn:#F2C14E;--yj-focus:#BEE05A;color-scheme:dark}}:root[data-theme=dark]{--yj-bg:#0F1308;--yj-surface:#192010;--yj-surface-2:#222B16;--yj-ink:#EEF6D2;--yj-muted:#A3AE8B;--yj-line:#2C3520;--yj-primary:#BEE05A;--yj-on-primary:#1C2209;--yj-accent:#BEE05A;--yj-on-accent:#1C2209;--yj-danger:#FF8E84;--yj-on-danger:#1C2209;--yj-warn:#F2C14E;--yj-focus:#BEE05A;color-scheme:dark}:root{--yj-mark-tile:#1C2209;--yj-mark-lens:#BEE05A;--yj-rx-bg:#1C2209;--yj-rx-fg:#BEE05A}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--yj-bg);color:var(--yj-ink);font-family:var(--yj-font-body);font-size:var(--yj-text-body);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0}h1,h2,h3{font-family:var(--yj-font-display);text-wrap:balance;letter-spacing:-.01em}a{color:var(--yj-primary);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}code,.mono{font-family:var(--yj-font-mono)}button{font:inherit;color:inherit}img,svg,video{display:block;max-width:100%}:focus-visible{outline:3px solid var(--yj-focus);outline-offset:2px}::selection{background:var(--yj-accent);color:var(--yj-on-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:var(--yj-space-4);top:-4rem;z-index:100;background:var(--yj-primary);color:var(--yj-on-primary);padding:var(--yj-space-2) var(--yj-space-4);border-radius:var(--yj-radius-md)}.skip:focus{top:var(--yj-space-4)}.page{min-height:100dvh;display:flex;flex-direction:column}.wrap{width:100%;max-width:72rem;margin-inline:auto;padding-inline:max(var(--yj-space-4),env(safe-area-inset-left,0px)) max(var(--yj-space-4),env(safe-area-inset-right,0px))}.wrap.narrow{max-width:40rem}main{flex:1}.stack{display:flex;flex-direction:column;gap:var(--yj-space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--yj-space-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--yj-space-6)}.row{display:flex;align-items:center;gap:var(--yj-space-3);flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--yj-space-3);flex-wrap:wrap}.muted{color:var(--yj-muted)}.small{font-size:var(--yj-text-small)}.eyebrow{font-size:var(--yj-text-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--yj-muted)}.topbar{border-bottom:1px solid var(--yj-line);background:var(--yj-surface);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}.topbar .wrap{display:flex;align-items:center;gap:var(--yj-space-4);min-height:4rem}.brand-link{display:inline-flex;align-items:center;gap:var(--yj-space-2);color:var(--yj-ink);text-decoration:none;border-radius:var(--yj-radius-sm)}.brand-link .mark{width:2rem;height:2rem}.brand-link .wordmark{height:1.55rem;width:auto;color:var(--yj-ink)}.nav{display:flex;gap:var(--yj-space-1);margin-inline-start:auto;align-items:center;flex-wrap:nowrap}@media (max-width: 40rem){.nav .hide-narrow{display:none}.nav a{padding-inline:var(--yj-space-2)}}.topbar .brand-link{flex-shrink:0}@media (max-width: 26rem){.topbar .brand-link .wordmark,.nav .hide-xs{display:none}}.nav a{color:var(--yj-ink);text-decoration:none;font-weight:500;padding:var(--yj-space-2) var(--yj-space-3);border-radius:var(--yj-radius-md)}.nav a:hover{background:var(--yj-surface-2)}.nav a[aria-current=page]{background:var(--yj-surface-2);color:var(--yj-primary)}.nav a.btn,.land-hero .nav a.btn{color:var(--btn-fg);background:var(--btn-bg);padding:0 var(--yj-space-4)}.btn{--btn-bg: transparent;--btn-fg: var(--yj-ink);--btn-border: var(--yj-line);display:inline-flex;align-items:center;justify-content:center;gap:var(--yj-space-2);min-height:2.75rem;padding:0 var(--yj-space-5);border-radius:999px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--yj-text-body);line-height:1;cursor:pointer;text-decoration:none;transition:background-color var(--yj-fast) var(--yj-ease),border-color var(--yj-fast) var(--yj-ease),transform var(--yj-fast) var(--yj-ease);white-space:nowrap}.btn:hover{border-color:var(--yj-primary)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{--btn-bg: var(--yj-primary);--btn-fg: var(--yj-on-primary);--btn-border: transparent}.btn.primary:hover{--btn-bg: color-mix(in srgb, var(--yj-primary) 88%, var(--yj-ink))}.btn.danger{--btn-bg: var(--yj-danger);--btn-fg: var(--yj-on-danger);--btn-border: transparent}.btn.danger:hover{--btn-bg: color-mix(in srgb, var(--yj-danger) 88%, var(--yj-ink))}.btn.ghost{--btn-border: transparent}.btn.ghost:hover{background:var(--yj-surface-2)}.btn.sm{min-height:2.25rem;padding:0 var(--yj-space-4);font-size:var(--yj-text-small)}.btn.lg{min-height:3.25rem;padding:0 var(--yj-space-6);font-size:var(--yj-text-lead)}.btn.block{width:100%}.btn .spinner{width:1rem;height:1rem}.spinner{border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--yj-radius-md);background:none;border:0;color:inherit;cursor:pointer;flex:none}.icon-btn:hover{background:var(--yj-surface-2)}.field{display:flex;flex-direction:column;gap:var(--yj-space-2);min-width:0}.field>label,.field-label{font-weight:600;font-size:var(--yj-text-small)}.field .hint{font-size:var(--yj-text-small);color:var(--yj-muted)}.field .error{font-size:var(--yj-text-small);color:var(--yj-danger);display:flex;gap:var(--yj-space-1);align-items:flex-start}.input,.select{width:100%;min-width:0;min-height:2.75rem;padding:0 var(--yj-space-3);border:1px solid var(--yj-line);border-radius:var(--yj-radius-md);background:var(--yj-surface);color:var(--yj-ink);font:inherit;transition:border-color var(--yj-fast) var(--yj-ease)}.input:hover,.select:hover{border-color:var(--yj-muted)}.input:focus-visible,.select:focus-visible{outline:3px solid var(--yj-focus);outline-offset:1px;border-color:var(--yj-focus)}.input[aria-invalid=true]{border-color:var(--yj-danger)}.input.code{font-family:var(--yj-font-mono);letter-spacing:.08em}.input-wrap{position:relative;display:flex}.input-wrap .input{padding-right:3rem}.input-wrap .icon-btn{position:absolute;right:0;top:0;height:100%}.switch-row{display:flex;align-items:flex-start;gap:var(--yj-space-3);justify-content:space-between;padding-block:var(--yj-space-3);border-top:1px solid var(--yj-line)}.switch-row:first-child{border-top:0}.switch-row .switch-text{display:flex;flex-direction:column;gap:2px;min-width:0}.switch-row .switch-desc{color:var(--yj-muted);font-size:var(--yj-text-small)}.switch{position:relative;width:3rem;height:1.75rem;flex:none;border-radius:999px;border:1px solid var(--yj-line);background:var(--yj-surface-2);cursor:pointer;padding:0;transition:background-color var(--yj-base) var(--yj-ease)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.75rem - 6px);height:calc(1.75rem - 6px);border-radius:50%;background:var(--yj-muted);transition:transform var(--yj-base) var(--yj-ease-out),background-color var(--yj-base) var(--yj-ease)}.switch[aria-checked=true]{background:var(--yj-primary);border-color:var(--yj-primary)}.switch[aria-checked=true]:after{transform:translate(1.25rem);background:var(--yj-on-primary)}.switch[disabled]{opacity:.5;cursor:not-allowed}.seg{display:inline-flex;border:1px solid var(--yj-line);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:none;border-radius:999px;min-height:2.25rem;padding:0 var(--yj-space-3);cursor:pointer;font-weight:500;font-size:var(--yj-text-small)}.seg button:hover{background:var(--yj-surface-2)}.seg button[aria-pressed=true]{background:var(--yj-primary);color:var(--yj-on-primary)}.card{background:var(--yj-surface);border:1px solid var(--yj-line);border-radius:var(--yj-radius-lg);padding:var(--yj-space-5);min-width:0}.banner{display:flex;gap:var(--yj-space-3);align-items:flex-start;padding:var(--yj-space-3) var(--yj-space-4);border-radius:var(--yj-radius-md);background:var(--yj-surface-2)}.banner.warn{background:color-mix(in srgb,var(--yj-warn) 14%,var(--yj-surface))}.banner.error{background:color-mix(in srgb,var(--yj-danger) 12%,var(--yj-surface))}.banner svg{flex:none;margin-top:2px}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;font-size:var(--yj-text-label);font-weight:600;background:var(--yj-surface-2);color:var(--yj-ink)}.pill.live{background:var(--yj-accent);color:var(--yj-on-accent)}.pill.secure{color:var(--yj-primary)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--yj-stage) 55%,transparent);display:grid;place-items:center;padding:var(--yj-space-4);z-index:60;animation:fade var(--yj-base) var(--yj-ease)}.dialog{width:100%;max-width:30rem;max-height:calc(100dvh - 2rem);overflow:auto;background:var(--yj-surface);color:var(--yj-ink);border-radius:var(--yj-radius-xl);padding:var(--yj-space-6);display:flex;flex-direction:column;gap:var(--yj-space-4);box-shadow:0 24px 60px var(--yj-shadow);animation:pop var(--yj-base) var(--yj-ease-out)}.dialog h2{font-size:var(--yj-text-h3)}.dialog h2.with-icon{display:flex;align-items:center;gap:var(--yj-space-2)}.dialog .actions{display:flex;justify-content:flex-end;gap:var(--yj-space-2);flex-wrap:wrap}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toasts{position:fixed;z-index:70;left:50%;transform:translate(-50%);bottom:calc(var(--yj-space-5) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--yj-space-2);width:min(28rem,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;background:var(--yj-ink);color:var(--yj-bg);border-radius:var(--yj-radius-md);padding:var(--yj-space-3) var(--yj-space-4);display:flex;gap:var(--yj-space-3);align-items:center;box-shadow:0 10px 30px var(--yj-shadow);animation:pop var(--yj-base) var(--yj-ease-out)}.toast.error{background:var(--yj-danger);color:var(--yj-on-danger)}.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr)}@media (min-width: 60rem){.auth{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.auth-side{display:none;background:var(--yj-stage);color:var(--yj-stage-ink);padding:var(--yj-space-8);position:relative;overflow:hidden}@media (min-width: 60rem){.auth-side{display:flex;flex-direction:column;justify-content:space-between}}.auth-side .ring{position:absolute;width:34rem;height:34rem;right:-12rem;bottom:-12rem;border-radius:50%;border:5rem solid var(--yj-stage-accent);opacity:.1}.auth-side h2{font-size:var(--yj-text-display);line-height:1.02;color:var(--yj-stage-accent);max-width:12ch}.auth-side p{color:var(--yj-stage-muted);max-width:34ch}.auth-side .wordmark{color:var(--yj-stage-ink)}.auth-main{display:grid;place-items:center;padding:var(--yj-space-7) max(var(--yj-space-4),env(safe-area-inset-left,0px))}.auth-card{width:100%;max-width:26rem;display:flex;flex-direction:column;gap:var(--yj-space-5)}.auth-card h1{font-size:var(--yj-text-h1);line-height:1.1}.auth-card form{display:flex;flex-direction:column;gap:var(--yj-space-4)}.home-head{padding-block:var(--yj-space-7) var(--yj-space-5);display:flex;flex-direction:column;gap:var(--yj-space-2)}.home-head h1{font-size:clamp(2rem,5vw,var(--yj-text-display));line-height:1.05}.home-grid{display:grid;gap:var(--yj-space-5);grid-template-columns:minmax(0,1fr);padding-bottom:var(--yj-space-8)}@media (min-width: 56rem){.home-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}.room-card{background:var(--yj-stage);color:var(--yj-stage-ink);border:1px solid var(--yj-line);border-radius:var(--yj-radius-xl);padding:var(--yj-space-6);display:flex;flex-direction:column;gap:var(--yj-space-5);position:relative;overflow:hidden}.room-card .ring{position:absolute;width:18rem;height:18rem;right:-6rem;top:-7rem;border-radius:50%;border:2.75rem solid var(--yj-stage-accent);opacity:.09;pointer-events:none}.room-card h2{font-size:var(--yj-text-h2)}.room-card .code{font-family:var(--yj-font-mono);font-size:var(--yj-text-lead);letter-spacing:.06em;color:var(--yj-stage-accent)}.room-card .muted{color:var(--yj-stage-muted)}.room-card .btn{--btn-fg: var(--yj-stage-ink);--btn-border: var(--yj-stage-raised)}.room-card .btn:hover{--btn-border: var(--yj-stage-accent)}.room-card .btn.primary{--btn-bg: var(--yj-stage-accent);--btn-fg: var(--yj-on-accent);--btn-border: transparent}.join-code{display:flex;gap:var(--yj-space-2)}.join-code .input{flex:1}.meeting-list{list-style:none;display:flex;flex-direction:column}.meeting-item{display:grid;grid-template-columns:4.25rem minmax(0,1fr) auto;gap:var(--yj-space-4);align-items:center;padding-block:var(--yj-space-4);border-top:1px solid var(--yj-line)}.meeting-item:first-child{border-top:0}.date-chip{display:grid;justify-items:center;border-radius:var(--yj-radius-md);background:var(--yj-surface-2);padding:var(--yj-space-2) 0;line-height:1.1}.date-chip b{font-size:var(--yj-text-h3);font-family:var(--yj-font-display)}.date-chip span{font-size:var(--yj-text-label);text-transform:uppercase;letter-spacing:.08em;color:var(--yj-muted);font-weight:600}.meeting-item h3{font-size:var(--yj-text-body);font-weight:600;overflow-wrap:anywhere}.meeting-item .meta{display:flex;gap:var(--yj-space-2);align-items:center;flex-wrap:wrap;color:var(--yj-muted);font-size:var(--yj-text-small)}.empty{display:grid;place-items:center;text-align:center;gap:var(--yj-space-3);padding:var(--yj-space-7) var(--yj-space-4)}.empty svg{color:var(--yj-primary)}@media (max-width: 30rem){.meeting-item{grid-template-columns:3.5rem minmax(0,1fr)}.meeting-item>:last-child{grid-column:1 / -1}}.form-page{padding-block:var(--yj-space-6) var(--yj-space-8);display:flex;flex-direction:column;gap:var(--yj-space-6)}.form-page h1{font-size:var(--yj-text-h1)}.grid-2{display:grid;gap:var(--yj-space-4);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.section-title{font-size:var(--yj-text-h3)}.back{display:inline-flex;align-items:center;gap:var(--yj-space-1);color:var(--yj-muted);text-decoration:none;font-weight:500}.back svg{transform:rotate(180deg)}.back:hover{color:var(--yj-ink)}.share-box{display:flex;flex-direction:column;gap:var(--yj-space-3);background:var(--yj-surface-2);border-radius:var(--yj-radius-lg);padding:var(--yj-space-4)}.share-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--yj-space-2);align-items:center}.share-line code{overflow-wrap:anywhere;font-size:var(--yj-text-small)}.prejoin{min-height:100dvh;display:flex;flex-direction:column}.prejoin-main{flex:1;display:grid;gap:var(--yj-space-6);align-content:center;padding-block:var(--yj-space-6);grid-template-columns:minmax(0,1fr)}@media (min-width: 56rem){.prejoin-main{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}}.preview{position:relative;aspect-ratio:16 / 10;max-width:100%;background:var(--yj-stage-tile);border-radius:var(--yj-radius-xl);overflow:hidden;display:grid;place-items:center;color:var(--yj-stage-ink)}.preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview .preview-bar{position:absolute;left:50%;bottom:var(--yj-space-3);transform:translate(-50%);display:flex;gap:var(--yj-space-2)}.preview .mic-meter{position:absolute;left:var(--yj-space-3);bottom:var(--yj-space-3)}.prejoin-form{display:flex;flex-direction:column;gap:var(--yj-space-4)}.prejoin-form h1{font-size:clamp(1.75rem,4vw,var(--yj-text-h1));line-height:1.1}.secure-note{display:flex;gap:var(--yj-space-2);align-items:flex-start;color:var(--yj-muted);font-size:var(--yj-text-small)}.secure-note svg{color:var(--yj-primary);flex:none}.waiting{display:grid;place-items:center;align-content:center;text-align:center;gap:var(--yj-space-4);padding:var(--yj-space-7) var(--yj-space-4);min-height:calc(100dvh - 4.1rem)}.waiting .pulse{width:7rem;height:7rem;border-radius:50%;border:.9rem solid var(--yj-accent);display:grid;place-items:center;animation:breathe 2.4s var(--yj-ease) infinite}.waiting h1{font-size:var(--yj-text-h1)}@keyframes breathe{50%{transform:scale(1.06);opacity:.85}}.avatar{width:var(--av, 4.5rem);height:var(--av, 4.5rem);border-radius:50%;border:calc(var(--av, 4.5rem) * .08) solid var(--yj-stage-accent);display:grid;place-items:center;color:var(--yj-stage-ink);font-family:var(--yj-font-display);font-weight:700;font-size:calc(var(--av, 4.5rem) * .3);letter-spacing:.02em;flex:none;background:transparent}.avatar.light{border-color:var(--yj-primary);color:var(--yj-ink)}.land-hero{background:var(--yj-stage);color:var(--yj-stage-ink);position:relative;overflow:hidden}.land-hero main.wrap{padding-block:var(--yj-space-8);display:grid;gap:var(--yj-space-7);grid-template-columns:minmax(0,1fr)}@media (min-width: 60rem){.land-hero main.wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;padding-block:6rem}}.land-hero h1{font-size:clamp(2.75rem,7vw,4.75rem);line-height:.98;letter-spacing:-.03em;color:var(--yj-stage-accent)}.land-hero .lede{font-size:var(--yj-text-lead);color:var(--yj-stage-muted);max-width:40ch}.land-hero .btn{--btn-fg: var(--yj-stage-ink);--btn-border: var(--yj-stage-raised)}.land-hero .btn.primary{--btn-bg: var(--yj-stage-accent);--btn-fg: var(--yj-on-accent);--btn-border: transparent}.land-hero .ring{position:absolute;width:46rem;height:46rem;right:-16rem;top:-18rem;border-radius:50%;border:6rem solid var(--yj-stage-accent);opacity:.07;pointer-events:none}.land-hero .topbar{background:transparent;border-color:var(--yj-stage-raised);position:relative}.land-hero .topbar .wordmark,.land-hero .nav a{color:var(--yj-stage-ink)}.land-hero .nav a:hover{background:var(--yj-stage-raised)}.mock-call{background:var(--yj-stage-tile);border-radius:var(--yj-radius-xl);padding:var(--yj-space-3);display:grid;gap:var(--yj-space-2);grid-template-columns:1fr 1fr;border:1px solid var(--yj-stage-raised)}.mock-call .t{aspect-ratio:4 / 3;border-radius:var(--yj-radius-lg);background:var(--yj-stage);display:grid;place-items:center;position:relative}.mock-call .t.speaking{outline:2px solid var(--yj-stage-accent);outline-offset:-2px}.mock-call .t span{position:absolute;left:var(--yj-space-2);bottom:var(--yj-space-2);font-size:var(--yj-text-label);color:var(--yj-stage-muted)}.mock-call .bar{grid-column:1 / -1;display:flex;justify-content:center;gap:var(--yj-space-2);color:var(--yj-stage-ink);padding:var(--yj-space-2)}.mock-call .bar i{width:2.5rem;height:2.5rem;border-radius:var(--yj-radius-md);background:var(--yj-stage-raised);display:grid;place-items:center;font-style:normal}.mock-call .bar i.leave{background:var(--yj-stage-danger);color:var(--yj-stage-on-danger)}.features{padding-block:var(--yj-space-8);display:grid;gap:var(--yj-space-7)}.features h2{font-size:clamp(1.75rem,4vw,var(--yj-text-h1));max-width:22ch}.feature-grid{display:grid;gap:var(--yj-space-6) var(--yj-space-5);grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}.feature{display:flex;flex-direction:column;gap:var(--yj-space-2)}.feature svg{color:var(--yj-primary)}.feature h3{font-size:var(--yj-text-body);font-weight:700}.feature p{color:var(--yj-muted)}.secure-band{background:var(--yj-surface-2)}.secure-band .wrap{padding-block:var(--yj-space-8);display:grid;gap:var(--yj-space-6);grid-template-columns:minmax(0,1fr)}@media (min-width: 56rem){.secure-band .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}.secure-band h2{font-size:clamp(1.75rem,4vw,var(--yj-text-h1))}.code-demo{font-family:var(--yj-font-mono);font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:.08em;color:var(--yj-primary)}.footer{border-top:1px solid var(--yj-line)}.footer .wrap{padding-block:var(--yj-space-6);display:flex;justify-content:space-between;gap:var(--yj-space-4);flex-wrap:wrap;color:var(--yj-muted);font-size:var(--yj-text-small)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mic-meter{width:6rem;height:.4rem;border-radius:999px;background:var(--yj-stage-raised);overflow:hidden}.mic-meter span{display:block;height:100%;background:var(--yj-stage-accent);transform-origin:left center;transition:transform 80ms linear}.preview .ctrl{background:color-mix(in srgb,var(--yj-stage) 70%,transparent)}body:has(.room) .toasts{bottom:auto;top:calc(var(--yj-space-8) + env(safe-area-inset-top,0px))}fieldset{border:0;padding:0;margin:0;min-width:0}.quota{display:grid;gap:var(--yj-space-1);min-width:min(14rem,100%)}.meter{height:.5rem;border-radius:999px;background:var(--yj-surface-2);overflow:hidden}.meter>span{display:block;height:100%;background:var(--yj-primary);border-radius:inherit}.meter>span.high{background:var(--yj-danger)}.rec-player{width:100%;max-height:70dvh;border-radius:var(--yj-radius-md);background:var(--yj-stage)}.dialog:has(.rec-player){max-width:56rem}.shared-page{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.shared-page .wrap.stack{padding-block:var(--yj-space-6)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:var(--yj-space-4)}.banner>div{min-width:0;overflow-wrap:anywhere}.qr-wrap{display:grid;place-items:center}.qr{border-radius:var(--yj-radius-md);max-width:100%;height:auto}.qr-ground{fill:var(--yj-stage-ink)}.qr-dots{fill:var(--yj-stage)}.room{height:100dvh;display:grid;background:var(--yj-stage);color:var(--yj-stage-ink);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top" "banner" "stage" "controls";padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.room.with-panel{grid-template-columns:minmax(0,1fr) min(24rem,38vw);grid-template-areas:"top top" "banner banner" "stage panel" "controls controls"}.room :focus-visible{outline-color:var(--yj-stage-accent)}.room-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:var(--yj-space-3);padding:var(--yj-space-2) var(--yj-space-4);flex-wrap:wrap}.room-title{display:flex;align-items:center;gap:var(--yj-space-3);min-width:0}.room-mark{width:1.9rem;height:1.9rem;flex:none}.room-title h1{font-size:var(--yj-text-body);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-status{display:flex;align-items:center;gap:var(--yj-space-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:0 var(--yj-space-3);border-radius:999px;background:var(--yj-stage-raised);color:var(--yj-stage-ink);font-size:var(--yj-text-small);font-weight:600;border:0;font-variant-numeric:tabular-nums}.chip.secure{color:var(--yj-stage-accent);cursor:pointer}.chip.secure:hover{background:color-mix(in srgb,var(--yj-stage-accent) 18%,var(--yj-stage-raised))}.seg.dark{border-color:var(--yj-stage-raised)}.seg.dark button{color:var(--yj-stage-ink);min-height:2rem;padding:0 var(--yj-space-2);display:grid;place-items:center}.seg.dark button:hover{background:var(--yj-stage-raised)}.seg.dark button[aria-pressed=true]{background:var(--yj-stage-accent);color:var(--yj-on-accent)}.room-banner{grid-area:banner;display:flex;align-items:center;justify-content:center;gap:var(--yj-space-3);padding:var(--yj-space-2) var(--yj-space-4);background:var(--yj-stage-raised);font-size:var(--yj-text-small);flex-wrap:wrap}.room-banner .spinner{width:1rem;height:1rem}.stage{grid-area:stage;position:relative;padding:var(--yj-space-2) var(--yj-space-3);min-height:0;overflow:hidden}.tile{position:relative;margin:0;background:var(--yj-stage-tile);border-radius:var(--yj-radius-lg);overflow:hidden;min-height:0;min-width:0;display:grid;place-items:center;outline:2px solid transparent;outline-offset:-2px;transition:outline-color var(--yj-fast) var(--yj-ease)}.tile.speaking{outline-color:var(--yj-stage-accent)}.tile .vid{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--yj-stage-tile)}.tile .vid.fit-cover{object-fit:cover}.tile .vid.fit-contain{object-fit:contain}.tile .vid.mirror{transform:scaleX(-1)}.tile-avatar{display:grid;place-items:center;width:100%;height:100%}.tile-name{position:absolute;left:var(--yj-space-2);bottom:var(--yj-space-2);max-width:calc(100% - 3.5rem);display:flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--yj-radius-sm);background:color-mix(in srgb,var(--yj-stage) 78%,transparent);font-size:var(--yj-text-small)}.tile-name .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-name svg{flex:none;color:var(--yj-stage-accent)}.tile-name .muted-ic{color:var(--yj-stage-danger)}.tile-hand{position:absolute;top:var(--yj-space-2);left:var(--yj-space-2);width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--yj-stage-accent);color:var(--yj-on-accent);animation:pop var(--yj-base) var(--yj-ease-out)}.tile-quality{position:absolute;top:var(--yj-space-2);right:3rem;color:var(--yj-warn)}.tile-menu{position:absolute;top:var(--yj-space-2);right:var(--yj-space-2);width:2.25rem;height:2.25rem;border-radius:var(--yj-radius-md);border:0;display:grid;place-items:center;cursor:pointer;background:color-mix(in srgb,var(--yj-stage) 70%,transparent);color:var(--yj-stage-ink);opacity:0;transition:opacity var(--yj-fast) var(--yj-ease)}.tile:hover .tile-menu,.tile-menu:focus-visible,.tile:focus-within .tile-menu{opacity:1}@media (hover: none){.tile-menu{opacity:1}}.tile.compact .tile-name{font-size:var(--yj-text-label);bottom:var(--yj-space-1);left:var(--yj-space-1)}.tile.compact .tile-menu{width:2rem;height:2rem;top:var(--yj-space-1);right:var(--yj-space-1)}.tile.compact .tile-hand{width:1.75rem;height:1.75rem;top:var(--yj-space-1);left:var(--yj-space-1)}.speaker-layout{height:100%;display:grid;gap:var(--yj-space-2);grid-template-rows:minmax(0,1fr) auto}.main-tile{min-height:0;display:grid}.main-tile .tile{height:100%}.strip{display:flex;gap:var(--yj-space-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.strip .tile{flex:none;width:clamp(7.5rem,16vw,11rem);aspect-ratio:16 / 10}.grid-layout{height:100%;display:grid;gap:var(--yj-space-2);grid-template-columns:repeat(var(--cols, 1),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);position:relative}.pager{position:absolute;bottom:var(--yj-space-2);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--yj-space-2);background:var(--yj-stage-raised);border-radius:999px;padding:0 var(--yj-space-2);font-size:var(--yj-text-small);z-index:2}.pager .flip svg{transform:rotate(180deg)}.pager .icon-btn:hover{background:var(--yj-stage-tile)}.pager .icon-btn[disabled]{opacity:.4;cursor:not-allowed}.floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floater{position:absolute;bottom:-3.5rem;animation:rise 2.6s var(--yj-ease-out) forwards}.floater svg{display:block}@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:1;transform:translateY(-3rem) scale(1.05)}30%{transform:translateY(-6rem) scale(1)}to{transform:translateY(-20rem) translate(var(--drift, 0));opacity:0}}.side-panel{grid-area:panel;background:var(--yj-surface);color:var(--yj-ink);display:flex;flex-direction:column;min-height:0;border-radius:var(--yj-radius-lg) 0 0 var(--yj-radius-lg);margin-block:var(--yj-space-2);overflow:hidden}.side-panel :focus-visible{outline-color:var(--yj-focus)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--yj-space-3) var(--yj-space-3) var(--yj-space-2) var(--yj-space-4);border-bottom:1px solid var(--yj-line)}.panel-head h2{font-size:var(--yj-text-lead)}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column}.panel-note{display:flex;gap:var(--yj-space-2);align-items:center;padding:var(--yj-space-2) var(--yj-space-4);font-size:var(--yj-text-small);color:var(--yj-muted);background:var(--yj-surface-2)}.panel-note svg{color:var(--yj-primary);flex:none}.chat-list{list-style:none;flex:1;min-height:0;overflow-y:auto;padding:var(--yj-space-3) var(--yj-space-4);display:flex;flex-direction:column;gap:var(--yj-space-3)}.chat-empty{margin:auto;color:var(--yj-muted)}.msg{display:flex;flex-direction:column;gap:2px;max-width:92%}.msg.mine{align-self:flex-end;text-align:right}.msg-head{display:flex;gap:var(--yj-space-2);align-items:baseline;font-size:var(--yj-text-small);flex-wrap:wrap}.msg.mine .msg-head{justify-content:flex-end}.msg-head time{color:var(--yj-muted);font-size:var(--yj-text-label)}.msg-head .private{display:inline-flex;align-items:center;gap:3px;color:var(--yj-primary);font-size:var(--yj-text-label);font-weight:600}.msg p{background:var(--yj-surface-2);padding:var(--yj-space-2) var(--yj-space-3);border-radius:var(--yj-radius-md);white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.msg.mine p{background:var(--yj-primary);color:var(--yj-on-primary)}.msg p.undecryptable{font-style:italic;color:var(--yj-muted)}.composer{border-top:1px solid var(--yj-line);padding:var(--yj-space-3);display:flex;flex-direction:column;gap:var(--yj-space-2)}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--yj-space-2);align-items:end}.composer textarea{resize:none;padding-block:var(--yj-space-2);min-height:2.75rem}.composer .send{padding:0;width:2.75rem}.field-error{color:var(--yj-danger);font-size:var(--yj-text-small)}.people{overflow-y:auto;padding:var(--yj-space-3) var(--yj-space-4);gap:var(--yj-space-4)}.people-actions{display:flex;gap:var(--yj-space-2);flex-wrap:wrap}.people-section{display:flex;flex-direction:column;gap:var(--yj-space-2)}.people-section h3{font-size:var(--yj-text-small);text-transform:uppercase;letter-spacing:.08em;color:var(--yj-muted)}.people-section ul{list-style:none;display:flex;flex-direction:column}.person{display:flex;align-items:center;gap:var(--yj-space-3);padding-block:var(--yj-space-2)}.avatar.sm{--av: 2.25rem;border-color:var(--yj-primary);color:var(--yj-ink);font-size:var(--yj-text-label)}.person-name{flex:1;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.person-name .sub{color:var(--yj-muted);font-size:var(--yj-text-label)}.person-state{display:flex;gap:var(--yj-space-1);color:var(--yj-muted)}.person-actions{display:flex;gap:var(--yj-space-1)}.controls{grid-area:controls;display:flex;align-items:center;justify-content:center;gap:var(--yj-space-3);padding:var(--yj-space-2) var(--yj-space-3) var(--yj-space-3);position:relative}.controls-main{display:flex;gap:var(--yj-space-1);flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.ctrl{background:none;border:0;color:var(--yj-stage-ink);border-radius:var(--yj-radius-md);min-width:4.25rem;padding:var(--yj-space-2) var(--yj-space-2) .35rem;display:grid;justify-items:center;gap:.25rem;cursor:pointer;flex:none}.ctrl:hover{background:var(--yj-stage-raised)}.ctrl:active{transform:translateY(1px)}.ctrl[aria-pressed=true],.ctrl[aria-expanded=true]{background:var(--yj-stage-raised)}.ctrl.off .ctrl-ic{color:var(--yj-stage-danger)}.ctrl-ic{position:relative;display:grid;place-items:center}.ctrl-label{font-size:var(--yj-text-label);white-space:nowrap}.badge{position:absolute;top:-.45rem;right:-.7rem;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--yj-stage-accent);color:var(--yj-on-accent);font-size:.68rem;font-weight:700;display:grid;place-items:center}.controls .leave{--btn-bg: var(--yj-stage-danger);--btn-fg: var(--yj-stage-on-danger);flex:none}@media (min-width: 60rem){.controls .leave{position:absolute;right:var(--yj-space-4)}}.pop-wrap{position:relative}.popover{position:fixed;z-index:40;min-width:14rem;background:var(--yj-surface);color:var(--yj-ink);border-radius:var(--yj-radius-lg);padding:var(--yj-space-1);box-shadow:0 18px 40px var(--yj-shadow);display:flex;flex-direction:column;animation:pop var(--yj-fast) var(--yj-ease-out)}.popover :focus-visible{outline-color:var(--yj-focus);outline-offset:-2px}.menu-item{display:flex;align-items:center;gap:var(--yj-space-3);min-height:2.5rem;padding:0 var(--yj-space-3);border:0;background:none;border-radius:var(--yj-radius-md);cursor:pointer;text-align:left;font-size:var(--yj-text-small);font-weight:500;white-space:nowrap}.menu-item:hover,.menu-item:focus-visible{background:var(--yj-surface-2)}.menu-item.danger{color:var(--yj-danger)}.react-pop{flex-direction:row;flex-wrap:wrap;gap:var(--yj-space-1);padding:var(--yj-space-2);max-width:calc(100vw - 16px)}.rx-btn{border:0;background:none;padding:2px;border-radius:50%;cursor:pointer;transition:transform var(--yj-fast) var(--yj-ease)}.rx-btn:hover{transform:scale(1.1)}.security-code{font-family:var(--yj-font-mono);font-size:clamp(1.4rem,6vw,2rem);letter-spacing:.08em;color:var(--yj-primary);text-align:center;padding:var(--yj-space-3);background:var(--yj-surface-2);border-radius:var(--yj-radius-md)}.bg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:var(--yj-space-2)}.bg-opt{border:2px solid var(--yj-line);border-radius:var(--yj-radius-md);background:var(--yj-surface);padding:var(--yj-space-1);display:grid;gap:var(--yj-space-1);cursor:pointer;font-size:var(--yj-text-small);font-weight:600}.bg-opt[aria-checked=true]{border-color:var(--yj-primary)}.bg-opt[disabled]{opacity:.45;cursor:not-allowed}.bg-swatch{aspect-ratio:16 / 9;border-radius:var(--yj-radius-sm);background:var(--yj-stage-tile)}.bg-none .bg-swatch{background:repeating-linear-gradient(135deg,var(--yj-surface-2) 0 8px,var(--yj-surface) 8px 16px)}.bg-blur .bg-swatch{background:radial-gradient(circle at 50% 60%,var(--yj-muted),var(--yj-surface-2));filter:blur(1px)}.bg-grove .bg-swatch{background:radial-gradient(circle at 25% 30%,color-mix(in srgb,var(--yj-stage-accent) 60%,transparent),transparent 55%),linear-gradient(var(--yj-stage-raised),var(--yj-stage))}.bg-aperture .bg-swatch{background:radial-gradient(circle,transparent 38%,color-mix(in srgb,var(--yj-stage-accent) 40%,transparent) 40% 52%,transparent 54%) 0 0 / 18px 18px,var(--yj-stage)}.bg-paper .bg-swatch{background:radial-gradient(circle at 80% 30%,transparent 22%,color-mix(in srgb,var(--yj-stage-accent) 60%,transparent) 24% 30%,transparent 32%),var(--yj-bg)}@media (max-width: 44rem){.room.with-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "banner" "stage" "controls"}.side-panel{position:fixed;inset:auto 0 0 0;height:min(78dvh,40rem);margin:0;border-radius:var(--yj-radius-xl) var(--yj-radius-xl) 0 0;z-index:30;box-shadow:0 -16px 40px var(--yj-shadow);padding-bottom:env(safe-area-inset-bottom,0px)}.room-top{padding-inline:var(--yj-space-3)}.room-status .timer{display:none}.ctrl{min-width:3.4rem;padding-inline:var(--yj-space-1)}.ctrl-label{font-size:.66rem}.controls{flex-direction:column;gap:var(--yj-space-2)}.controls .leave{width:100%;min-height:2.5rem}}@media (prefers-reduced-motion: reduce){.floater{animation-duration:.6s}}.chip.rec{color:var(--yj-stage-ink);background:color-mix(in srgb,var(--yj-stage-danger) 28%,var(--yj-stage-raised))}button.chip.rec{cursor:pointer}button.chip.rec:hover{background:color-mix(in srgb,var(--yj-stage-danger) 40%,var(--yj-stage-raised))}.rec-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--yj-stage-danger);animation:rec-pulse 1.6s var(--yj-ease) infinite}@keyframes rec-pulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.rec-dot{animation:none}}.rec-option{display:flex;gap:var(--yj-space-4);align-items:center;justify-content:space-between;padding:var(--yj-space-4);border:1px solid var(--yj-line);border-radius:var(--yj-radius-md)}.rec-option h3{font-size:var(--yj-text-body);font-weight:600}.rec-option .btn{flex-shrink:0}@media (max-width: 30rem){.rec-option{flex-direction:column;align-items:stretch}}.rec-stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr);background:var(--yj-stage);color:var(--yj-stage-ink);padding:var(--yj-space-4);gap:var(--yj-space-3)}.rec-stage.sharing{grid-template-columns:minmax(0,1fr) 16rem}.rec-stage .grid-layout{height:100%}.rec-stage .rec-strip{display:grid;gap:var(--yj-space-3);align-content:start;overflow:hidden}.rec-stage .rec-brand{position:fixed;right:var(--yj-space-5);bottom:var(--yj-space-5);display:flex;align-items:center;gap:var(--yj-space-2);color:var(--yj-stage-ink);background:color-mix(in srgb,var(--yj-stage) 78%,transparent);padding:var(--yj-space-1) var(--yj-space-3) var(--yj-space-1) var(--yj-space-1);border-radius:999px;font-size:var(--yj-text-small);z-index:2}.rec-stage .rec-brand .room-mark{width:1.5rem;height:1.5rem}.rec-stage .rec-empty{display:grid;place-items:center;text-align:center;color:var(--yj-stage-muted)}