/* NurseAbby study studio — local design exploration, no service changes. */
:root { --studio-bg:#f3f2f6; --studio-panel:#ffffff; --studio-ink:#292536; --studio-muted:#6f687b; --studio-line:#e3dfe9; --studio-rose:#b94374; --studio-shadow:0 12px 40px #30243c09; }
body { background:var(--studio-bg); color:var(--studio-ink); font-family:Manrope,Arial,sans-serif; }
body .icon-rail { width:244px; padding:24px 16px 12px; background:var(--studio-panel); border-right:1px solid var(--studio-line); }
body .wide-shell { margin-left:244px; }
body .rail-heading { padding:0 8px 26px; }
body .rail-logo { font:800 15px Manrope,Arial,sans-serif; letter-spacing:-.04em; color:var(--studio-ink); }
body .rail-mini { border:1px solid var(--studio-line); border-radius:10px; width:30px; height:30px; color:var(--studio-muted); }
body .rail-nav { gap:6px; }
body .rail-nav button { padding:12px; border-radius:12px; font:600 12px Manrope,Arial,sans-serif; color:var(--studio-ink); }
body .rail-nav button:first-child { background:#f6edf2; color:#99345e; }
body .rail-nav button:hover { background:#eeeaf2; }
body .rail-recents { margin-top:34px; }
body .rail-recents>p { color:var(--studio-muted); font-size:9px; letter-spacing:.12em; }
body #sidebarRecentChats { font-size:12px; line-height:1.7; }
body .rail-account { border-top:1px solid var(--studio-line); background:transparent; padding-top:16px; }
body .topbar { min-height:78px; padding:0 32px; background:transparent; border-bottom:1px solid var(--studio-line); }
body .brand { font-size:12px; color:var(--studio-ink); letter-spacing:.04em; }
body .topbar-center { color:var(--studio-muted); font-size:10px; }
body .chat-actions button { font-size:9px; color:var(--studio-muted); }
body .app-stage { grid-template-columns:minmax(0,1fr) 256px; gap:26px; padding:30px 32px 24px; min-height:calc(100vh - 140px); }
body .chat-canvas { min-width:0; padding-top:0; }
body #welcomePanel { display:block; position:relative; isolation:isolate; overflow:hidden; width:100%; min-height:400px; margin:0 0 28px; padding:38px 32px; border-radius:26px; color:#fff9fc; background:radial-gradient(ellipse at 95% 3%,#6b5268 0,transparent 52%),radial-gradient(ellipse at 80% 90%,#534668 0,transparent 58%),#201c2c; box-shadow:0 22px 50px #39263f22; }
body #welcomePanel[hidden] { display:none!important; }
body .study-helix { position:absolute; inset:0; width:100%; height:100%; z-index:-2; pointer-events:none; }
body .study-mist { position:absolute; z-index:-1; pointer-events:none; inset:50% -20% -45% 25%; opacity:.45; filter:blur(28px); background:radial-gradient(ellipse at 30% 55%,#d7c8ee 0,transparent 34%),radial-gradient(ellipse at 65% 30%,#a9afce 0,transparent 38%),radial-gradient(ellipse at 65% 70%,#fac8d2 0,transparent 40%); animation:studio-mist 18s ease-in-out infinite alternate; }
body .heart-welcome-copy { position:relative; max-width:66%; z-index:1; }
body .study-hero .eyebrow { color:#dfb9ca; font:500 8px 'DM Mono',monospace; letter-spacing:.14em; margin:0 0 27px; }
body .study-hero h1 { font-size:clamp(29px,3.4vw,51px); line-height:1.08; letter-spacing:-.055em; font-weight:500; margin:0 0 20px; }
body .study-hero h1 em { font-family:Georgia,serif; color:#f0c4d5; font-weight:400; }
body .heart-welcome-copy>p:last-of-type { max-width:290px; color:#dbd4e1; font-size:12px; line-height:1.8; margin-bottom:23px; }
body .study-hero-action { display:inline-flex; align-items:center; gap:24px; border:1px solid #f9e3ef55; padding:11px 16px; border-radius:30px; background:#ffffff0c; text-decoration:none; color:#fff5fa; font-size:11px; font-weight:600; transition:background .2s; }
body .study-hero-action:hover { background:#ffffff22; }
body .study-hero .heart-art { position:absolute; width:96px; height:108px; right:22px; bottom:58px; border-radius:18px; border:1px solid #ffffff26; background:#21131d; box-shadow:0 10px 28px #11091a33; }
body .heart-art-caption { position:absolute; bottom:7px; left:5px; right:5px; text-align:center; color:#fff2f7; font-size:7px; }
body .studio-motion { position:absolute; bottom:20px; right:22px; border:1px solid #ffffff33; border-radius:20px; padding:7px 12px; color:#ddd1e2; background:#201c2c77; font:500 9px Manrope,Arial,sans-serif; cursor:pointer; }
body .study-hero.motion-paused .heart-art img,body .study-hero.motion-paused .study-mist { animation-play-state:paused; }
body .messages { width:100%; gap:20px; }
body .message { max-width:100%; min-width:0; }
body .bubble { background:var(--studio-panel); color:var(--studio-ink); border:1px solid var(--studio-line); border-radius:6px 18px 18px; box-shadow:var(--studio-shadow); }
body .message.user .bubble { background:#3e3048; color:#fff4fa; border-color:#3e3048; }
body .composer { width:100%; border:1px solid var(--studio-line); border-radius:20px; background:var(--studio-panel); padding:12px; box-shadow:0 9px 30px #35263b0c; }
body .composer textarea { color:var(--studio-ink); font:400 14px Manrope,Arial,sans-serif; }
body .composer:focus-within { border-color:#be80a0; box-shadow:0 0 0 3px #c48ba519; }
body .send-button { width:38px; height:38px; border-radius:13px; background:#a3426e; color:white; box-shadow:none; }
body .composer-note { color:var(--studio-muted); font-size:9px; line-height:1.6; }
body .quick-panel { align-self:start; padding:25px 20px; margin:0; background:var(--studio-panel); border:1px solid var(--studio-line); border-radius:22px; box-shadow:var(--studio-shadow); }
body .quick-panel .eyebrow { font-size:9px; color:var(--studio-rose); letter-spacing:.12em; }
body .quick-panel h2 { font:500 26px/1.16 Georgia,serif; letter-spacing:-.04em; color:var(--studio-ink); margin:16px 0 12px; }
body .quick-copy { font-size:11px; line-height:1.8; color:var(--studio-muted); }
body .prompt-list { display:grid; gap:8px; margin-top:24px; }
body .prompt-list button { display:flex; align-items:center; gap:11px; padding:13px 10px; border:1px solid var(--studio-line); border-radius:12px; background:var(--studio-panel); color:var(--studio-ink); text-align:left; font:500 11px/1.5 Manrope,Arial,sans-serif; transition:transform .2s,background .2s; }
body .prompt-list button span { color:var(--studio-rose); }
body .prompt-list button:hover { transform:translateY(-2px); background:#f8f0f5; border-color:#d4b1c5; }
body .quick-foot { padding:18px 0 0; margin-top:24px; border-top:1px solid var(--studio-line); color:var(--studio-muted); }
body .quick-foot strong { font-size:8px; letter-spacing:.12em; }
body .quick-foot p { font-size:10px; line-height:1.7; }
body .site-footer { padding:18px 32px; border-top:1px solid var(--studio-line); color:var(--studio-muted); }
body .site-footer a,body .site-footer button { color:var(--studio-muted); }
body :is(button,a,textarea):focus-visible { outline:2px solid #bb7297; outline-offset:4px; }
body[data-theme="dark"] { --studio-bg:#191721; --studio-panel:#24212d; --studio-ink:#f1eaf3; --studio-muted:#b9afc2; --studio-line:#393240; --studio-rose:#edabc7; }
body[data-theme="dark"] .icon-rail,body[data-theme="dark"] .topbar { background:var(--studio-panel); }
body[data-theme="dark"] .rail-nav button:first-child { background:#392637; color:#f0b0ce; }
body[data-theme="dark"] .rail-nav button:hover,body[data-theme="dark"] .prompt-list button:hover { background:#372d3e; }
body.sidebar-collapsed .icon-rail { width:64px; padding-left:8px; padding-right:8px; }
body.sidebar-collapsed .wide-shell { margin-left:64px; }
@keyframes studio-mist { from { transform:translate(-15px,10px) scale(1); } to { transform:translate(25px,-12px) scale(1.14); } }
@media(min-width:1600px) { body .app-stage { max-width:1500px; margin:0 auto; padding-top:46px; grid-template-columns:minmax(0,1fr) 300px; gap:32px; } body #welcomePanel { min-height:440px; padding:46px; } }
@media(max-width:1150px) { body .icon-rail { width:210px; } body .wide-shell { margin-left:210px; } body .app-stage { grid-template-columns:minmax(0,1fr); padding:24px; } body .quick-panel { width:100%; } body .prompt-list { grid-template-columns:repeat(2,minmax(0,1fr)); } body .quick-foot { margin-top:20px; } body .topbar-center { display:none; } }
@media(max-width:800px) { body .icon-rail { width:58px; padding:20px 6px 10px; } body .wide-shell { margin-left:58px; } body .rail-heading { padding:0 0 20px; } body .rail-nav button { padding:10px 6px; } body .topbar { padding:0 18px; min-height:66px; } body .app-stage { padding:18px; } body #welcomePanel { padding:30px 24px; min-height:380px; } body .study-hero h1 { font-size:39px; } body .heart-welcome-copy { max-width:75%; } body .site-footer { padding:16px 18px; } }
@media(max-width:520px) { body .brand { font-size:9px; } body .chat-actions { gap:4px; } body .chat-actions button { font-size:7px; padding:6px 3px; } body .app-stage { padding:12px; } body #welcomePanel { padding:26px 20px; min-height:390px; border-radius:20px; } body .study-hero h1 { font-size:33px; } body .heart-welcome-copy { max-width:100%; } body .heart-welcome-copy>p:last-of-type { max-width:210px; } body .study-helix { opacity:.3; } body .study-hero .heart-art { display:none; } body .studio-motion { bottom:17px; right:16px; } body .prompt-list { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { body .study-mist,body .heart-art img { animation:none; } body .studio-motion { display:none; } body .prompt-list button { transition:none; } }