/* ULYA / illustrated nocturne. The scene leads; account controls remain real. */
:root.mystic-luxury { --bg-space:#040c18; --surface-card:rgba(9,21,38,.78); --surface-elevated:#101e31; --surface-card-hover:#16283d; --gold-primary:#d5b77b; --gold-dim:#aa8750; --text-main:#f0e9dc; --text-muted:#b5bac6; --text-dim:#9fa9ba; --border-gold:rgba(211,179,113,.3); --scene-metal:linear-gradient(135deg,#eee0ad 0%,#94733d 24%,#e6c889 46%,#79603b 70%,#c7a366 100%); }
html { scroll-padding-block:24px 120px; scrollbar-color:#756446 #071224; }
.account-page { background:#040c18; min-height:100svh; }
.account-page::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 70% 75%,rgba(24,77,151,.65),transparent 52%),radial-gradient(ellipse at 5% 64%,rgba(29,69,123,.42),transparent 45%),linear-gradient(180deg,#020a13 0%,#04101e 39%,#081d3c 78%,#07172d 100%); }
.account-page::after { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.78; background:url('./assets/scene-velvet.webp') center bottom/cover no-repeat; }
.ambient-glow-top,.ambient-glow-bottom { display:none; }
.account-page .full-deck-shell { max-width:1120px; padding:22px 40px 140px; }
.account-page .topbar { min-height:48px; padding:0; margin:0 0 8px; border:0; align-items:center; }
.account-page .wordmark > span { font-size:27px; letter-spacing:.24em; line-height:1; }
.account-page .wordmark small { font-size:10px; letter-spacing:.08em; margin-top:5px; }
.topbar-actions { display:flex; align-items:center; gap:12px; }
.test-label { color:#b7a785; font-size:10px; letter-spacing:.02em; }
.account-page .history-toggle { display:grid; place-items:center; padding:0; width:44px; height:44px; min-height:44px; border-radius:50%; background:rgba(184,154,96,.05); }
.history-toggle svg { width:20px; height:20px; fill:none; stroke:#dbc28e; stroke-width:1.25; stroke-linecap:round; }
.account-information { width:max-content; max-width:100%; color:var(--text-muted); font-size:11px; margin:6px 0 0; }
.account-information summary { cursor:pointer; list-style:none; padding:5px 0; min-height:24px; text-decoration:underline; text-decoration-color:#5d6070; text-underline-offset:4px; }
.account-information[open] { width:100%; padding:12px 16px; background:#0d192b; border:1px solid var(--border-gold); border-radius:12px; margin-bottom:16px; }
.account-information :is(p,#mode-label) { font-size:12px; }
.account-page:has(#workspace:not([hidden])) .account-information { position:absolute; top:68px; right:40px; z-index:5; text-align:right; }
.account-page:has(#workspace:not([hidden])) .account-information[open] { left:40px; right:40px; width:auto; text-align:left; }
.account-toolbar:empty { display:none; }
.space-scene { position:relative; text-align:center; padding:10px 0 0; margin:0 auto; }
.card-stage { position:relative; width:100%; height:384px; display:grid; place-items:center; perspective:1100px; isolation:isolate; }
.scene-halo { position:absolute; width:392px; height:392px; max-width:none; left:50%; top:45%; translate:-50% -50%; opacity:.2; z-index:-2; filter:drop-shadow(0 12px 10px #0008); }
.card-stage::after { content:""; position:absolute; width:300px; height:50px; bottom:4px; left:50%; transform:translateX(-50%); background:radial-gradient(ellipse,#0e3d70 0%,transparent 70%); filter:blur(12px); z-index:-1; }
.account-page button.scene-card { position:relative; width:218px; height:327px; padding:7px; min-height:0; border:1px solid #fff9e6; border-radius:12px; background:linear-gradient(135deg,#fffcef,#d7ceb9 38%,#fffcf0 68%,#ae9c78); box-shadow:0 24px 34px #0009,0 6px 8px #0008,inset 0 0 0 2px #e9dfce; transform:rotate(-3deg); overflow:visible; z-index:2; cursor:pointer; transition:transform 450ms cubic-bezier(.16,1,.3,1),box-shadow 450ms; }
.account-page button.scene-card:not(:disabled):hover { transform:rotate(0) translateY(-4px); background:#ece3d1; border-color:#fff8dc; box-shadow:0 30px 38px #000a; }
.scene-portrait { width:100%; height:100%; display:block; object-fit:cover; border-radius:6px; object-position:center 42%; }
.card-corner { position:absolute; width:33px; height:33px; background:url('./assets/scene-corner.svg') center/contain no-repeat; filter:drop-shadow(1px 3px 1px #201606); translate:0 0 12px; }
.corner-tl { top:-6px; left:-7px; }.corner-tr { top:-6px; right:-7px; }.corner-bl { bottom:-6px; left:-7px; }.corner-br { bottom:-6px; right:-7px; }
.scene-nameplate { position:absolute; bottom:-15px; left:50%; translate:-50% 0; width:136px; min-height:54px; padding:8px 10px; color:#f6ecd7; background:#03080e; border:1px solid #c4a66c; outline:1px solid #7e673f; outline-offset:3px; box-shadow:0 8px 14px #000c; font-family:'Cormorant Garamond',Georgia,serif; font-size:20px; line-height:.98; font-weight:500; }
.nameplate-rays { position:absolute; width:74px; height:42px; bottom:100%; left:50%; translate:-50% 0; background:repeating-conic-gradient(from -90deg at 50% 100%,transparent 0deg 5deg,#dfbd76 5deg 7deg,transparent 7deg 14deg); clip-path:polygon(50% 100%,0 0,100% 0); pointer-events:none; }
.scene-back { position:absolute; width:149px; height:237px; top:79px; border:1px solid #a58b55; border-radius:9px; background:repeating-linear-gradient(45deg,#13120f 0px,#13120f 2px,#0b1015 2px,#0b1015 5px); box-shadow:0 14px 22px #000b,inset 0 0 0 5px #04090d,inset 0 0 0 6px #735f3c; overflow:hidden; }
.scene-back img { position:absolute; inset:0; width:100%; max-width:none; height:100%; object-fit:fill; opacity:1; }
.scene-back::before,.scene-back::after { content:none; }
.scene-back::before { top:6px; left:5px; }.scene-back::after { bottom:6px; right:5px; }
.scene-back-left { left:calc(50% - 180px); rotate:-10deg; }.scene-back-right { right:calc(50% - 180px); rotate:10deg; }
.scene-art-label { color:#aeaa9f; font-size:10px; letter-spacing:.04em; margin:5px 0 10px; }
:root[data-theme] .account-page #scene-heading { font-family:'Cormorant Garamond',Georgia,serif; font-size:39px; line-height:1.02; font-weight:500; letter-spacing:-.02em; margin:0 auto 9px; max-width:340px; }
.scene-invitation { color:#d0b77e; font-size:12px; margin:0; line-height:1.5; }
.conversation-layout { display:flex; flex-direction:column; gap:0; max-width:670px; margin:28px auto 0; }
.account-page #chat-module { padding:0; background:none; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.account-page #dialogue-heading { display:flex; align-items:center; justify-content:center; gap:7px; margin:0 0 12px; font-family:var(--font-sans); font-size:12px; font-weight:500; letter-spacing:.01em; color:#d8d7d1; line-height:1.4; }
.ulya-presence { width:5px; height:5px; border-radius:50%; background:#c4ae7e; box-shadow:0 0 5px #ba9b6555; }
.chat-intro { display:none; }
.account-page #send-form { max-width:670px; margin:0; }
.account-page .question-label { font-size:11px; color:#b9c2d1; margin:0 0 7px 5px; }
.compose-glass { display:flex; align-items:center; gap:6px; padding:5px 7px 5px 12px; border:1px solid rgba(204,181,137,.42); border-radius:28px; background:linear-gradient(120deg,rgba(32,47,67,.83),rgba(12,25,45,.72)); box-shadow:0 8px 22px #0003,inset 0 1px 0 #ffffff0d; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.account-page #question { flex:1; width:0; min-height:46px; max-height:180px; padding:10px 2px; background:transparent; border:0; border-radius:6px; font-size:16px; line-height:1.5; resize:vertical; }
.account-page #question:focus { box-shadow:none; outline-offset:1px; }
.account-page .compose-glass :is(#voice-start,#send) { width:42px; height:42px; min-height:42px; min-width:42px; padding:0; display:grid; place-items:center; flex:0 0 42px; border-radius:50%; }
.account-page .compose-glass #voice-start { color:#dfd3b6; background:transparent; border:0; box-shadow:none; }
.account-page .compose-glass #send { background:var(--scene-metal); color:#1b1c21; border:1px solid #d7be8a; box-shadow:0 3px 8px #0006,inset 0 1px 0 #fff7d7; }
.compose-glass #send svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; stroke-linecap:round; }
.account-page .composer-footer { display:flex; flex-direction:row; align-items:start; justify-content:space-between; gap:12px; padding:7px 5px 0; }
.account-page .composer-footer > label { display:flex; flex-direction:row; align-items:center; gap:5px; font-size:10px; color:#9daec7; margin:0; white-space:nowrap; }
.account-page .composer-footer #tone { width:auto; min-height:28px; max-width:108px; padding:0 4px; border:0; background:transparent; font-size:11px; color:#d2c3a3; }
.voice-details { text-align:right; flex:1; min-width:0; font-size:10px; color:#abbad0; }
.voice-details summary { cursor:pointer; padding:6px 0; }
.voice-details[open] { flex-basis:100%; text-align:left; }
.composer-footer:has(.voice-details[open]) { flex-wrap:wrap; }
.voice-composer { margin:4px 0 0; padding:10px 0 0; text-align:left; }
.voice-composer p { font-size:11px; }
.voice-actions { margin-bottom:10px; }
.account-page:has(#account-voice[data-recording="true"]) #voice-start { color:#ffe0a7; background:#8f472f; animation:recording-amber 1.8s infinite; }
.account-page #feedback { color:#bdc9dc; font-size:11px; min-height:0; line-height:1.5; margin:6px 5px 0; max-width:100%; }
#messages { gap:14px; margin:15px 0; }
.message { background:rgba(10,22,40,.7); padding:12px 15px; border:1px solid #293b50; border-radius:16px; }
.message p { font-size:14px; line-height:1.65; margin-top:5px; }
.message[data-speaker="ulya"] { border-left:1px solid #a48d65; }
.message[data-speaker="user"] { background:rgba(127,104,57,.16); }
.conversation-history { margin:28px 0 0; padding:16px 0; border-block:1px solid #93a2b126; }
.conversation-history summary { cursor:pointer; color:#ccb688; min-height:44px; display:flex; align-items:center; justify-content:space-between; font-size:13px; }
.conversation-history summary::after { content:"+"; font-size:19px; }
.conversation-history details[open] summary::after { content:"−"; }
#sessions { margin-top:16px; }
.space-dock { position:fixed; z-index:20; bottom:max(14px,env(safe-area-inset-bottom)); left:50%; translate:-50% 0; display:flex; justify-content:space-around; align-items:center; width:min(350px,calc(100% - 36px)); height:82px; padding:6px 10px 8px; border:1px solid rgba(201,180,143,.3); border-radius:30px; background:linear-gradient(135deg,rgba(34,51,73,.92),rgba(9,20,38,.86)); box-shadow:0 15px 35px #0007,inset 0 1px 0 #faf1df10; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); }
.account-page:not(:has(#workspace:not([hidden]))) .space-dock { display:none; }
.account-page .space-dock button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:0; width:94px; min-height:68px; border:0; background:none; box-shadow:none; border-radius:18px; font-size:10px; color:#c0cad9; }
.account-page .space-dock button:hover { background:#b4bec60a; }
.nav-medallion { position:relative; display:grid; place-items:center; width:47px; height:47px; background:url('./assets/scene-acanthus.webp') center/cover; filter:grayscale(1) brightness(.95); transition:filter 180ms; }
.nav-medallion::before { content:""; position:absolute; inset:9px; border-radius:50%; border:1px solid #bba572; background:radial-gradient(circle at 40% 25%,#c1a568,#544431 60%,#1d2126); box-shadow:0 3px 3px #0009,inset 0 1px 2px #f7dda3; }
.nav-medallion svg { position:relative; width:31px; height:31px; fill:none; stroke:#f6e5c0; stroke-width:1.2; filter:drop-shadow(0 1px 0 #251b0c); }
.account-page .space-dock button[aria-current] { color:#efd6a4; }
.space-dock button[aria-current] .nav-medallion { filter:none; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
/* The same material language continues through every cabinet section. */
.account-page :is(.free-journey,.hub-widget,#login-section,#consent-section) { background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; border:0; border-radius:0; padding:32px 0; }
.account-page .free-journey { margin:40px auto 0; max-width:940px; border-top:1px solid #c5ac762e; }
.journey-intro h2 { font-size:34px; }
.journey-intro { margin-bottom:24px; }
.personal-modules { display:flex; justify-content:space-around; gap:12px; padding:8px 0 20px; border-bottom:1px solid #c5ac7633; }
.account-page .personal-modules button { display:flex; flex-direction:column; align-items:center; justify-content:center; width:30%; padding:10px 3px; min-height:95px; gap:8px; border:0; background:none; border-radius:20px; text-align:center; }
.personal-modules button .module-icon { width:46px; height:46px; padding:10px; border:1px solid #baa373; border-radius:50%; color:#d8c08b; stroke:currentColor; background:radial-gradient(circle at 30% 20%,#4c4838,#142236 75%); box-shadow:0 7px 15px #0005,inset 0 1px 0 #d5bf8655; }
.personal-modules strong { font-size:12px; font-weight:400; }
.personal-modules button > span { display:none; }
.journey-nav { margin:16px 0 0; }
.journey-nav li { font-size:11px; padding:11px 3px; }
.journey-panel { padding-top:24px; }
.journey-panel h3 { font-size:32px; line-height:1.07; }
.journey-lead { font-size:14px; margin-bottom:20px; }
.account-page :is(.account-primary,.widget-action):not(#send):not(.scene-card):not(.combo-action) { color:#fff5df; border:1px solid #b49a62; background:linear-gradient(#03091277,#03091299),url('./assets/scene-acanthus.webp') center 43%/330px #060b12; box-shadow:0 6px 18px #0006,inset 0 1px 0 #f4d48c77,inset 0 -2px 3px #000; border-radius:28px; font-weight:400; text-shadow:0 2px 2px #000; }
.account-page :is(input:not([type="checkbox"]),select,textarea:not(#question)) { background:rgba(13,26,46,.72); border-color:#a78d584d; border-radius:18px; }
.account-page label:not(.theme-control) { font-size:13px; }
.field-hint,.journey-note { font-size:12px; }
.journey-eyebrow { display:none; }
.journey-cards { gap:28px 16px; }
.journey-card-art { border:5px solid #ece4d4; border-radius:10px; box-shadow:0 18px 25px #0008; }
.journey-card-art::after { border-color:#c9a45f; inset:0; border-radius:4px; }
.journey-cards h4 { font-size:23px; margin:8px 0; }
.journey-cards p { font-size:13px; }
.journey-card-position { color:#d6b773; }
.calculation-result,.natal-table,.triad-card { background:rgba(9,23,43,.6); border-color:#a78d584d; border-radius:16px; }
.triad-card p { color:#f0d99f; font-size:29px; }
.triad-card { box-shadow:inset 0 1px 0 #d4b47912; }
.account-page .hub-widget { border-top:1px solid #c5ac7633; padding:25px 0; }
.hub-widget .widget-lead { font-size:14px; }
.hub-widget h3 { font-size:30px; }
.account-public-checkout,.account-settings,.account-art-credit { border-color:#c5ac7633; }
.account-settings { scroll-margin-top:25px; }
.account-settings summary { font-family:'Cormorant Garamond',Georgia,serif; font-size:30px; }
.account-page #logout { margin-top:20px; }
.account-page .deck-intro { display:flex; flex-direction:column-reverse; align-items:center; text-align:center; gap:12px; padding:30px 0 10px; }
.account-page .deck-emblem { width:140px; height:140px; position:relative; }
.account-page .deck-emblem::before { content:""; position:absolute; inset:-60px; background:url('./assets/scene-acanthus.webp') center/cover; opacity:.85; }
.account-page .deck-emblem img { position:relative; border-radius:50%; width:100%; }
.account-page .deck-intro h1 { font-size:36px!important; max-width:340px; margin:10px 0!important; }
.account-page .deck-lead { font-size:13px; max-width:320px; margin:0 auto; }
.account-page #login-section { max-width:440px; margin:0 auto; padding-top:20px; }
.account-page #login-heading { font-size:27px; text-align:center; }
#login-section > p { text-align:center; font-size:12px; }
#login-form { margin-top:20px; }
#login-form button { width:100%; }
@media(min-width:900px) {
  #workspace { position:relative; }
  .space-scene { width:52%; margin-left:0; min-height:595px; padding-top:30px; }
  .card-stage { height:430px; }
  .account-page button.scene-card { width:244px; height:366px; }
  .scene-back { top:94px; width:170px; height:270px; }
  .scene-back-left { left:calc(50% - 210px); }.scene-back-right { right:calc(50% - 210px); }
  .scene-back img { width:250px; height:250px; }
  .scene-halo { width:460px; height:460px; }
  #workspace:has(#space-scene:not([hidden])) > .conversation-layout { width:42%; position:relative; margin-left:58%; margin-top:-470px; min-height:470px; padding-top:25px; }
  .conversation-layout .conversation-history { grid-column:auto; padding:12px 0; }
  .account-page #dialogue-heading { font-size:23px; font-family:'Cormorant Garamond',Georgia,serif; justify-content:start; }
  .account-page .question-label { margin-bottom:10px; }
  .space-dock { bottom:20px; }
}
@media(max-width:760px) {
  .account-page .full-deck-shell { padding:18px 22px 125px; }
  .account-page .topbar { margin:0 0 4px; padding:0; min-height:46px; }
  .account-page:has(#workspace:not([hidden])) .account-information { top:65px; right:22px; }
  .account-page:has(#workspace:not([hidden])) .account-information[open] { left:22px; right:22px; }
  .space-scene { padding-top:10px; }
  .card-stage { height:360px; }
  .account-page button.scene-card { width:204px; height:306px; margin-top:6px; }
  .scene-back { width:133px; height:218px; top:78px; }
  .scene-back-left { left:calc(50% - 165px); }.scene-back-right { right:calc(50% - 165px); }
  .scene-back img { width:212px; height:212px; top:0; }
  .scene-halo { width:359px; height:359px; }
  :root[data-theme] .account-page #scene-heading { font-size:34px; max-width:300px; margin-bottom:8px; }
  .scene-art-label { font-size:9px; margin:2px 0 11px; }
  .scene-invitation { font-size:11px; }
  .conversation-layout { margin-top:23px; }
  .account-page .chat-module { padding:0; }
  .account-page #dialogue-heading { font-size:11px; margin-bottom:10px; }
  .account-page .question-label { font-size:11px; margin-bottom:7px; }
  .account-page .composer-footer > label { font-size:9px; }
  .account-page .conversation-history { margin-top:36px; padding:10px 0; }
  .account-page .free-journey { padding:28px 0; margin-top:30px; }
  .account-page .personal-modules button { padding:10px 3px; }
  .journey-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 15px; }
  .account-page .hub-widget { padding:25px 0; }
  .interactive-hub { margin-top:10px; }
  .account-page #login-section,.account-page #consent-section { padding:22px 0; }
  .account-page .composer-footer label { grid-template-columns:none; }
}
@media(max-width:360px) {
  .account-page .full-deck-shell { padding-inline:17px; }
  .card-stage { height:325px; }
  .account-page button.scene-card { width:186px; height:279px; }
  .scene-back-left { left:calc(50% - 142px); }.scene-back-right { right:calc(50% - 142px); }
  .scene-back { width:122px; height:194px; top:73px; }
  .scene-halo { width:310px; height:310px; }
  :root[data-theme] .account-page #scene-heading { font-size:30px; }
}
/* Sculpted layers share one light source; depth remains when motion is disabled. */
.account-page .deck-intro-copy { display:block; }
.account-page .deck-intro { gap:26px; }
.account-page:not(:has(#conversation-workspace:not([hidden]))) .history-toggle { display:none; }
.account-page:has(#personal-section[hidden]) .space-dock { display:none; }
.card-stage { perspective:900px; perspective-origin:48% 30%; --scene-rx:3deg; --scene-ry:-5deg; --light-x:40%; }
.account-page button.scene-card { transform-style:preserve-3d; rotate:z -2deg; transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry)); backface-visibility:hidden; box-shadow:1px 2px 1px #b9aa8e,2px 4px 1px #87775b,3px 6px 2px #493d2c,10px 25px 25px #000a,20px 42px 50px #0008,inset 0 0 0 2px #f0e5d3; transition:transform 250ms ease-out,box-shadow 250ms ease-out; }
.account-page button.scene-card:not(:disabled):hover { transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry)); box-shadow:1px 2px 1px #b9aa8e,2px 4px 1px #87775b,3px 6px 2px #493d2c,12px 30px 30px #000a,22px 48px 60px #0008; }
.scene-portrait { translate:0 0 1px; }
.scene-glint { position:absolute; inset:7px; border-radius:6px; translate:0 0 2px; pointer-events:none; background:linear-gradient(115deg,#fff5d91f,transparent 25%,transparent 65%,#00000024),radial-gradient(ellipse at var(--light-x) 0%,#fff6d526,transparent 66%); }
.scene-nameplate { translate:-50% 0 21px; border-color:#e0c07d; outline-color:#a08044; min-height:51px; box-shadow:1px 2px 1px #b09559,3px 5px 1px #47351b,7px 13px 14px #000b,inset 0 0 0 3px #03080e,inset 0 0 0 4px #847046; }
.scene-nameplate::after { content:""; position:absolute; inset:-7px -9px; pointer-events:none; border:1px solid #b49b62; clip-path:polygon(0 0,16% 0,16% 5%,84% 5%,84% 0,100% 0,100% 100%,84% 100%,84% 95%,16% 95%,16% 100%,0 100%); }
.scene-back { background:#040a10; box-shadow:2px 4px 1px #443724,8px 16px 22px #0009; border-color:#ad8e52; translate:0 0 -35px; }
.scene-back-left { transform:rotateY(10deg); }
.scene-back-left img { filter:saturate(.6) brightness(.92); }
.scene-back-right { transform:rotateY(-10deg); }
.scene-halo { opacity:.3; }
.scene-art-label { color:#b9b3a5; margin-top:19px; }
.account-page :is(h1,h2,h3,h4) { font-kerning:normal; text-wrap:balance; }
.account-page :is(button,a,input,textarea,select,summary):focus-visible { outline:2px solid #f0ce8d; outline-offset:4px; }
.account-page :is(input,textarea) { caret-color:#edd097; scroll-margin-block:90px 130px; }
.account-page ::selection { background:#a98951; color:#020913; }
.account-page .profile-emblem { position:relative; width:130px; height:130px; margin:62px auto 46px; isolation:isolate; }
.profile-emblem::before { content:""; position:absolute; inset:-62px; z-index:-1; background:url('./assets/scene-acanthus.webp') center/contain; opacity:.9; }
.profile-emblem img { border-radius:50%; box-shadow:0 12px 20px #0009,0 0 0 3px #191b19,0 0 0 4px #b8985c; }
.profile-intro { text-align:center; font-size:13px; color:#d3c5a6; margin:0 auto 24px; max-width:300px; }
.profile-menu { display:grid; }
.account-page .profile-menu :is(button,a) { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:56px; padding:14px 3px; color:#e1d8c4; background:none; border:0; border-bottom:1px solid #95846155; border-radius:0; box-shadow:none; font-size:14px; text-decoration:none; text-align:left; }
.profile-menu :is(button,a):hover { color:#ffe3a6; }
.profile-menu :is(button,a) > :last-child { color:#d0ad68; }
.profile-data-controls { margin-top:25px; }
.account-page .profile-data-controls summary { font:13px/1.5 var(--font-sans); min-height:44px; padding:10px 0; color:#bcb6a8; }
.profile-data-controls p { font-size:12px; line-height:1.65; }
.natal-table { font-variant-numeric:tabular-nums; }
@media(max-width:760px) {
  .space-scene { overflow:clip; padding-inline:20px; margin-inline:-20px; }
  .card-stage { height:371px; }
  .account-page button.scene-card { width:218px; height:338px; }
  .scene-back { top:85px; height:246px; width:150px; }
  .scene-back-left { left:calc(50% - 173px); }.scene-back-right { right:calc(50% - 173px); }
  .account-page:has(input:focus,textarea:focus,select:focus) .space-dock { visibility:hidden; pointer-events:none; }
  .account-page .compose-glass :is(#voice-start,#send) { width:44px; height:44px; min-width:44px; min-height:44px; flex-basis:44px; }
  .account-page .composer-footer > label { font-size:10px; }
  .voice-details { font-size:11px; }
  .account-page .space-dock { height:78px; border-radius:27px; background:linear-gradient(135deg,#20344dda,#071425ed); }
}
@media(max-width:360px) {
  .card-stage { height:338px; }
  .account-page button.scene-card { width:194px; height:303px; }
  .scene-back { width:127px; height:208px; }
  .scene-back-left { left:calc(50% - 142px); }.scene-back-right { right:calc(50% - 142px); }
}
@media(prefers-reduced-motion:reduce) {
  .account-page .card-stage * { animation:none!important; transition:none!important; }
}
/* Finish review: organic relief, independent medallions and narrow-screen fit. */
html.mystic-luxury,.account-page{min-width:0}
.account-page::after{opacity:1;background-size:100% 100%;background-image:url('./assets/scene-velvet.webp')}
.scene-halo{opacity:.55}
.account-page .space-dock{border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;height:88px;gap:20px;padding:0 8px}
.space-dock::before{content:"";position:absolute;z-index:-1;left:50%;bottom:-30px;translate:-50% 0;width:calc(100vw - 32px);height:128px;pointer-events:none;background:linear-gradient(180deg,transparent,#030b15 35%,#030b15)}
.account-page .space-dock button{font-size:11px;text-shadow:0 2px 4px #000,0 1px 10px #000;gap:1px}
.nav-medallion{width:62px;height:62px;background-image:url('./assets/scene-medallion.webp');filter:grayscale(1) brightness(1.1) drop-shadow(1px 4px 3px #0009)}
.nav-medallion::before{display:none}
.nav-medallion svg{width:32px;height:32px;stroke:#faf0d5;stroke-width:1.4;filter:drop-shadow(1px 2px 1px #33210d)}
.space-dock button[aria-current] .nav-medallion{filter:drop-shadow(1px 5px 4px #000b)}
.account-page :is(.account-primary,.widget-action):not(#send):not(.scene-card):not(.combo-action){background:linear-gradient(#03091233,#03091266),url('./assets/scene-cta.webp') center/cover #060b12}
.profile-menu{gap:12px}
.account-page .profile-menu :is(button,a){gap:12px;border:1px solid #9c81515e;border-radius:99px;background:#08152388;padding:13px 18px;min-height:56px}
.profile-menu :is(button,a)>span:not(:last-child){flex:1}
.profile-row-icon{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:#d5b575;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:360px){.space-scene{margin-inline:-17px;padding-inline:17px}}
@media(max-width:760px) and (max-height:780px){
  .card-stage{height:274px}
  .account-page button.scene-card{width:169px;height:253px}
  .scene-back{height:188px;width:118px;top:63px}
  .scene-back-left{left:calc(50% - 137px)}.scene-back-right{right:calc(50% - 137px)}
  .scene-halo{width:290px;height:290px}
  .scene-art-label{margin-top:14px;font-size:9px}
  :root[data-theme] .account-page #scene-heading{font-size:29px;margin-bottom:6px}
  .conversation-layout{margin-top:16px}
}