@font-face{font-family:Cormorant;src:url('/fonts/cormorant-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('/fonts/cormorant-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Cormorant;src:url('/fonts/cormorant-italic.woff2') format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:EBGaramond;src:url('/fonts/eb-regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:EBGaramond;src:url('/fonts/eb-italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{--bg:#0B0104;--surface:#150509;--surface-raised:#1E0A10;--velvet:#2A0E18;--red:#8B0A1A;--red-glow:#C4162A;--ember:#D25F45;--rose:#C98B99;--champagne:#D9BFA0;--text:#F2E6E8;--text-muted:#B8A2A8;--hairline:rgba(217,191,160,.25);--red-rgb:196,22,42;--warm-rgb:210,95,69;--plum-rgb:144,70,129;color-scheme:dark}
html,body,#root{min-height:100%;background:var(--bg)}
.syren-redesign,.syren-redesign *{box-sizing:border-box}
.syren-redesign{position:relative;isolation:isolate;width:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;color:var(--text);font-family:EBGaramond,Georgia,serif;font-size:18px;line-height:1.3;background:radial-gradient(ellipse 72% 36% at 50% 68%,rgba(var(--red-rgb),.17),transparent 83%),repeating-linear-gradient(112deg,transparent 0 30px,rgba(217,191,160,.016) 34px 38px,transparent 45px 102px),linear-gradient(145deg,var(--surface-raised),var(--bg) 48%,var(--surface));}
.syren-redesign::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.48;background:radial-gradient(circle at 14% 6%,rgba(217,191,160,.07),transparent 25%),radial-gradient(circle at 92% 96%,rgba(var(--red-rgb),.1),transparent 35%)}
.syren-frame{position:relative;display:flex;flex-direction:column;width:min(100%,480px);min-height:100dvh;margin:auto;padding:24px 22px max(24px,env(safe-area-inset-bottom));background:linear-gradient(155deg,rgba(11,1,4,.60),rgba(11,1,4,.92) 60%,rgba(21,5,9,.85));box-shadow:0 0 0 1px var(--hairline),0 24px 90px rgba(0,0,0,.52)}
.syren-redesign h1,.syren-redesign h2,.syren-redesign h3,.syren-redesign p{margin:0}.syren-redesign button,.syren-redesign input,.syren-redesign textarea{font:inherit}.syren-redesign button{cursor:pointer;color:inherit}.syren-redesign button:disabled{opacity:.5;cursor:not-allowed}.syren-redesign a{color:var(--champagne)}.syren-redesign :focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
.syren-wordmark{font-family:Cormorant,Georgia,serif;font-size:54px;line-height:1;letter-spacing:.18em;font-variant:small-caps;color:var(--champagne);text-shadow:0 0 32px rgba(217,191,160,.18)}
.syren-kicker{font-family:Cormorant,Georgia,serif;text-transform:uppercase;letter-spacing:.28em;font-size:13px;color:var(--champagne);text-align:center}
.syren-eyebrow{font-family:Cormorant,Georgia,serif;text-transform:uppercase;letter-spacing:.22em;font-size:15px;color:var(--rose)}
.syren-muted{color:var(--text-muted)}.syren-caption{font-size:16px;color:var(--text-muted)}.syren-serif{font-family:Cormorant,Georgia,serif}
.syren-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}.syren-topbar h1{font-family:Cormorant,Georgia,serif;font-size:32px;font-weight:400;color:var(--text);line-height:1}.syren-topbar small{display:block;text-align:center;color:var(--rose);font-size:12px;letter-spacing:.19em;margin-top:3px}.syren-topbar-title{text-align:center}
.syren-icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;border-radius:50%;background:transparent;font-size:25px;line-height:1}.syren-icon-button:hover{border-color:var(--hairline);background:var(--surface-raised)}
.syren-button{min-height:52px;padding:11px 22px;border:1px solid var(--rose);border-radius:999px;background:linear-gradient(160deg,var(--surface-raised),var(--red) 55%,var(--surface-raised));font-family:Cormorant,Georgia,serif;font-size:23px;text-align:center;color:var(--text);box-shadow:inset 0 0 26px rgba(var(--red-rgb),.12)}.syren-button:hover{box-shadow:0 0 25px rgba(var(--red-rgb),.28),inset 0 0 26px rgba(var(--red-rgb),.16)}.syren-button-outline{background:rgba(21,5,9,.65);border-color:var(--hairline)}.syren-button-small{min-height:40px;padding:6px 20px;font-size:19px}
.syren-field{display:flex;align-items:center;gap:10px;min-height:52px;border:1px solid var(--hairline);border-radius:17px;background:rgba(21,5,9,.85);padding:0 14px}.syren-field:focus-within{border-color:var(--champagne)}.syren-field input,.syren-field textarea{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:18px}.syren-field input::placeholder,.syren-field textarea::placeholder{color:var(--text-muted)}.syren-field button{border:0;background:transparent;color:var(--champagne);font-size:15px}.syren-form{display:grid;gap:14px}.syren-error,.syren-help{padding:12px 15px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface-raised);font-size:17px}.syren-error{border-color:var(--rose)}
.syren-login{justify-content:space-between;padding-top:max(60px,env(safe-area-inset-top));padding-bottom:38px}.syren-login-hero{position:relative;min-height:290px;text-align:center;padding-top:42px;overflow:hidden}.syren-login-hero .syren-wordmark{font-size:clamp(66px,19vw,91px)}.syren-login-hero .syren-kicker{margin-top:20px;line-height:1.8}.syren-curtain{position:absolute;inset:-20px -40px 0;z-index:-1;background:radial-gradient(ellipse 20px 40px at 87% 72%,rgba(255,191,109,.8),transparent 65%),radial-gradient(ellipse 90px 80px at 87% 80%,rgba(210,95,69,.22),transparent 80%),repeating-linear-gradient(102deg,transparent 0 19px,rgba(var(--red-rgb),.09) 27px 39px,rgba(0,0,0,.22) 45px 69px,transparent 78px 124px);filter:blur(2px)}.syren-curtain::before{content:'✿';position:absolute;left:0;bottom:0;font-size:125px;color:var(--red);opacity:.38;transform:rotate(-25deg)}
.syren-login-content{display:grid;gap:24px}.syren-or-divider{display:flex;align-items:center;gap:16px;color:var(--rose);text-transform:uppercase;letter-spacing:.2em;font-size:13px}.syren-or-divider::before,.syren-or-divider::after{content:'';flex:1;height:1px;background:var(--hairline)}.syren-invite-card{display:grid;gap:10px;padding:17px;border:1px solid var(--hairline);border-radius:18px;background:rgba(21,5,9,.75)}.syren-invite-card h2{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:24px}.syren-age-note{text-align:center;font-size:16px;color:var(--text-muted)}.syren-age-note p{margin-top:4px}.syren-check{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--text)}.syren-check input{width:20px;height:20px;accent-color:var(--red-glow)}
.syren-waiting{justify-content:center;gap:24px;text-align:center}.syren-waiting h1{font-family:Cormorant,Georgia,serif;font-size:44px;font-weight:400;color:var(--champagne)}
.syren-choice{justify-content:space-between}.syren-choice-heading{display:flex;justify-content:space-between;align-items:flex-start}.syren-choice-heading .syren-wordmark{font-size:46px}.syren-choice-card{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:550px;padding:24px 18px;text-align:center;touch-action:pan-y}.syren-choice-card h2{font-family:Cormorant,Georgia,serif;font-size:45px;font-weight:400;line-height:1;color:var(--text)}.syren-choice-traits{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--rose)}.syren-choice-card p{max-width:320px}.syren-choice-teaser{font-style:italic;color:var(--rose);font-size:20px}.syren-choice-actions{display:flex;gap:10px;align-items:center}.syren-choice-actions .syren-button{flex:1}.syren-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;color:var(--text-muted);font-size:16px;font-style:italic}.syren-dots{display:flex;justify-content:center;gap:10px}.syren-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--text-muted);opacity:.42}.syren-dot[aria-current=true]{background:var(--champagne);opacity:1;box-shadow:0 0 13px var(--red-glow)}.syren-bottom-nav{display:flex;gap:12px;justify-content:space-around;border:1px solid var(--hairline);border-radius:20px;padding:7px;background:rgba(21,5,9,.88)}.syren-bottom-nav button{flex:1;border:0;background:transparent;color:var(--text-muted);padding:5px;font-size:16px}.syren-bottom-nav button[aria-current=true]{color:var(--champagne)}.syren-bottom-nav span{display:block;font-size:22px}
.syren-session{gap:0}.syren-session-orb{display:grid;place-items:center;min-height:295px;padding:15px}.syren-state-label{text-align:center;font-family:Cormorant,Georgia,serif;font-size:27px;min-height:39px}.syren-transcript{flex:1;min-height:120px;max-height:30vh;overflow:auto;padding:10px 8px;margin:10px 0 18px;border-left:1px solid var(--red-glow)}.syren-message{margin:0 0 13px}.syren-message strong{display:block;font-family:Cormorant,Georgia,serif;color:var(--rose);font-weight:500;font-size:21px}.syren-message p{font-size:18px;line-height:1.35}.syren-intensity{display:flex;align-items:center;justify-content:space-around;gap:2px;border:1px solid var(--hairline);border-radius:18px;padding:10px 5px;background:var(--surface)}.syren-intensity span{font-size:13px;letter-spacing:.15em;color:var(--rose)}.syren-intensity button{border:1px solid transparent;background:transparent;border-radius:30px;padding:5px 11px;font-size:18px}.syren-intensity button[aria-pressed=true]{border-color:var(--rose);box-shadow:0 0 12px rgba(var(--red-rgb),.45)}.syren-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;align-items:start;margin-top:23px}.syren-control{text-align:center;border:0;background:transparent;font-size:16px}.syren-control-icon{display:grid;place-items:center;width:59px;height:59px;margin:auto auto 7px;border:1px solid var(--hairline);border-radius:50%;background:var(--surface-raised);font-size:25px}.syren-control-end .syren-control-icon{width:76px;height:76px;background:linear-gradient(140deg,var(--red-glow),var(--red));border-color:var(--rose);font-size:35px}.syren-session-menu{position:absolute;z-index:3;top:71px;right:15px;display:grid;min-width:205px;padding:8px;border:1px solid var(--hairline);border-radius:17px;background:var(--surface-raised);box-shadow:0 10px 35px rgba(0,0,0,.55)}.syren-session-menu button{text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:10px;font-size:18px}.syren-session-menu button:hover{background:var(--velvet)}
.syren-settings{gap:20px}.syren-settings h1{font-family:Cormorant,Georgia,serif;font-size:41px;font-weight:400;color:var(--champagne)}.syren-settings-card{display:grid;gap:10px;padding:18px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface)}.syren-settings-card h2{font-family:Cormorant,Georgia,serif;font-size:25px;font-weight:400}.syren-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.syren-settings-row button{border:1px solid var(--hairline);border-radius:22px;background:var(--surface-raised);padding:6px 14px}.syren-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78)}.syren-modal{width:min(100%,450px);max-height:90dvh;overflow:auto;display:grid;gap:15px;padding:22px;border:1px solid var(--hairline);border-radius:24px;background:var(--surface-raised);box-shadow:0 20px 90px rgba(0,0,0,.7)}.syren-modal h2{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:33px;color:var(--champagne)}.syren-modal-actions{display:flex;gap:10px}.syren-modal-actions button{flex:1}.syren-builder-transcript{max-height:35dvh;overflow:auto;display:grid;gap:10px}.syren-builder-transcript p{padding:9px 13px;border:1px solid var(--hairline);border-radius:14px}.syren-builder-textarea{min-height:95px;padding:12px;border:1px solid var(--hairline);border-radius:15px;background:var(--surface);color:var(--text);resize:vertical}
@media(min-width:700px){.syren-frame{min-height:min(940px,calc(100dvh - 40px));margin:20px auto;border:1px solid var(--hairline);border-radius:36px;padding:25px 30px}.syren-choice-card{min-height:480px}.syren-login{min-height:900px}}
@media(max-height:730px){.syren-choice-card{min-height:380px;gap:9px}.syren-session-orb{min-height:220px}.syren-session-orb .syren-orb{width:190px;height:190px}.syren-login-hero{min-height:220px}}
@media(prefers-reduced-motion:reduce){.syren-orb,.syren-orb::before,.syren-orb::after{animation:none!important;transition:none!important}.syren-redesign *{scroll-behavior:auto!important}}
/* Phone composition and brighter layered light for the live orb. */
.syren-caption,.syren-age-note,.syren-pager{font-size:17px}
.syren-session-orb{min-height:245px;padding:8px}
.syren-session-orb .syren-orb{width:min(56vw,235px);height:min(56vw,235px)}
.syren-transcript{min-height:110px;max-height:24vh;margin:6px 0 12px}
.syren-controls{margin-top:15px}
@media(max-height:730px){.syren-session-orb{min-height:205px}.syren-session-orb .syren-orb{width:185px;height:185px}.syren-transcript{max-height:22vh}}
.syren-control-icon svg{display:block;width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.syren-control-end .syren-control-icon svg{width:34px;height:34px}
.syren-field input:focus-visible,.syren-field textarea:focus-visible{outline:none}

/* A dark glass sphere with light held inside it, based on the supplied motion reference. */
.syren-orb{
  --orb-rgb:198,22,38;
  --orb-core-rgb:255,204,177;
  --orb-flare-strength:0;
  --orb-hue-rest:0deg;
  --orb-hue-a:-23deg;
  --orb-hue-b:0deg;
  --orb-hue-c:9deg;
  --orb-saturation:1;
  position:relative;
  isolation:isolate;
  display:block;
  flex:none;
  width:min(55vw,230px);
  height:min(55vw,230px);
  padding:0;
  border:0;
  border-radius:50%;
  background:none;
  box-shadow:none;
  overflow:visible;
  animation:syren-orb-hover 6.8s ease-in-out infinite;
  transition:filter .45s ease;
}
.syren-orb-field{
  position:absolute;
  inset:-48%;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(var(--orb-rgb),.53) .65px,transparent 1.15px) 0 0/11px 11px;
  -webkit-mask-image:radial-gradient(circle,transparent 27%,#000 53%,transparent 79%);
  mask-image:radial-gradient(circle,transparent 27%,#000 53%,transparent 79%);
  opacity:.46;
  animation:syren-orb-field-drift 22s linear infinite;
}
.syren-orb-rotor{
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  filter:drop-shadow(0 0 11px rgba(var(--orb-rgb),.25));
}
.syren-orb-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  filter:hue-rotate(var(--orb-hue-rest)) saturate(var(--orb-saturation));
  animation:syren-orb-art-glow 5.4s ease-in-out infinite;
}
.syren-orb-energy{
  position:absolute;
  inset:13%;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(ellipse 18% 12% at 54% 62%,rgba(var(--orb-core-rgb),.50),transparent 95%),
    radial-gradient(ellipse 33% 22% at 47% 69%,rgba(var(--orb-rgb),.23),transparent 100%);
  filter:blur(5px);
  mix-blend-mode:screen;
  animation:syren-orb-energy-flow 4.2s ease-in-out infinite alternate;
}
.syren-orb-shimmer{
  position:absolute;
  inset:10%;
  border-radius:50%;
  pointer-events:none;
  background:linear-gradient(117deg,transparent 34%,rgba(255,255,255,.12) 48%,transparent 59%);
  -webkit-mask-image:radial-gradient(circle,transparent 63%,#000 90%);
  mask-image:radial-gradient(circle,transparent 63%,#000 90%);
  mix-blend-mode:screen;
  opacity:.6;
  animation:syren-orb-shimmer 9s ease-in-out infinite alternate;
}
.syren-orb-flare{
  position:absolute;
  inset:12%;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(ellipse 21% 15% at 58% 62%,rgba(255,78,67,.95),transparent 100%),
    radial-gradient(ellipse 35% 30% at 47% 71%,rgba(226,18,42,.62),transparent 100%);
  filter:blur(5px);
  mix-blend-mode:screen;
  opacity:0;
}
.syren-orb[data-persona=cash]{--orb-rgb:60,76,197;--orb-core-rgb:219,205,255;--orb-hue-a:-8deg;--orb-hue-b:16deg;--orb-hue-c:32deg}
.syren-orb[data-persona=cash][data-emotion=playful],
.syren-orb[data-persona=cash][data-emotion=vulnerable]{--orb-flare-strength:.26}
.syren-orb[data-persona=cash][data-emotion=excited],
.syren-orb[data-persona=cash][data-emotion=intimate]{--orb-flare-strength:.58}
.syren-orb[data-persona=cash][data-emotion=angry],
.syren-orb[data-persona=cash][data-emotion=stressed]{--orb-flare-strength:.9}
.syren-orb[data-persona=cash] .syren-orb-flare{animation:syren-orb-red-flash 5.3s ease-in-out infinite}
.syren-orb[data-persona=custom][data-gender=female]{--orb-rgb:177,51,121;--orb-core-rgb:255,211,227;--orb-hue-rest:326deg;--orb-hue-a:310deg;--orb-hue-b:333deg;--orb-hue-c:348deg;--orb-saturation:.82}
.syren-orb[data-persona=custom][data-gender=male]{--orb-rgb:39,137,171;--orb-core-rgb:201,238,255;--orb-hue-rest:-24deg;--orb-hue-a:-36deg;--orb-hue-b:-20deg;--orb-hue-c:-8deg;--orb-saturation:.85}
.syren-orb[data-persona=custom][data-gender=neutral]{--orb-rgb:122,111,168;--orb-core-rgb:231,223,255;--orb-hue-rest:18deg;--orb-hue-a:4deg;--orb-hue-b:24deg;--orb-hue-c:38deg;--orb-saturation:.55}
.syren-orb[data-state=listening]{filter:brightness(calc(1 + var(--signal-level,0)*.08))}
.syren-orb[data-state=listening] .syren-orb-rotor{animation:syren-orb-spin 10s linear infinite}
.syren-orb[data-state=listening] .syren-orb-art{animation:syren-orb-color-cycle 7s ease-in-out infinite}
.syren-orb[data-state=listening] .syren-orb-energy{animation-duration:2s}
.syren-orb[data-state=thinking] .syren-orb-rotor{animation:syren-orb-spin 6s linear infinite reverse}
.syren-orb[data-state=thinking] .syren-orb-energy{animation-duration:1.8s}
.syren-orb[data-state=speaking] .syren-orb-rotor{animation:syren-orb-spin 3.5s linear infinite}
.syren-orb[data-state=speaking] .syren-orb-art{animation:syren-orb-color-cycle 3s ease-in-out infinite}
.syren-orb[data-state=speaking] .syren-orb-energy{animation-duration:1.2s}
.syren-orb[data-state=muted]{filter:grayscale(.85) brightness(.53)}
.syren-session-orb .syren-orb{width:min(53vw,220px);height:min(53vw,220px)}
.syren-orb-gender{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}
.syren-orb-gender button{padding:5px 11px;border:1px solid var(--hairline);border-radius:99px;background:rgba(16,8,24,.74);font-size:14px;color:var(--text-muted)}
.syren-orb-gender button[aria-pressed=true]{border-color:var(--champagne);color:var(--text);box-shadow:0 0 12px rgba(180,150,207,.23)}
@keyframes syren-orb-hover{50%{transform:translateY(-4px) scale(1.025)}}
@keyframes syren-orb-art-glow{50%{opacity:.88}}
@keyframes syren-orb-spin{to{transform:rotate(360deg)}}
@keyframes syren-orb-color-cycle{
  0%,100%{filter:hue-rotate(var(--orb-hue-a)) saturate(1.08) brightness(1)}
  36%{filter:hue-rotate(var(--orb-hue-b)) saturate(1.22) brightness(1.13)}
  70%{filter:hue-rotate(var(--orb-hue-c)) saturate(.92) brightness(.69)}
}
@keyframes syren-orb-energy-flow{50%{transform:translate(5%, -4%) scale(1.16);opacity:.62}to{transform:translate(-4%,3%) scale(.95);opacity:.9}}
@keyframes syren-orb-shimmer{to{transform:rotate(16deg);opacity:.9}}
@keyframes syren-orb-field-drift{to{transform:rotate(360deg)}}
@keyframes syren-orb-red-flash{0%,23%,58%,100%{opacity:0}36%{opacity:var(--orb-flare-strength)}46%{opacity:calc(var(--orb-flare-strength)*.34)}}
@media(max-height:730px){.syren-choice .syren-orb{width:min(48vw,205px);height:min(48vw,205px)}.syren-session-orb .syren-orb{width:185px;height:185px}}
@media(prefers-reduced-motion:reduce){.syren-orb,.syren-orb-field,.syren-orb-rotor,.syren-orb-art,.syren-orb-energy,.syren-orb-shimmer,.syren-orb-flare{animation:none!important}.syren-orb[data-persona=cash] .syren-orb-flare{opacity:var(--orb-flare-strength)}}

/* Midnight atelier: cinematic fabric, champagne light, and quiet chrome. */
.syren-redesign {
  --scene-rgb: 158, 38, 57;
  --scene-hue: 0deg;
  --text: #f8eee7;
  --text-muted: #c4aca8;
  --champagne: #ebcfaa;
  --rose: #d4a19a;
  --hairline: rgba(231, 196, 166, .2);
  background: #090609;
  font-weight: 400;
}
.syren-redesign[data-scene=cash] {
  --scene-rgb: 95, 66, 164;
  --scene-hue: -85deg;
  --rose: #bdb0d4;
  --text-muted: #b8adc3;
}
.syren-redesign[data-scene=custom] { --scene-rgb: 128, 76, 146; --scene-hue: -45deg; }
.syren-frame {
  isolation: isolate;
  overflow: hidden;
  min-height: 100dvh;
  padding: max(20px, env(safe-area-inset-top)) 26px max(14px, env(safe-area-inset-bottom));
  background: #0d0609;
  box-shadow: 0 0 0 1px var(--hairline), 0 30px 120px #000;
}
.syren-frame::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0;
  background: url('/atmosphere/midnight-silk.png') center / cover;
  filter: hue-rotate(var(--scene-hue));
  opacity: .75;
  transition: filter 1.4s ease;
  pointer-events: none;
}
.syren-frame::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: radial-gradient(ellipse 80% 38% at 50% 35%, rgba(var(--scene-rgb), .18), transparent 90%), linear-gradient(180deg, rgba(6, 3, 6, .1), rgba(6, 3, 6, .12) 60%, rgba(6, 3, 6, .75));
  pointer-events: none;
}
.syren-detail-icon { width: 21px; height: 21px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.syren-wordmark { font-size: 43px; letter-spacing: .16em; font-weight: 400; color: #f3d7b3; }
.syren-choice-heading { align-items: center; min-height: 45px; }
.syren-choice-heading .syren-wordmark { font-size: 41px; }
.syren-brand-note { font: 8px/1.9 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .21em; color: #c3a99d; text-align: right; }
.syren-choice-intro { text-align: center; margin-top: clamp(12px, 2.4dvh, 24px); }
.syren-choice-intro .syren-eyebrow { font: 9px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .27em; color: #ceb5a8; }
.syren-choice-intro h1 { font: italic 400 clamp(30px, 8.5vw, 39px)/1.15 Cormorant, Georgia, serif; margin-top: 7px; color: var(--champagne); }
.syren-choice-card { min-height: 0; padding: 4px 0 10px; gap: 8px; justify-content: flex-start; }
.syren-orb-stage { position: relative; display: grid; place-items: center; flex: none; width: 100%; height: clamp(170px, 24dvh, 235px); margin-bottom: -7px; animation: syren-reveal .7s ease both; }
.syren-orbit-ring { position: absolute; width: 246px; height: 246px; max-width: 74vw; max-height: 74vw; border: 1px solid rgba(222, 172, 142, .1); border-radius: 50%; transform: scaleY(.83) rotate(-24deg); }
.syren-orbit-ring::before { content: ''; position: absolute; inset: -13px; border: 1px solid rgba(222, 172, 142, .045); border-radius: 50%; }
.syren-orbit-ring::after { content: ''; position: absolute; top: 18%; right: 10%; width: 3px; height: 3px; border-radius: 50%; background: #e5bea5; box-shadow: 0 0 12px 2px #cc9b7288; }
.syren-choice .syren-orb { width: clamp(165px, 22dvh, 212px); height: clamp(165px, 22dvh, 212px); }
.syren-orb-field { opacity: .17; background-size: 15px 15px; }
.syren-presence { display: flex; align-items: center; gap: 6px; font: 8px/1.3 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .22em; color: var(--rose); }
.syren-presence i, .syren-topbar small i { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #e7b997; box-shadow: 0 0 8px #e7b99788; }
.syren-choice-card h2 { font-size: clamp(46px, 12vw, 58px); font-weight: 400; letter-spacing: -.035em; line-height: .98; }
.syren-choice-traits { font: 8px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .28em; color: var(--rose); }
.syren-choice-card > p:not(.syren-choice-teaser):not(.syren-help) { max-width: 270px; font-size: 17px; line-height: 1.35; color: #d7c0ba; margin: 2px 0; }
.syren-voice-preview { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 8px 18px; border: 1px solid var(--hairline); border-radius: 99px; background: rgba(21, 10, 15, .48); color: var(--champagne); font-size: 16px!important; backdrop-filter: blur(12px); }
.syren-voice-preview .syren-detail-icon { width: 19px; height: 19px; }
.syren-voice-preview[data-playing=true] .syren-detail-icon { animation: syren-voice-pulse .7s ease-in-out infinite alternate; }
.syren-choice-teaser { color: var(--rose); font-size: 17px; line-height: 1.3; margin: 2px 0 5px!important; }
.syren-choice-actions { width: 100%; max-width: 330px; }
.syren-button { min-height: 52px; font-size: 20px; border-color: rgba(239, 180, 164, .55); background: linear-gradient(115deg, rgba(var(--scene-rgb), .8), rgba(var(--scene-rgb), .35) 70%, rgba(28, 9, 19, .8)); box-shadow: inset 0 1px 0 #ffd3b522, 0 8px 35px rgba(var(--scene-rgb), .12); transition: box-shadow .25s, background .25s, transform .25s; }
.syren-button:active { transform: scale(.98); }
.syren-button-outline { background: rgba(20, 11, 17, .5); border-color: var(--hairline); }
.syren-choice-actions .syren-button { display: flex; justify-content: space-between; align-items: center; padding: 10px 22px; }
.syren-choice-actions .syren-detail-icon { width: 25px; }
.syren-dots { gap: 8px; padding-top: 3px; }
.syren-dot { width: 4px; height: 4px; min-height: 16px; border-radius: 0; background: transparent; position: relative; opacity: .5; }
.syren-dot::after { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--champagne); top: 6px; left: 0; }
.syren-dot[aria-current=true] { width: 22px; background: transparent; box-shadow: none; opacity: 1; }
.syren-dot[aria-current=true]::after { width: 22px; border-radius: 3px; height: 2px; top: 7px; }
.syren-pager { padding: 0 14px 6px; font-style: normal; }
.syren-pager > span { font-size: 12px; letter-spacing: .14em; text-align: center; color: var(--champagne); }
.syren-pager i { font-style: normal; opacity: .4; margin: 0 8px; }
.syren-pager small { display: block; font: italic 15px/1.4 Cormorant, Georgia, serif; letter-spacing: 0; color: #b99f97; }
.syren-icon-button { font-size: 26px; color: var(--champagne); }
.syren-bottom-nav { border: 0; border-top: 1px solid var(--hairline); border-radius: 0; background: linear-gradient(180deg, rgba(10, 5, 10, .06), rgba(10, 5, 10, .5)); gap: 24px; padding: 9px 24px 0; }
.syren-bottom-nav button { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 38px; font: 10px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .04em; }
.syren-bottom-nav .syren-detail-icon { width: 19px; height: 19px; }
.syren-bottom-nav button[aria-current=true] { color: #f2d3b3; text-shadow: 0 0 16px #d19a7280; }
.syren-topbar { min-height: 54px; }
.syren-topbar h1 { font-size: 36px; }
.syren-topbar small { font: 8px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .22em; margin-top: 8px; }
.syren-topbar small i { margin-right: 6px; vertical-align: 1px; }
.syren-session-orb { min-height: 0; height: clamp(225px, 35dvh, 340px); flex: none; }
.syren-session-orb .syren-orb { width: clamp(200px, 29dvh, 280px); height: clamp(200px, 29dvh, 280px); }
.syren-state-label { font: italic 24px/1.3 Cormorant, Georgia, serif; color: var(--champagne); min-height: 38px; }
.syren-transcript { border: 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); padding: 17px 5px; margin: 15px 0 20px; min-height: 110px; max-height: 26dvh; scrollbar-width: thin; scrollbar-color: #9f706755 transparent; }
.syren-message { padding: 0 0 0 12px; border-left: 1px solid rgba(var(--scene-rgb), .6); margin-bottom: 16px; }
.syren-message strong { font: 10px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .1em; margin-bottom: 4px; color: var(--rose); }
.syren-message p { font-size: 20px; line-height: 1.4; color: #ecdad3; }
.syren-intensity { border-radius: 99px; padding: 7px; background: rgba(14, 8, 15, .65); backdrop-filter: blur(18px); }
.syren-intensity > span { display: flex; align-items: center; gap: 4px; font: 8px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .1em; padding: 0 6px; }
.syren-intensity .syren-detail-icon { width: 17px; height: 20px; }
.syren-intensity button { font-size: 16px; min-height: 35px; padding: 5px 12px; }
.syren-intensity button[aria-pressed=true] { background: rgba(var(--scene-rgb), .26); border-color: #d6a38c88; box-shadow: inset 0 0 16px rgba(var(--scene-rgb), .35), 0 0 12px rgba(var(--scene-rgb), .15); }
.syren-controls { margin-top: 21px; padding-bottom: 4px; }
.syren-control { font-size: 14px; color: #d4bbb4; }
.syren-control-icon { width: 54px; height: 54px; background: linear-gradient(145deg, #e7c1a512, #10081080); box-shadow: inset 0 1px 0 #f2d3b314; }
.syren-control-end { color: #dec9a4; }
.syren-control-end .syren-control-icon {
  width: 64px;
  height: 64px;
  color: #302319;
  border: 1px solid #e6d3ac;
  background: linear-gradient(135deg, #f0e1bd 0%, #d2b47c 32%, #b89661 58%, #dcc397 83%, #e9d6b1 100%);
  box-shadow: inset 0 1px 1px #fff6d980, inset 0 -2px 5px #6a4d3938, 0 7px 22px #0006, 0 0 0 5px #d6b77e0b;
  transition: box-shadow .25s ease, transform .25s ease;
}
.syren-control-end .syren-control-icon svg { width: 27px; height: 27px; }
.syren-control-end:hover .syren-control-icon { box-shadow: inset 0 1px 1px #fff6d9aa, inset 0 -2px 5px #6a4d3938, 0 7px 22px #0006, 0 0 0 5px #d6b77e18; }
.syren-control-end:active .syren-control-icon { transform: scale(.96); }
.syren-control:not(.syren-control-end) .syren-control-icon { color: #dfc7a1; border-color: #d9bd8d44; }
@media(prefers-reduced-motion:reduce) { .syren-control-end .syren-control-icon { transition: none; } }
.syren-login { padding-top: max(45px, env(safe-area-inset-top)); }
.syren-login-hero { min-height: 260px; padding-top: 45px; overflow: visible; }
.syren-login-hero .syren-wordmark { font-size: 85px; }
.syren-login-hero .syren-kicker { font-size: 12px; line-height: 2; }
.syren-curtain { display: none; }
.syren-field { border-radius: 14px; background: rgba(15, 8, 13, .65); backdrop-filter: blur(14px); min-height: 54px; }
.syren-field .syren-detail-icon { color: var(--rose); width: 19px; }
.syren-invite-card,.syren-settings-card { background: rgba(20, 10, 16, .55); backdrop-filter: blur(14px); }
.syren-age-note { font-size: 14px; }
.syren-age-note p { font-size: 13px; margin-top: 6px; }
@keyframes syren-reveal { from { opacity: 0; transform: translateY(7px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes syren-voice-pulse { to { transform: scaleY(.6); opacity: .6; } }
@media(min-width:700px) {
  .syren-frame { min-height: min(930px, calc(100dvh - 32px)); margin: 16px auto; padding: 25px 32px 18px; border-radius: 30px; }
  .syren-choice-card { min-height: 0; }
  .syren-login { min-height: 850px; }
}
@media(max-height:740px) {
  .syren-frame { padding-top: 13px; padding-bottom: 8px; }
  .syren-choice-intro { margin-top: 12px; }
  .syren-choice-intro h1 { font-size: 29px; }
  .syren-choice-card { gap: 7px; }
  .syren-orb-stage { height: 170px; }
  .syren-choice .syren-orb { width: 165px; height: 165px; }
  .syren-orbit-ring { width: 190px; height: 190px; }
  .syren-choice-card h2 { font-size: 44px; }
  .syren-choice-card > p:not(.syren-choice-teaser):not(.syren-help) { font-size: 16px; }
  .syren-choice-teaser { font-size: 15px; }
  .syren-choice-heading .syren-wordmark { font-size: 34px; }
  .syren-session-orb { height: 215px; }
  .syren-session-orb .syren-orb { width: 195px; height: 195px; }
  .syren-transcript { margin: 7px 0 12px; padding: 10px 3px; }
  .syren-controls { margin-top: 13px; }
}
@media(prefers-reduced-motion:reduce) { .syren-orb-stage,.syren-voice-preview .syren-detail-icon { animation: none!important; } .syren-frame::before,.syren-button { transition: none!important; } }

/* Keep the small visual pager marks inside comfortable touch targets. */
.syren-dots { gap: 0; }
.syren-dot,.syren-dot[aria-current=true] { width: 28px; min-height: 24px; }
.syren-dot::after { left: 12px; top: 10px; }
.syren-dot[aria-current=true]::after { left: 3px; top: 11px; }

/* A floating smoked-glass navigation jewel. */
.syren-bottom-nav {
  position: relative;
  isolation: isolate;
  gap: 4px;
  padding: 5px;
  border: 1px solid rgba(226, 186, 158, .23);
  border-radius: 24px;
  background: linear-gradient(120deg, rgba(72, 39, 48, .3), rgba(13, 9, 16, .87) 50%, rgba(42, 24, 37, .5));
  backdrop-filter: blur(24px) saturate(1.15);
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
  box-shadow: inset 0 1px 0 rgba(255, 220, 190, .08), 0 12px 32px rgba(0, 0, 0, .3);
}
.syren-bottom-nav::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 24%;
  width: 52%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ebc6a988, transparent);
  pointer-events: none;
}
.syren-bottom-nav button {
  position: relative;
  gap: 9px;
  padding: 10px 12px;
  min-height: 44px;
  border-radius: 19px;
  color: #b7a4ac;
  transition: color .25s ease, background .25s ease, box-shadow .25s ease;
}
.syren-bottom-nav .syren-nav-icon { display: grid; place-items: center; font-size: inherit; }
.syren-bottom-nav .syren-nav-label { display: block; font: 400 15px/1.2 Cormorant, Georgia, serif; letter-spacing: .035em; }
.syren-bottom-nav .syren-detail-icon { width: 19px; height: 19px; stroke-width: 1.1; }
.syren-bottom-nav button[aria-current=page] {
  color: #f4d8bb;
  background: linear-gradient(120deg, rgba(200, 165, 105, .22), rgba(223, 194, 145, .055));
  box-shadow: inset 0 0 0 1px #d4aa8820, inset 0 1px 0 #f4d3b015;
  text-shadow: 0 0 16px rgba(226, 171, 135, .2);
}
.syren-bottom-nav button[aria-current=page]::after {
  content: '';
  position: absolute;
  bottom: 3px;
  left: calc(50% - 1px);
  width: 2px;
  height: 2px;
  transform: rotate(45deg);
  background: #ebc7a7;
  box-shadow: 0 0 8px 2px rgba(234, 174, 146, .3);
}
.syren-bottom-nav button:hover { background: rgba(219, 169, 155, .08); color: #f4d8bb; }
.syren-session-menu {
  z-index: 5;
  top: 83px;
  right: 23px;
  width: min(285px, calc(100% - 46px));
  padding: 16px 10px 10px;
  border: 1px solid rgba(228, 189, 164, .3);
  border-radius: 23px;
  background: linear-gradient(145deg, rgba(52, 29, 40, .91), rgba(14, 9, 19, .94));
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  box-shadow: inset 0 1px 0 #e8baa522, 0 20px 50px #0009;
  animation: syren-reveal .2s ease both;
}
.syren-menu-heading { padding: 0 12px 12px; font: 8px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .23em; color: #bd9e99; }
.syren-session-menu button { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 10px 12px; border-radius: 13px; font: 19px/1.3 Cormorant, Georgia, serif; color: #edd8cc; }
.syren-session-menu .syren-detail-icon { width: 18px; color: #d2aa9c; }
.syren-menu-chevron,.syren-menu-value { margin-left: auto; color: #c0a39b; }
.syren-menu-value { font: 10px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; padding: 3px 8px; border: 1px solid #c49a8428; border-radius: 99px; }
@media(prefers-reduced-motion:reduce) { .syren-session-menu { animation: none!important; } .syren-bottom-nav button { transition: none!important; } }

/* Intensity changes the room's light and the orb's energy together. */
.syren-redesign {
  --mood-rgb: 159, 72, 50;
  --mood-secondary: 126, 49, 58;
  --mood-opacity: .2;
  --silk-saturation: .85;
  --silk-brightness: .85;
  --aura-opacity: .16;
  --aura-scale: 1;
  --orb-heat: 1;
  --orb-light: 1;
}
.syren-redesign[data-scene=cash] { --mood-rgb: 64, 76, 139; --mood-secondary: 94, 58, 133; }
.syren-redesign[data-scene=custom] { --mood-rgb: 117, 77, 143; --mood-secondary: 117, 74, 103; }
.syren-redesign[data-intensity=hot] {
  --scene-hue: -12deg;
  --mood-rgb: 193, 24, 53;
  --mood-secondary: 116, 19, 64;
  --mood-opacity: .58;
  --silk-saturation: 1.45;
  --silk-brightness: 1.05;
  --aura-opacity: .48;
  --aura-scale: 1.12;
  --orb-heat: 1.2;
  --orb-light: 1.08;
}
.syren-redesign[data-intensity=ignite] {
  --scene-hue: -24deg;
  --mood-rgb: 238, 24, 46;
  --mood-secondary: 151, 18, 98;
  --mood-opacity: .82;
  --silk-saturation: 1.85;
  --silk-brightness: 1.12;
  --aura-opacity: .74;
  --aura-scale: 1.24;
  --orb-heat: 1.45;
  --orb-light: 1.17;
}
.syren-redesign[data-scene=cash][data-intensity=hot] { --scene-hue: -69deg; --mood-rgb: 111, 36, 182; --mood-secondary: 49, 33, 117; }
.syren-redesign[data-scene=cash][data-intensity=ignite] { --scene-hue: -53deg; --mood-rgb: 153, 32, 175; --mood-secondary: 174, 22, 55; }
.syren-redesign[data-scene=custom][data-intensity=hot] { --scene-hue: -40deg; --mood-rgb: 144, 42, 155; --mood-secondary: 102, 41, 117; }
.syren-redesign[data-scene=custom][data-intensity=ignite] { --scene-hue: -32deg; --mood-rgb: 197, 41, 144; --mood-secondary: 109, 40, 170; }
.syren-session::before {
  filter: hue-rotate(var(--scene-hue)) saturate(var(--silk-saturation)) brightness(var(--silk-brightness));
  transition: filter 1.4s ease;
}
.syren-session::after {
  background: radial-gradient(ellipse 85% 48% at 48% 31%, rgba(var(--mood-rgb), .76), transparent 85%), radial-gradient(ellipse 110% 45% at 75% 95%, rgba(var(--mood-secondary), .75), transparent 90%), linear-gradient(180deg, transparent, #07030c88);
  opacity: var(--mood-opacity);
  transition: opacity 1.3s ease;
}
.syren-orb-aura {
  position: absolute;
  z-index: -1;
  inset: -25%;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(ellipse at 42% 50%, rgba(var(--orb-rgb), .68), transparent 64%), radial-gradient(ellipse at 60% 65%, rgba(var(--mood-secondary), .48), transparent 70%);
  filter: blur(15px);
  opacity: var(--aura-opacity);
  transform: scale(var(--aura-scale));
  transition: opacity 1.3s ease, transform 1.6s ease;
}
.syren-orb-voice-ring {
  position: absolute;
  inset: -5%;
  z-index: -1;
  border: 1px solid rgba(var(--orb-core-rgb), .35);
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(var(--orb-rgb), .18), inset 0 0 15px rgba(var(--orb-rgb), .12);
  opacity: 0;
  pointer-events: none;
  transform: scale(.98);
  transition: transform 90ms ease-out, opacity 90ms ease-out, box-shadow 90ms ease-out;
}
.syren-orb[data-state=listening] .syren-orb-voice-ring,
.syren-orb[data-state=speaking] .syren-orb-voice-ring {
  opacity: calc(.24 + var(--signal-level, 0) * .68);
  transform: scale(calc(1 + var(--signal-level, 0) * .13));
  box-shadow: 0 0 calc(15px + var(--signal-level, 0) * 28px) rgba(var(--orb-rgb), .4), inset 0 0 16px rgba(var(--orb-rgb), .2);
}
.syren-orb[data-state=listening] .syren-orb-aura,
.syren-orb[data-state=speaking] .syren-orb-aura {
  transform: scale(calc(var(--aura-scale, 1.24) + var(--signal-level, 0) * .14));
  opacity: calc(var(--aura-opacity, .6) + var(--signal-level, 0) * .18);
  transition: transform 90ms ease-out, opacity 90ms ease-out;
}
.syren-orb[data-state=listening] .syren-orb-energy,
.syren-orb[data-state=speaking] .syren-orb-energy {
  animation: none;
  transform: scale(calc(1 + var(--signal-level, 0) * .19));
  opacity: calc(.52 + var(--signal-level, 0) * .48);
}
.syren-session .syren-orb-rotor {
  filter: saturate(var(--orb-heat)) brightness(var(--orb-light)) drop-shadow(0 0 17px rgba(var(--orb-rgb), .35));
  transition: filter 1.4s ease;
}
.syren-redesign[data-intensity=hot] .syren-session .syren-orb[data-state=resting] .syren-orb-rotor { animation: syren-orb-spin 24s linear infinite; }
.syren-redesign[data-intensity=ignite] .syren-session .syren-orb[data-state=resting] .syren-orb-rotor { animation: syren-orb-spin 16s linear infinite; }
.syren-redesign[data-intensity=hot] .syren-orb[data-state=speaking] .syren-orb-rotor { animation-duration: 3s; }
.syren-redesign[data-intensity=ignite] .syren-orb[data-state=speaking] .syren-orb-rotor { animation-duration: 2.5s; }
.syren-redesign[data-intensity=ignite] .syren-orb:not([data-state=muted]) .syren-orb-energy { animation-duration: 1.8s; }
.syren-redesign[data-intensity=ignite] .syren-orb:not([data-state=muted]) .syren-orb-shimmer { opacity: .9; animation-duration: 4s; }
.syren-session .syren-intensity { transition: border-color 1s ease, box-shadow 1s ease; }
.syren-redesign[data-intensity=hot] .syren-intensity { border-color: #d4a08666; box-shadow: 0 0 22px rgba(var(--mood-rgb), .14); }
.syren-redesign[data-intensity=ignite] .syren-intensity { border-color: #edc59a88; box-shadow: 0 0 30px rgba(var(--mood-rgb), .23), inset 0 0 18px rgba(var(--mood-rgb), .1); }
.syren-session .syren-intensity button[aria-pressed=true] { background: linear-gradient(130deg, #d5b48128, rgba(var(--mood-rgb), .24)); border-color: #e6c29799; color: #f5dfbf; }
.syren-settings-card .syren-muted { overflow-wrap: anywhere; font-size: clamp(15px, 3.6vw, 18px); }
@media(prefers-reduced-motion:reduce) {
  .syren-session::before,.syren-session::after,.syren-orb-aura,.syren-session .syren-orb-rotor,.syren-session .syren-intensity { transition: none!important; }
  .syren-orb-voice-ring,.syren-orb[data-state=listening] .syren-orb-aura,.syren-orb[data-state=speaking] .syren-orb-aura,.syren-orb[data-state=listening] .syren-orb-energy,.syren-orb[data-state=speaking] .syren-orb-energy { transform: none!important; transition: none!important; }
}

/* Custom companion: a short path from first idea to a draft conversation. */
.syren-builder-dialog,.syren-studio-dialog {
  width:min(100%,560px);
  max-height:calc(100dvh - 24px);
  gap:15px;
  padding:20px clamp(18px,4.5vw,28px) max(18px,env(safe-area-inset-bottom));
  border:1px solid #d9bfa05c;
  border-radius:25px;
  background:radial-gradient(ellipse at 50% -15%,#69304755,transparent 56%),linear-gradient(155deg,#241018,#0d080e 65%,#170b13);
  box-shadow:0 28px 100px #000b, inset 0 1px #fff2;
  scrollbar-width:thin;
  scrollbar-color:#b28b7b55 transparent;
}
.syren-builder-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;font:10px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.24em;color:var(--champagne)}
.syren-builder-topline button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--hairline);border-radius:50%;background:#ffffff08;font:25px/1 Cormorant,Georgia,serif;color:var(--champagne)}
.syren-builder-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.syren-builder-progress span{border-top:1px solid #d9bfa04a;padding-top:7px;font:10px/1.35 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.09em;color:#ab8b83;white-space:nowrap}
.syren-builder-progress span[data-current=true]{border-color:#f3d5ad;color:#f3d5ad}.syren-builder-progress span[data-done=true]{border-color:#c48f80;color:#d4a89c}
.syren-builder-progress i{font-style:normal;font-size:8px;letter-spacing:.06em}
.syren-builder-step{display:grid;gap:10px;min-width:0;animation:syren-reveal .3s ease both}
.syren-builder-step .syren-eyebrow{font:10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.25em;color:#d3aa9a}
.syren-builder-step h2{font:italic 400 clamp(31px,8vw,44px)/1.05 Cormorant,Georgia,serif;color:#f2dac0}
.syren-builder-step>.syren-muted{font-size:17px;line-height:1.35}
.syren-builder-sparks{display:grid;gap:8px;margin:5px 0}
.syren-builder-sparks button,.syren-builder-voice,.syren-builder-review{border:1px solid #d9bfa03c;border-radius:16px;background:linear-gradient(135deg,#fff1,#ffffff05 42%,#0001);box-shadow:inset 0 1px #fff1}
.syren-builder-sparks button{display:grid;gap:3px;padding:11px 13px;text-align:left}
.syren-builder-sparks button[aria-pressed=true],.syren-builder-voice[data-selected=true]{border-color:#e6bb91af;background:linear-gradient(135deg,#c5887840,#3b1a2555)}
.syren-builder-sparks strong,.syren-builder-voice strong{font:500 21px/1.1 Cormorant,Georgia,serif;color:#f2dac0}
.syren-builder-sparks small,.syren-builder-voice small{font:14px/1.28 EBGaramond,Georgia,serif;color:#cdb7b2}
.syren-builder-label{display:block;margin-top:5px;font:10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e2c5b1}
.syren-builder-label small{font:italic 14px Cormorant,Georgia,serif;letter-spacing:0;text-transform:none;color:#a99a98}
.syren-builder-textarea,.syren-builder-input{width:100%;border:1px solid #d9bfa04a;border-radius:14px;background:#07070bbb;color:#f5e7df;box-shadow:inset 0 1px #fff1}
.syren-builder-textarea{min-height:88px;max-height:170px;padding:11px 13px;resize:vertical;font-size:17px}.syren-builder-textarea-short{min-height:66px}
.syren-builder-input{min-height:46px;padding:9px 13px;font-size:19px}
.syren-builder-input::placeholder,.syren-builder-textarea::placeholder{color:#ac9292}
.syren-builder-hint{font:14px/1.35 EBGaramond,Georgia,serif;color:#bfa8a5}
.syren-builder-mini-preview{display:flex;align-items:center;justify-content:center;gap:22px;min-height:107px;padding:4px 10px;border-top:1px solid #d9bfa029;border-bottom:1px solid #d9bfa029}
.syren-builder-mini-preview .syren-orb{width:96px;height:96px}.syren-builder-mini-preview>span{font:italic 30px/1 Cormorant,Georgia,serif;color:#ead4bb}
.syren-builder-voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.syren-builder-voice{display:grid;gap:5px;padding:10px;text-align:left}
.syren-builder-voice-select{display:grid;gap:3px;text-align:left;border:0;background:transparent;padding:0}
.syren-builder-listen{justify-self:start;border:0;background:transparent;padding:3px 0;font:12px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;color:#efd3b0!important}
.syren-builder-segments,.syren-builder-palette-grid{display:flex;gap:6px;min-width:0}
.syren-builder-segments button{flex:1;min-width:0;padding:8px 6px;border:1px solid #d9bfa03c;border-radius:11px;background:#ffffff08;font:14px/1.2 EBGaramond,Georgia,serif;color:#d8c0ba}
.syren-builder-segments button[aria-pressed=true]{border-color:#d9bfa0b0;background:#d9bfa026;color:#f5dfc2}
.syren-builder-palette-grid button{flex:1;display:grid;justify-items:center;gap:5px;min-width:0;padding:8px 3px;border:1px solid transparent;border-radius:12px;background:transparent;font:12px/1.2 EBGaramond,Georgia,serif;color:#d7c0ba}
.syren-builder-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.syren-builder-palette-grid button[aria-pressed=true]{border-color:#d9bfa09c;background:#ffffff0c;color:#f6daba}
.syren-builder-swatch{display:block;width:29px;height:29px;border:1px solid #fff4;border-radius:50%}
.syren-builder-review{display:grid;justify-items:center;gap:5px;padding:11px 16px;text-align:center}
.syren-builder-review-orb .syren-orb{width:102px;height:102px}.syren-builder-review p{font:italic 18px/1.25 Cormorant,Georgia,serif;color:#f0d7cd}
.syren-builder-review small{font:10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#d1aea1}
.syren-builder-test{display:grid;gap:8px;border-top:1px solid #d9bfa03c;margin-top:5px;padding-top:11px}
.syren-builder-test-input{display:flex;gap:6px}.syren-builder-test-input input{flex:1;min-width:0;padding:9px 11px;border:1px solid #d9bfa04a;border-radius:12px;background:#07070bbb;color:#f5e7df;font-size:15px}
.syren-builder-test-input button{padding:8px 11px;border:1px solid #d9bfa08a;border-radius:12px;background:#d9bfa020;color:#f1dab9;font:13px -apple-system,BlinkMacSystemFont,sans-serif}
.syren-builder-reply{padding:12px 13px;border-left:2px solid #d4a386;background:#d9bfa00c;border-radius:0 12px 12px 0}.syren-builder-reply strong{font:10px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#ebbd9c}.syren-builder-reply p{margin-top:5px;font-size:17px;line-height:1.35}
.syren-builder-tuning{display:flex;flex-wrap:wrap;gap:6px}.syren-builder-tuning button{padding:5px 9px;border:1px solid #d9bfa03b;border-radius:99px;background:#fff1;font:12px -apple-system,BlinkMacSystemFont,sans-serif;color:#d8bdb0}.syren-builder-tuning button[aria-pressed=true]{border-color:#dab88b;background:#d9bfa026;color:#f3d9b5}
.syren-builder-footer{position:sticky;bottom:-20px;z-index:1;display:flex;gap:8px;margin:2px -2px -2px;padding:10px 2px 2px;background:linear-gradient(180deg,#100a1000,#100a10 18%)}.syren-builder-footer .syren-button{flex:1;min-width:0;min-height:44px;padding:7px 11px;font-size:17px}.syren-builder-footer .syren-button:first-child{flex:.65}.syren-builder-guided{justify-self:center;border:0;background:transparent;padding:5px;font:italic 16px Cormorant,Georgia,serif;color:#d9bfa0!important}
.syren-builder-choice-note{font:italic 16px/1.25 Cormorant,Georgia,serif;color:#d3bcb1}.syren-choice-edit{border:0;border-bottom:1px solid #d9bfa05c;background:transparent;padding:7px 2px;color:#e8cba9!important;font:italic 17px Cormorant,Georgia,serif}.syren-choice-edit span{margin-left:6px}
.syren-studio-heading{display:flex;align-items:center;gap:14px;padding-bottom:5px;border-bottom:1px solid #d9bfa037}.syren-studio-orb .syren-orb{width:76px;height:76px}.syren-studio-heading h2{font:italic 400 35px/1 Cormorant,Georgia,serif;color:#f2dac0}.syren-studio-heading small{font:italic 15px/1.25 Cormorant,Georgia,serif;color:#bda7a2}
.syren-studio-tabs{display:flex;gap:4px;overflow:auto;flex:none;border-bottom:1px solid #d9bfa037;scrollbar-width:none}.syren-studio-tabs button{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;padding:8px 10px;color:#baa39d;font:12px/1.2 -apple-system,BlinkMacSystemFont,sans-serif}.syren-studio-tabs button[aria-selected=true]{border-color:#deb792;color:#f4dab9}
.syren-studio-content{min-height:190px}.syren-studio-content .syren-builder-step{gap:10px}.syren-studio-memory,.syren-studio-history>button{width:100%;display:flex;justify-content:space-between;border:1px solid #d9bfa044;border-radius:12px;background:#ffffff09;padding:10px 12px;color:#ead1b7;font:16px Cormorant,Georgia,serif}
.syren-studio-history{display:grid;gap:8px;border-top:1px solid #d9bfa037;padding-top:10px}.syren-studio-version-list{display:grid;gap:5px}.syren-studio-version-list button{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #d9bfa033;border-radius:10px;background:#ffffff07;text-align:left}.syren-studio-version-list strong{font:16px Cormorant,Georgia,serif;color:#f2dac0}.syren-studio-version-list small{white-space:nowrap;font:11px -apple-system,BlinkMacSystemFont,sans-serif;color:#b9a39d}
.syren-studio-restore-confirm{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #d9bfa05c;border-radius:12px;background:#24131bd9}.syren-studio-restore-confirm p{flex-basis:100%;margin:0 0 2px;color:#ead1b7;font:14px Cormorant,Georgia,serif}.syren-studio-version-list .syren-studio-restore-confirm button{width:auto;justify-content:center;text-align:center}
.syren-studio-version-list .syren-studio-restore-confirm .syren-button:not(.syren-button-outline){background:linear-gradient(135deg,#8f633d,#d7ae79);color:#1a0c0e;border-color:#d7ae79}
@media(max-width:390px){.syren-builder-progress i{display:none}.syren-builder-dialog,.syren-studio-dialog{padding-left:16px;padding-right:16px}.syren-builder-segments button{font-size:12px}.syren-studio-tabs button{padding-left:7px;padding-right:7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.syren-builder-step{animation:none!important}}
.syren-auth-restoring{align-items:center;justify-content:center;gap:28px;text-align:center}.syren-auth-restoring .syren-wordmark{font-size:clamp(64px,20vw,88px)}.syren-auth-restoring p{font:italic 22px Cormorant,Georgia,serif;color:#d9bfa0}.syren-auth-restoring-light{width:65px;height:65px;border:1px solid #d9bfa077;border-radius:50%;background:radial-gradient(circle at 45% 40%,#f7d3c9,#9d415777 42%,transparent 70%);box-shadow:0 0 44px #c47a8655,inset 0 0 24px #eac7b844;animation:syren-auth-breathe 2.8s ease-in-out infinite alternate}@keyframes syren-auth-breathe{to{opacity:.5;transform:scale(.89);box-shadow:0 0 20px #c47a8633}}@media(prefers-reduced-motion:reduce){.syren-auth-restoring-light{animation:none}}