*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0:#1c1520;--bg1:#2a1d2e;--panel:#fff8f4;--ink:#241820;--muted:#6d5b63;--line:#2418201f;--accent:#c45c7a;--gold:#e8b86d;--open:#3d8b6e;--polite:#b5813c;--closed:#9b3d3d}html,body,#root{min-height:100%}body.herside-play,body.herside-play #root{height:100dvh}body{color:var(--ink);background:radial-gradient(ellipse 70% 48% at 12% 0%, #c45c7a47, transparent 55%), radial-gradient(ellipse 50% 40% at 95% 8%, #e8b86d2e, transparent 50%), linear-gradient(165deg, var(--bg0), var(--bg1) 55%, #3a2438);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}button,input,textarea{font:inherit}.page{min-height:100dvh;padding:0 1rem calc(3rem + env(safe-area-inset-bottom));--sl-bar-fg:#f8eef2;--sl-bar-muted:#f8eef2b8;--sl-bar-bg:#1c1520eb;--sl-bar-line:#f8eef21f;place-items:start center;display:grid}body.herside-play{overflow:hidden}body.herside-play .page{height:100dvh;max-height:100dvh;padding:calc(.35rem + env(safe-area-inset-top)) .85rem 0;place-items:stretch center;overflow:hidden}body.herside-play .shell{gap:.55rem;height:100%;min-height:0}.shell{flex-direction:column;gap:1rem;width:min(36rem,100%);display:flex}.brand{color:#fff4ee;text-align:center;letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,7vw,2.7rem)}.brand-inline{text-align:center;flex:1;min-width:0;margin:0;font-size:clamp(1.25rem,4.4vw,1.7rem)}.top-row{flex:none;justify-content:space-between;align-items:center;gap:.55rem;display:flex}.top-row-end{align-items:center;gap:.4rem;display:flex}.circle-btn{color:#fff4ee;cursor:pointer;background:#fff8f41a;border:1px solid #fff4ee38;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;font-size:1.15rem;font-weight:700;line-height:1;display:grid}.empty{color:#fff4eec7;text-align:center}.install-hint{color:#fff4ee9e;text-align:center;margin:0;font-size:.82rem;line-height:1.4}.install-btn{color:#fff4ee;cursor:pointer;background:#fff8f41a;border:1px solid #fff4ee47;border-radius:999px;padding:.45rem .95rem;font-weight:650}.banner{color:#9b3d3d;background:#f8e4e4;border-radius:12px;margin:0;padding:.7rem .9rem;font-size:.9rem}.panel,.scene,.dock{background:var(--panel);border-radius:20px;padding:1.15rem 1.15rem 1.25rem;box-shadow:0 18px 40px #140a102e}.scene{min-width:0;padding:.75rem .95rem .85rem}.scene.is-speakable{cursor:pointer}.scene.is-speaking{outline:2px solid var(--accent);outline-offset:2px}.scene .kicker{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.scene-note{text-transform:none;letter-spacing:0;color:var(--muted);font-size:.95rem;font-weight:500}.scene h2{margin:.1rem 0 .25rem;font-size:1.15rem}.scene-meta{color:var(--muted);margin:0;font-size:.86rem;line-height:1.35}.scene-vibe{color:var(--muted);margin:.28rem 0 0;font-size:.8rem;line-height:1.3}.start h2,.modal h2{margin:.15rem 0 .55rem;font-family:Fraunces,Georgia,serif;font-size:1.35rem;line-height:1.25}.scene h2{font-family:Fraunces,Georgia,serif;line-height:1.25}.kicker{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin:0 0 .2rem;font-size:.72rem;font-weight:700}.lede,.endcard p,.modal p{color:var(--muted);font-size:.95rem;line-height:1.45}.intro-copy{gap:0;display:grid}.intro-copy.is-speakable{cursor:pointer;border-radius:14px;margin:0 -.25rem;padding:.15rem .25rem .35rem}.intro-copy.is-speaking{outline:2px solid var(--accent);outline-offset:4px}.intro-speak{border:1px solid var(--line);border-radius:999px;justify-self:start;margin:.15rem 0 .35rem;padding:.4rem .85rem}.intro-speak.is-speaking{outline:2px solid var(--accent);outline-offset:1px}.mood,.vibe{margin-top:.35rem}.vibe{font-size:.85rem}.chips{flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.1rem;display:flex}.chip{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .75rem;font-size:.85rem;font-weight:650}.chip.is-on{color:#fff4ee;background:#2a1d2e;border-color:#0000}.primary,.choice,.ghost{cursor:pointer}.primary{background:var(--accent);color:#fff8f4;border:none;border-radius:999px;width:100%;padding:.85rem 1rem;font-weight:700}.start .install-hint{color:var(--muted);margin-top:.85rem;display:block}.start .install-btn{border-color:var(--line);color:var(--ink);background:0 0}.primary:disabled,.choice:disabled,.ghost:disabled{opacity:.65;cursor:wait}.play{flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:.55rem;min-height:0;display:grid}.thread{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;gap:.5rem;min-height:0;padding:.15rem .2rem .75rem;display:flex;overflow:auto}.thread-end{flex:0 0 1px;height:1px}.bubble{background:#fff8f4eb;border-radius:16px;max-width:82%;padding:.7rem .85rem}.bubble span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.72rem;font-weight:700;display:block}.bubble p{margin:0;line-height:1.4}.bubble.him{background:#efe4ea;border-radius:4px 16px 16px;align-self:flex-start}.bubble.her{box-shadow:0 0 0 1px var(--line);text-align:left;background:#fff;border-radius:16px 4px 16px 16px;align-self:flex-end}.bubble.her span{text-align:right}.bubble.her em{color:var(--muted);margin-top:.45rem;font-size:.84rem;font-style:normal;line-height:1.4;display:block}.bubble.insight{text-align:center;color:#fff4ee;width:calc(100% - 2.4rem);max-width:22rem;box-shadow:none;background:#3a273c;border-radius:18px;outline:1px solid #e8b86d59;align-self:center;margin:.85rem 1.2rem;padding:.85rem 1rem}.bubble.insight span{color:var(--gold)}.bubble.insight p{color:#fff4ee}.dock{padding:.85rem .9rem calc(.85rem + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:20px 20px 0 0;gap:.45rem;max-height:48dvh;display:grid;overflow:auto}.choice{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1.55rem 1fr;align-items:start;gap:.6rem;padding:.65rem .75rem;display:grid}.choice span{color:#fff4ee;background:#2a1d2e;border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;font-size:.78rem;font-weight:700;display:grid}.choice strong{overflow-wrap:anywhere;font-weight:600;line-height:1.35}.choice:hover:not(:disabled){border-color:var(--accent)}.ghost{color:var(--muted);background:0 0;border:none;padding:.35rem;font-size:.88rem;font-weight:650}.endcard .primary{margin-top:1rem}.modal-back{z-index:50;background:#120a108c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:20px;gap:.7rem;width:min(28rem,100%);padding:1.2rem;display:grid}.bubble.is-speakable{cursor:pointer}.bubble.is-speaking{outline:2px solid var(--accent);outline-offset:2px}.bubble.insight.is-speaking{outline-color:var(--gold)}.choice-row{grid-template-columns:1fr auto;align-items:stretch;gap:.4rem;display:grid}.speak-btn{border:1px solid var(--line);width:2.4rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;font-size:.95rem}.speak-btn.is-speaking,.debrief.is-speaking{outline:2px solid var(--accent);outline-offset:1px}.debrief.is-speakable{cursor:pointer}.settings-modal{max-height:min(86dvh,40rem);overflow:auto}.settings-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.settings-toggle{background:var(--line);color:var(--ink);cursor:pointer;border:none;border-radius:999px;min-width:3.4rem;padding:.35rem .75rem;font-weight:700}.settings-toggle.is-on{background:var(--accent);color:#fff8f4}.settings-field{gap:.35rem;display:grid}.settings-field span{font-size:.88rem;font-weight:650}.settings-field em{color:var(--muted);font-style:normal;font-weight:500}.settings-field select,.settings-field input[type=range]{width:100%;font:inherit}.settings-field select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .6rem}.settings-tests{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.settings-tests .ghost{border:1px solid var(--line);border-radius:999px;padding:.5rem}.sl-waffle{background:#fff8f41a;border:1px solid #fff4ee38}body.herside-play .sl-dot{background:#fff4ee}body.herside-play .sl-waffle:hover,body.herside-play .sl-waffle.is-on{background:#fff8f41f}.sl-bar-wrap{pointer-events:none;flex:none;width:100%}.sl-bar{z-index:60;box-sizing:border-box;pointer-events:auto;width:auto;max-width:none;color:var(--sl-bar-fg,var(--ink,#1f2a24));background:var(--sl-bar-bg,color-mix(in srgb, var(--bg,var(--bg0,var(--paper,#fffdf8))) 88%, transparent));border-bottom:1px solid var(--sl-bar-line,var(--line,#1f2a241a));-webkit-backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top);margin:0;position:fixed;top:0;left:0;right:0}.sl-bar-inner{box-sizing:border-box;flex-wrap:nowrap;align-items:center;gap:.45rem .7rem;width:100%;min-height:3.35rem;padding:.4rem .9rem .45rem;display:flex}.sl-bar-brand{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.sl-bar-leading{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.sl-bar-mark.sl-app-logo{border-radius:9px;flex-shrink:0;width:2rem;height:2rem}.sl-bar-titles{gap:.05rem;min-width:0;display:grid}h1.sl-bar-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2;overflow:hidden}.sl-bar-title-hit{max-width:100%;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;overflow:hidden}.sl-bar-sub{color:var(--sl-bar-muted,var(--muted,#5d6b63));margin:0;font-size:.72rem;font-weight:550;line-height:1.25}.sl-bar-hi-inline{text-overflow:ellipsis;white-space:nowrap;max-width:9.5rem;color:var(--sl-bar-muted,var(--muted,#5d6b63));flex-shrink:0;margin:0;font-size:.88rem;font-weight:550;display:none;overflow:hidden}.sl-bar-actions{flex:auto;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.sl-bar .sl-chrome{flex-shrink:0;margin-left:auto}@media (width>=720px){.sl-bar-hi-inline{display:block}}.sl-chrome{z-index:40;white-space:normal;align-items:center;gap:.45rem;display:flex;position:relative}.sl-waffle,.sl-avatar{cursor:pointer;border:none;flex:none;padding:0}.sl-waffle{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;grid-template-rows:repeat(3,5px);grid-template-columns:repeat(3,5px);place-content:center;gap:3px;width:36px;height:36px;display:grid}.sl-bar-actions .toolbar-btn,.sl-bar-actions .nav-btn{box-sizing:border-box;border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.sl-dot{opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}.sl-waffle:hover,.sl-waffle.is-on{background:color-mix(in srgb, currentColor 18%, transparent)}.sl-avatar{color:#fffdf6;letter-spacing:0;background:#0d5c45;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:grid;box-shadow:0 0 0 2px #d4af37}.sl-avatar.is-on{box-shadow:0 0 0 2px #d4af37,0 0 0 4px #d4af3766}.sl-pop{z-index:80;white-space:normal;box-sizing:border-box;color:#1f2a24;background:#fffdf8;border:1px solid #1f2a241a;border-radius:16px;flex-direction:column;align-items:stretch;gap:.45rem;min-width:16.5rem;max-width:min(22rem,100vw - 1.25rem);padding:.85rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 16px 40px #1f2a2429}.sl-pop-kicker,.sl-who span,.sl-empty{color:#5d6b63;margin:0;font-size:.78rem}.sl-pop-kicker{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem}.sl-pop-apps{min-width:18.75rem}.sl-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.sl-app{min-height:0;color:inherit;text-align:center;background:0 0;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.4rem;padding:.65rem .3rem .5rem;font-size:.72rem;font-weight:650;text-decoration:none;display:flex}.sl-app-logo{background:#1a1d22;border-radius:12px;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f121038,inset 0 0 0 1px #ffffff1a}.sl-app-logo svg,.sl-app-logo img{object-fit:cover;width:100%;height:100%;display:block}.sl-app-fallback{color:#fffdf6;background:#24362f;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.sl-app-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.sl-app:hover,.sl-app.is-current{color:#084433;background:#d6ebe2}.sl-all{text-align:center;color:#0d5c45;margin-top:.65rem;font-size:.88rem;font-weight:650;text-decoration:none;display:block}.sl-who{gap:.15rem;margin:0 0 .7rem;display:grid}.sl-who strong{font-size:.98rem}.sl-signout{box-sizing:border-box;color:#fffdf6;cursor:pointer;background:#0d5c45;border:none;border-radius:999px;width:100%;padding:.65rem 1rem;font-weight:650;display:block}.sl-menu-btn{box-sizing:border-box;color:#084433;cursor:pointer;background:#f4efe4;border:none;border-radius:999px;width:100%;margin-bottom:0;padding:.6rem 1rem;font-weight:650;display:block}.sl-menu-btn.is-quiet{color:#5d6b63;background:0 0}.sl-pop-account,.sl-pop-settings{min-width:20rem;max-width:min(22.5rem,100vw - 1.5rem)}.sl-pop-settings{--ink:#1f2a24;--muted:#5d6b63;--line:#1f2a2424;max-height:min(72vh,36rem);overflow:auto}.sl-pop-settings .settings-menu{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;padding:0;position:static}.sl-account-copy{color:#5d6b63;margin:0 0 .85rem;font-size:.82rem;line-height:1.4}.sl-name-form{border-bottom:1px solid #1f2a2414;gap:.55rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-name-heading{color:#1f2a24;margin:0;font-size:.9rem;font-weight:700}.sl-name-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.sl-name-form label{color:#5d6b63;gap:.25rem;font-size:.75rem;display:grid}.sl-name-form form{gap:.55rem;display:grid}.sl-name-form input{box-sizing:border-box;width:100%;font:inherit;color:#1f2a24;background:#fff;border:1px solid #1f2a2429;border-radius:10px;padding:.55rem .65rem;font-size:.9rem}.sl-name-ok{color:#0d5c45;margin:0;font-size:.8rem;font-weight:650}.sl-setting{border-bottom:1px solid #1f2a2414;grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-setting>div{display:contents}.sl-setting-stack{border-bottom:none;grid-template-columns:1fr;margin-bottom:0;padding-bottom:0}.sl-setting>div>strong,.sl-setting>div>span{display:block}.sl-setting>div>strong{grid-area:1/1;font-size:.9rem;line-height:24px}.sl-setting>div>span{color:#5d6b63;grid-area:2/1/auto/-1;font-size:.78rem;line-height:1.35}.sl-switch{cursor:pointer;background:#d8d2c6;border:none;border-radius:999px;flex-shrink:0;grid-area:1/2;align-self:center;width:42px;height:24px;padding:2px}.sl-switch.is-on{background:#0d5c45}.sl-switch-thumb{background:#fffdf6;border-radius:50%;width:20px;height:20px;display:block;transform:translate(0)}.sl-switch.is-on .sl-switch-thumb{transform:translate(18px)}.sl-code{letter-spacing:.04em;word-break:break-all;background:#f4efe4;border-radius:12px;margin:0;padding:.7rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.sl-account-actions{gap:.35rem;display:grid}.sl-account-error{color:#9b2c2c;margin:.65rem 0 0;font-size:.82rem}