/* Full-viewport atmosphere; the conversation remains an opaque reading surface. */
body { isolation:isolate; background:#1b1724; }
body .study-backdrop { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse at 72% 20%,#5c354a80,transparent 55%),linear-gradient(130deg,#171824,#342331 60%,#211e32); }
body .study-backdrop .study-helix { z-index:1; opacity:.8; }
body .study-backdrop .study-mist { z-index:2; inset:35% -15% -35% 0; opacity:.28; }
body .study-backdrop .heart-art { position:absolute; z-index:0; top:-7vh; right:-5vw; width:min(64vw,850px); height:100vh; aspect-ratio:auto; border-radius:0; border:0; background:none; opacity:.7; mask-image:radial-gradient(ellipse at 54% 48%,#000 20%,transparent 70%); }
body .study-backdrop .heart-art img { width:100%; height:100%; object-fit:cover; animation:abby-heartbeat 1.8s ease-in-out infinite; }
body .study-backdrop.motion-paused .heart-art img,body .study-backdrop.motion-paused .study-mist { animation-play-state:paused; }
body .wide-shell { position:relative; background:transparent; }
body .icon-rail,body[data-theme="dark"] .icon-rail { background:#1e1b29c9; backdrop-filter:blur(16px); border-color:#ffffff19; color:#eee5f1; }
body .rail-logo,body .rail-nav button { color:#eee5f1; }
body .rail-nav button:first-child,body[data-theme="dark"] .rail-nav button:first-child { background:#f2aac71a; color:#f5c6dc; }
body .rail-nav button:hover,body[data-theme="dark"] .rail-nav button:hover { background:#ffffff14; }
body .rail-mini,body .rail-recents>p,body #sidebarRecentChats,body #sidebarRecentChats span { color:#c6b9ce; border-color:#ffffff25; }
body .rail-account { border-color:#ffffff20; }
body .account-trigger,body .account-name-row strong,body #accountStatus { color:#eee5f1; }
body .account-menu { background:var(--studio-panel); color:var(--studio-ink); }
body .topbar,body[data-theme="dark"] .topbar { background:#211c2b70; backdrop-filter:blur(12px); border-color:#ffffff16; }
body .brand,body .topbar-center,body .chat-actions button { color:#eee3f0; }
body .app-stage { align-items:start; row-gap:28px; min-height:calc(100vh - 156px); }
body #welcomePanel { grid-column:1/-1; padding:24px 10px 16px; min-height:330px; margin:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
body .heart-welcome-copy { max-width:580px; text-shadow:0 2px 22px #110d1d; }
body .study-hero h1 { font-size:clamp(36px,4.2vw,64px); line-height:1.06; letter-spacing:-.055em; }
body .study-hero h1 br:last-child { display:none; }
body .heart-welcome-copy>p:last-of-type { max-width:370px; font-size:13px; color:#ded2e5; }
body .study-hero .eyebrow { color:#e7bcd0; margin-bottom:18px; }
body .study-hero-action { background:#29202dcc; backdrop-filter:blur(8px); }
body .chat-canvas { padding:26px; border-radius:24px; border:1px solid var(--studio-line); background:var(--studio-panel); box-shadow:0 20px 65px #0a071e38; min-height:320px; }
body .chat-canvas .bubble { box-shadow:none; }
body .chat-canvas .composer { margin-top:auto; }
body .quick-panel { background:#241e30de; backdrop-filter:blur(16px); border-color:#ffffff20; box-shadow:0 20px 55px #0a071e20; }
body .quick-panel h2,body .quick-panel .eyebrow { color:#f0d5e4; }
body .quick-copy,body .quick-foot { color:#d0c2d8; border-color:#ffffff20; }
body .prompt-list button { background:#ffffff07; color:#f0e7f4; border-color:#ffffff1c; }
body .prompt-list button span { color:#f3b3d1; }
body .prompt-list button:hover,body[data-theme="dark"] .prompt-list button:hover { background:#ffffff12; border-color:#d4a0c170; }
body .site-footer { background:#201b29a8; border-color:#ffffff17; color:#c6b9cf; padding-right:32px; }
body .site-footer a,body .site-footer button { color:#d4c7db; }
body .studio-motion { position:fixed; z-index:40; bottom:16px; right:20px; border-color:#ffffff35; background:#282131ee; color:#f0e4f4; padding:10px 14px; backdrop-filter:blur(10px); }
@media(min-width:1600px) { body #welcomePanel { min-height:370px; padding:36px 10px; } }
@media(max-width:800px) { body .study-backdrop .heart-art { width:95vw; right:-24vw; top:0; height:85vh; opacity:.5; } body .study-backdrop .study-helix { opacity:.45; } body #welcomePanel { min-height:330px; padding:22px 8px; } body .heart-welcome-copy { max-width:440px; } body .chat-canvas { padding:18px; } }
@media(max-width:520px) { body #welcomePanel { min-height:350px; } body .study-hero h1 { font-size:36px; } body .study-hero h1 br:last-child { display:initial; } body .heart-welcome-copy>p:last-of-type { max-width:270px; } body .chat-canvas { padding:14px; border-radius:18px; } body .study-backdrop .heart-art { display:block; } body .site-footer { padding-right:18px; padding-bottom:64px; } }
@media(prefers-reduced-motion:reduce) { body .study-backdrop .heart-art img,body .study-backdrop .study-mist { animation:none; } body .studio-motion { display:none; } }