/* Suvilabs conversational design, 2026-10-31. */
:root,:root[data-theme="light"] {
 --font:Arial,Helvetica,sans-serif; --sidebar-w:256px; --chat-width:768px;
 --accent:#16756b; --accent-2:#16756b; --accent-ink:#12645c;
 --accent-soft:#16756b14; --accent-line:#16756b50; --ink-on-accent:#fff;
 --bg:#f7f8f2; --bg-deep:#e9eee5; --surface:#fff; --surface-2:#e9eee5; --surface-3:#e2e9de;
 --ink:#243b36; --ink-2:#586b62; --ink-3:#728079; --line:#d1dcd0; --line-soft:#e2e9de;
 --motif:none; --shadow-soft:0 2px 8px #00000008; --shadow-pop:0 12px 40px #00000018; color-scheme:light;
}
:root[data-theme="dark"] {
 --bg:#192723; --bg-deep:#14211d; --surface:#243b36; --surface-2:#2d433b; --surface-3:#3a5147;
 --ink:#eeeeea; --ink-2:#c1c0b8; --ink-3:#a5a49b; --line:#496055; --line-soft:#2c4037;
 --accent-ink:#7dc9b8; --shadow-pop:0 12px 40px #0005; color-scheme:dark;
}
body,.app,.app .main {background:var(--bg);font-family:var(--font);}
.app::before,.main::before,.sidebar::before {background-image:none!important;}
.app .sidebar {background:var(--bg-deep);border-right:0;padding:12px 10px;}
.sidebar .sb-head {padding:5px 8px 20px;}
.sidebar .brand-name {font:500 25px/1.1 Georgia,serif;letter-spacing:-1px;}
.sidebar .brand>.ic {color:var(--accent);}
.sidebar .sb-link {border-radius:7px;padding:9px 10px;font-size:14px;font-weight:400;color:var(--ink);}
.sidebar .sb-link:hover,.sidebar .conv-item:hover {background:var(--surface-3);}
.sidebar .sb-link[aria-current="page"] {background:var(--surface-3);color:var(--ink);}
.sidebar .desktop-new .sb-link {background:transparent;border:0;box-shadow:none;}
.sidebar .desktop-new .sb-link>.ic {background:var(--accent);color:white;border-radius:50%;padding:3px;}
.sidebar .sb-search {border:0;background:transparent;margin:3px 4px 9px;}
.sidebar .sb-search input {background:transparent;border:0;box-shadow:none;font-size:13px;}
.sidebar .sb-section,.sidebar .desktop-recent {color:var(--ink-3);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;}
.sidebar .conv-item {border-radius:6px;min-height:32px;}
.sidebar .conv-item>a {font-size:13px;padding-block:7px;}
.sidebar .sb-foot {border-top:1px solid var(--line);background:transparent;}
.sidebar .user-chip {background:transparent;border:0;border-radius:8px;}
.sidebar .avatar {background:#d1e5d5;color:#245247;border-radius:50%;}
.chat .topbar,.chat-mode-bar {background:var(--bg);border:0;}
.chat-mode-bar .btn {border-radius:7px;font-size:13px;}
.chat-empty .welcome {margin:0 auto;padding:clamp(40px,12vh,130px) 20px 30px;min-height:0;gap:18px;}
.chat-empty .welcome h1 {font:400 clamp(32px,3.2vw,44px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1.6px;max-width:26ch;color:var(--ink);}
.chat-empty .welcome-symbol {color:var(--accent);width:42px;height:42px;}
.chat-empty .welcome p {font-size:14px;color:var(--ink-2);}
.chat-empty .welcome-plan {font-size:12px;color:var(--ink-3);border:0;background:transparent;}
.chat .composer-wrap {max-width:768px;padding:10px 24px 8px;}
.chat .composer {background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 3px 12px #0000000a;}
.chat .composer:focus-within {border-color:var(--ink-3);box-shadow:0 3px 12px #0000000d;}
.chat .composer textarea {font:400 16px/1.6 var(--font);padding:18px 20px 8px;min-height:78px;background:transparent;}
.chat .composer-bar {padding:5px 12px 12px;}
.chat .composer-bar .pill-btn {border:0;background:transparent;border-radius:7px;color:var(--ink-2);font-size:12px;}
.chat .send-btn {background:var(--accent)!important;color:#fff;border:0;box-shadow:none;border-radius:9px;width:34px;height:34px;}
.chat .composer-hint {font-size:10px;color:var(--ink-3);}
.chat-empty .starters {max-width:740px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px auto 24px;}
.chat-empty .starters .chip {border:1px solid var(--line);background:transparent;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:400;box-shadow:none;}
.chat-empty .starters .chip:hover {background:var(--surface-2);}
.chat .thread-inner {max-width:768px;padding:25px 28px 40px;}
.chat .msg.ai .prose {font:400 17px/1.8 Georgia,serif;}
.chat .msg.user .bubble {background:var(--surface-2);border:0;border-radius:14px;padding:12px 18px;}
.btn.primary {background:var(--accent);color:white;border-color:transparent;box-shadow:none;}
.auth-page.auth-editorial {display:flex;min-height:100dvh;padding:0;background:#f7f8f2;color:#243b36;gap:0;}
.auth-editorial .auth-story {display:none;}
.auth-editorial .auth-entry {width:100%;max-width:none;min-height:100dvh;padding:28px 48px 20px;background:transparent;border:0;border-radius:0;box-shadow:none;}
.auth-editorial .auth-entry-header {width:100%;max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.auth-editorial .auth-mobile-brand {display:block;}
.auth-editorial .brand {color:#243b36;gap:9px;}
.auth-editorial .brand-name {font:500 30px Georgia,serif;letter-spacing:-1px;}
.auth-editorial .auth-brand-symbol {background:transparent;color:#16756b;border:0;}
.auth-editorial .auth-switch {background:transparent;border:0;}
.auth-editorial .auth-switch a {font-size:13px;color:#586b62;border-radius:6px;padding:8px 16px;}
.auth-editorial .auth-switch a[aria-current="page"] {background:#e5ede2;color:#243b36;box-shadow:none;}
.auth-editorial .auth-form {padding:65px 0 70px;display:flex;align-items:center;justify-content:center;}
.auth-editorial .auth-card {width:min(400px,100%);padding:0;background:transparent;border:0;box-shadow:none;gap:23px;}
.auth-editorial .auth-card-mark {background:transparent;border:0;color:#16756b;margin:0 auto 6px;width:52px;height:52px;}
.auth-editorial .auth-card-mark .ic {width:42px;height:42px;}
.auth-editorial .auth-card h1 {font:400 42px/1.12 Georgia,serif;letter-spacing:-1.7px;text-align:center;color:#243b36;}
.auth-editorial .auth-card .sub {font-size:14px;line-height:1.7;text-align:center;color:#607466;margin:-8px 0 12px;}
.auth-editorial .field label {font-size:13px;color:#3b5448;font-weight:400;}
.auth-editorial .input {font-size:15px;background:#fff;border:1px solid #cfdbcf;border-radius:8px;min-height:48px;color:#243b36;}
.auth-editorial .input:focus {border-color:#8a8981;box-shadow:0 0 0 2px #243b3610;}
.auth-editorial .btn {min-height:46px;font-size:14px;border-radius:8px;font-weight:500;}
.auth-editorial .btn.primary {background:#243b36;border-color:#243b36;color:#fff;box-shadow:none;}
.auth-editorial .btn.primary:hover:not(:disabled) {background:#205c4e;border-color:#205c4e;transform:none;}
.auth-editorial .btn.outline {background:#fff;border-color:#cfdbcf;color:#243b36;}
.auth-editorial a:not(.brand):not(.btn):not(.auth-switch a) {color:#55544e;}
.auth-editorial .auth-entry-footer {font-size:11px;color:#728079;justify-content:center;gap:16px;}
.auth-editorial .or-line {font-size:12px;color:#728079;}
.auth-editorial .auth-card>.muted {font-size:13px;text-align:center;}
@media(max-width:900px) {
 .chat-empty .welcome {padding:60px 20px 24px;}
 .chat-empty .welcome h1 {font-size:34px;max-width:20ch;}
 .chat .composer-wrap {padding:8px 12px;}
 .chat .thread-inner {padding:16px 20px 30px;}
 .chat .composer textarea {font-size:16px;min-height:70px;}
 .chat .composer-bar .btn.icon,.chat .composer-bar .send-btn,.chat .composer-bar .pill-btn {min-height:44px;}
 .chat-empty .starters {padding:0 14px;gap:7px;}
 .chat-empty .starters .chip {min-height:44px;}
 .auth-editorial .auth-entry {padding:22px 24px;}
 .auth-editorial .auth-form {padding:60px 0 45px;}
 .auth-editorial .auth-card h1 {font-size:36px;}
 .auth-editorial .brand-name {font-size:26px;}
}
@media(max-height:650px) { .chat-empty .welcome {padding-top:24px;} .auth-editorial .auth-form {padding-block:30px;} }
@media(prefers-reduced-motion:reduce) { .auth-editorial *, .chat * {animation:none!important;transition:none!important;} }

/* Suvilabs identity: sage, forest and warm paper. */
:root {--brand-accent:#16756b;--brand-accent-2:#16756b;}
.chat {--accent:#16756b;--accent-soft:#16756b14;--accent-line:#16756b55;}
.auth-editorial .auth-entry {background:radial-gradient(ellipse at 10% 5%,#e4eddf 0,transparent 44%),radial-gradient(ellipse at 95% 95%,#e9eee0 0,transparent 40%),#f7f8f2;}
.auth-editorial .brand-name,.sidebar .brand-name {font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:600;letter-spacing:-1.1px;}
.auth-editorial .brand img,.sidebar .brand img {width:36px;height:36px;object-fit:contain;}
.auth-editorial .auth-card-mark {background:#e2eddf;border-radius:18px;width:64px;height:64px;color:#16756b;}
.auth-editorial .auth-card-mark .ic {width:40px;height:40px;}
.auth-editorial .btn.primary {background:#24594d;border-color:#24594d;}
.auth-editorial .btn.primary:hover:not(:disabled) {background:#194b40;border-color:#194b40;}
.auth-editorial .input:focus {border-color:#16756b;box-shadow:0 0 0 3px #16756b16;}
.auth-editorial :focus-visible,.app :is(button,a,input,textarea,select):focus-visible {outline-color:#16756b;}
.auth-editorial .auth-switch a[aria-current="page"] {background:#e1ebdd;color:#24594d;}
.auth-editorial .auth-card h1 {color:#263e32;}
.chat-empty .welcome-symbol {color:#16756b;}
.boot {background:var(--bg);}.boot svg {color:#16756b;}