500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#29352f;background:#fafbf8;font-synthesis:none;--green:#46725b;--muted:#839087;--line:#e6eae3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:3px solid #b3d4bb;outline-offset:3px}h1,h2,p{margin:0}h1,h2,.brand{font-family:Manrope,sans-serif}h1{font-size:1.8125rem;font-weight:700;letter-spacing:-1px}h2{font-size:1.125rem}small{display:block}.shell{display:flex;min-height:100dvh}.sidebar{width:272px;background:#202d29;color:#c0cac3;padding:35px 20px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;font-size:1.8125rem;letter-spacing:-1.5px;font-weight:800;color:#f0f5ec;text-decoration:none;padding:0 12px}.brandmark{font-size:2.5rem;color:#bad4aa;margin-right:12px}.brand-dot{color:#b9d4a8}.workspace-label{font-size:0.5625rem;letter-spacing:1.5px;margin:36px 13px 21px;display:flex;justify-content:space-between;align-items:center}.workspace-label span{font-size:0.5rem;letter-spacing:1px;border:1px solid #48534d;padding:4px 6px;border-radius:4px}nav{display:grid;gap:7px}.nav-item{display:flex;text-align:left;align-items:center;gap:13px;padding:13px 15px;border-radius:7px;font-size:0.8125rem}.nav-item>span:first-child{font-size:1.3125rem;line-height:1}.nav-item.selected{background:#36483d;color:#e6f3df}.nav-count{margin-left:auto;font-size:0.625rem;background:#52654d;padding:3px 6px;border-radius:4px}.sidebar-divider{height:1px;background:#37443d;margin:27px 10px 20px}.conversation-heading{font-size:0.5625rem;letter-spacing:1.4px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:13px}.conversation-heading button{font-size:1.25rem}.conversation-list{overflow-y:auto}.conversation{display:flex;gap:11px;text-align:left;font-size:0.75rem;width:100%;padding:13px 12px;border-radius:6px;line-height:1.4}.conversation.active{background:#2c3a32;color:#eef4e9}.conversation>span:first-child{color:#8b9d8e}.conversation small{font-size:0.625rem;color:#859489;margin-top:5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.private-note{display:flex;gap:10px;font-size:0.6875rem;padding:14px 12px 23px;line-height:1.7}.private-note>span{font-size:1.5rem;color:#a3b594}.private-note small{font-size:0.625rem;color:#8a998d}.profile{border-top:1px solid #3b473f;display:flex;align-items:center;gap:10px;text-align:left;padding:19px 10px 0;width:100%;font-size:0.75rem}.profile small{font-size:0.625rem;color:#8e9d91;margin-top:4px}.profile>span:last-child{margin-left:auto}.avatar{height:36px;width:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dfE8da;color:#4b6350;font-size:0.6875rem;flex-shrink:0}.main{margin-left:272px;width:calc(100% - 272px)}header{height:77px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fff;gap:10px;font-size:0.6875rem}.header-left{display:flex;align-items:center;gap:15px;color:#8a928c}.header-left strong{font-weight:500;color:#46554a}.slash{color:#c4cbc2}.demo-pill{border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:0.625rem;white-space:nowrap;color:#768271;display:flex;align-items:center;gap:6px}.demo-pill i{width:5px;height:5px;border-radius:50%;background:#89a975}.menu-button{display:none}.chat-heading{padding:37px 48px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.eyebrow{display:block;font-size:0.5625rem;letter-spacing:2px;color:#879078;font-weight:700;margin-bottom:12px}.chat-heading p{font-size:0.75rem;color:#8b948a;margin-top:9px}.outline{border:1px solid #dce2d7;background:white;border-radius:7px;padding:10px 14px;font-size:0.6875rem;white-space:nowrap}.chat-body{height:calc(100dvh - 211px);min-height:440px;display:flex;flex-direction:column;max-width:1000px;margin:auto}.messages{padding:34px 50px 20px;overflow-y:auto;flex:1}.message{display:flex;gap:15px;margin-bottom:32px;max-width:780px}.message-avatar{width:32px;height:32px;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:0.625rem;background:#e3e8db;color:#647154}.message-avatar.assistant{background:#41674e;color:#ebf5df;font-size:1.625rem}.message-label{font-size:0.75rem;font-weight:700;margin:5px 0 13px;display:flex;gap:10px;align-items:center}.message-label span{font-size:0.4375rem;font-weight:500;color:#8e9887;letter-spacing:1px}.message-text{font-size:0.8125rem;line-height:1.9;color:#526052;overflow-wrap:anywhere}.user .message-text{background:#f0f2eb;border:1px solid #e5e9df;border-radius:0 9px 9px;padding:13px 18px;color:#465443}.composer-wrap{padding:8px 50px 18px}.composer{border:1px solid #d8e0d3;border-radius:12px;background:#fff;box-shadow:0 5px 18px #283e2610;padding:15px 16px 11px}.composer:focus-within{border-color:#89a27d}.composer textarea{width:100%;resize:none;border:0;outline:0;background:none;font-size:0.8125rem;line-height:1.6;color:#344933}.composer textarea::placeholder{color:#99a091}.composer-controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.composer-controls>div{display:flex;align-items:center;gap:13px}.composer-controls span{font-size:0.625rem;color:#87917f}.upload{font-size:1.4375rem;color:#74816b;padding:0 5px}.tiny-dot{padding:0 5px}.send{width:33px;height:33px;background:#406a4e;color:white;border-radius:7px;font-size:1.4375rem}.composer-note{text-align:center;font-size:0.5625rem;color:#949c8c;margin-top:12px;line-height:1.5}.attachment-chip{font-size:0.6875rem;background:#e8eddf;padding:8px 12px;border-radius:7px;margin-bottom:8px;overflow-wrap:anywhere}.attachment-chip button{float:right}.page-content{padding:44px 48px;max-width:1250px;margin:auto}.subtitle{font-size:0.8125rem;color:#879180;margin-top:10px}.period{display:flex;justify-content:space-between;font-size:0.75rem;margin-top:30px;color:#5d6b57}.period span{color:#939c8c}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px}.stat>span{font-size:0.75rem;color:#7d8877}.stat strong{display:block;font-family:Manrope,sans-serif;font-size:2rem;letter-spacing:-1px;margin:13px 0}.stat em{font-style:normal;font-size:1.0625rem;color:#9aa38f}.stat small{font-size:0.625rem;color:#9ba391}.stat strong.status-text{font-size:1.3125rem;letter-spacing:0;color:#5f8052}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--line);gap:12px}.panel-heading h2{font-size:0.9375rem}.panel-heading>span{font-size:0.625rem;color:#929c88}.chart{height:260px;display:flex;gap:25px;padding:40px 35px 35px;align-items:flex-end}.bar-column{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar{width:100%;max-width:55px;min-height:5px;background:#adc29c;border-radius:5px 5px 0 0}.bar-column:nth-child(4) .bar{background:#487452}.bar-column>span{font-size:0.5625rem;color:#7d8971}.bar-column small{font-size:0.625rem;color:#88947c}.info-note{font-size:0.6875rem;color:#88937c;padding:22px 0;line-height:1.7}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:0.5625rem;text-transform:uppercase;letter-spacing:1px;color:#8d9783;font-weight:500;background:#fafbf7;padding:15px 25px}td{font-size:0.75rem;padding:19px 25px;border-top:1px solid var(--line)}.table-member{display:flex;align-items:center;gap:12px}.table-member small{font-size:0.5625rem;color:#9aa58d;margin-top:3px}code{font-size:0.6875rem;color:#839173}.role-pill{font-size:0.625rem;border:1px solid #e1e7d9;padding:4px 9px;border-radius:20px;color:#77876b}.token-cell{font-weight:600}.empty{text-align:center;padding:40px 10px}.empty-icon{display:block;font-size:3.125rem;color:#75966b;margin-bottom:16px}.empty p{font-size:0.75rem;color:#8a9580;margin-top:10px}.suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.suggestions button{font-size:0.6875rem;padding:13px;border:1px solid #dce4d4;border-radius:7px;background:#fff}.signin{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.signin-story{background:#23342c;color:#f4f5e8;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;background-image:radial-gradient(ellipse at 100% 70%,#4b614733,transparent 65%)}.signin-story .brand{padding:0}.signin-story h1{font-size:clamp(35px,4vw,60px);letter-spacing:-2px;line-height:1.15;margin:24px 0}.signin-story .eyebrow{color:#afc29e}.signin-story p{color:#a7b4a2;font-size:0.875rem;line-height:1.9}.signin-story>small{font-size:0.625rem;color:#879b85}.signin-form{max-width:430px;width:100%;margin:auto;padding:45px 30px}.signin-form h2{font-size:1.6875rem;letter-spacing:-1px}.signin-form>p{font-size:0.8125rem;color:#8b9484;line-height:1.8;margin-top:14px}#signin{margin-top:32px}label{display:block;font-size:0.75rem;margin-bottom:10px}select{width:100%;padding:14px;border:1px solid #dce3d5;border-radius:7px;background:#fff;color:#4b5b43}.primary{background:#41664c;color:#fff;width:100%;padding:14px 18px;border-radius:7px;margin-top:16px;text-align:left;font-size:0.75rem}.primary span{float:right}.signin-note{display:flex;gap:12px;color:#89987c;font-size:0.6875rem;line-height:1.7;margin-top:24px}.independent{margin-top:65px;font-size:0.625rem;color:#9ba492}@media(min-width:1500px){.chat-heading{padding-left:calc((100vw - 1272px)/2 + 48px)}}@media(max-width:1050px){.sidebar{width:240px}.main{margin-left:240px;width:calc(100% - 240px)}.chat-heading,.page-content{padding:30px}.messages{padding:30px}.composer-wrap{padding:10px 30px 18px}.stat{padding:20px}.stat strong{font-size:1.6875rem}.signin-story{padding:40px}}@media(max-width:760px){.sidebar{display:none;z-index:10;top:64px;width:260px}.sidebar.open{display:flex;box-shadow:10px 0 30px #0003}.main{width:100%;margin:0}header{height:64px;padding:0 18px}.menu-button{display:block;font-size:1.125rem}.header-left{gap:10px}.demo-pill{font-size:0.5rem;padding:6px 8px}.chat-heading{padding:25px 20px 20px}h1{font-size:1.4375rem}.chat-heading .outline span{display:none}.chat-heading .outline{font-size:1.1875rem;padding:7px 10px}.chat-heading .eyebrow{font-size:0.5rem}.chat-body{height:calc(100dvh - 185px);min-height:390px}.messages{padding:26px 20px}.message{gap:10px}.message-text{font-size:0.75rem}.message-label span{font-size:0.375rem}.composer-wrap{padding:8px 15px 15px}.composer-controls span{font-size:0.5rem}.composer-note{font-size:0.5rem}.page-content{padding:30px 20px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat{padding:18px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.stat strong{grid-column:2;grid-row:1 / 3;margin:0;text-align:right;font-size:1.625rem}.stat small{margin-top:8px}.stat strong.status-text{font-size:1.125rem}.panel-heading{padding:18px}.panel-heading>span{font-size:0.5rem}.chart{gap:12px;padding:35px 18px;height:230px}.bar-column>span{font-size:0.5rem}th,td{padding:15px 18px}.signin{grid-template-columns:1fr}.signin-story{min-height:0;padding:30px}.signin-story h1{font-size:2.25rem;margin:18px 0}.signin-story>small,.signin-story p{display:none}.signin-story>div:nth-child(2){margin-top:30px}.signin-form{padding:40px 25px}.independent{margin-top:35px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,filter .15s}.message{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

/* ODIN visual refinement */
:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;--red:#d94352;--yellow:#e2b83f;--blue:#3e67d6;--page:#f7f8fc;--surface:#fff;--ink:#18213a;--muted:#68738a;--line:#e4e7ef;--sidebar:#f0f2f8;--sidebar-ink:#58637b;--active:#e5eafb}
:root[data-theme="dark"]{color-scheme:dark;--page:#0d111b;--surface:#151b28;--ink:#eef2fb;--muted:#a0abc1;--line:#293246;--sidebar:#111724;--sidebar-ink:#a6b0c3;--active:#202b43}
body{background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
h1,h2,.brand,.stat strong{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.04em}
.brand{color:var(--ink)}
.brandmark{background:linear-gradient(120deg,var(--red),var(--yellow),var(--blue));color:transparent;-webkit-background-clip:text;background-clip:text}
.brand-dot{color:var(--red)}
.sidebar{background:var(--sidebar);color:var(--sidebar-ink);border-right:1px solid var(--line)}
.sidebar .brand{color:var(--ink)}
.workspace-label span{border-color:var(--line)}
.nav-item.selected{background:var(--active);color:var(--blue)}
.nav-count{background:#fff0bd;color:#755e12}
.sidebar-divider,.profile{border-color:var(--line)}
.sidebar-divider{background:var(--line)}
.profile{color:var(--ink)}
.profile small,.conversation small{color:var(--muted)}
.avatar{background:#e7ebfb;color:#355ac2}
header{background:var(--surface);border-color:var(--line);color:var(--muted)}
.header-left strong{color:var(--ink)}
.demo-pill{border-color:var(--line);color:var(--muted)}
.demo-pill i{background:var(--yellow)}
.eyebrow{color:var(--blue)}
.outline,.suggestions button{background:var(--surface);border-color:var(--line);color:var(--ink)}
.message-avatar.assistant{background:#e7ebfb;color:var(--blue)}
.user .message-text{background:#f0f2f9;border-color:var(--line);color:var(--ink)}
.message-text,.chat-heading p,.subtitle{color:var(--muted)}
.composer{background:var(--surface);border-color:var(--line)}
.composer:focus-within{border-color:var(--blue)}
.composer textarea{color:var(--ink)}
.upload{color:var(--blue)}
.send{background:var(--red)}
.composer-note,.info-note{color:var(--muted)}
.attachment-chip{background:#fff2c8;color:var(--ink)}
.stat,.panel{background:var(--surface);border-color:var(--line)}
.stat>span,.stat small,.panel-heading>span{color:var(--muted)}
.bar{background:var(--blue)}
.bar-column:nth-child(4) .bar{background:var(--red)}
th{background:var(--page);color:var(--muted)}
td{border-color:var(--line)}
code{color:var(--blue)}
.role-pill{border-color:var(--line);color:var(--red)}
.empty-icon{color:var(--blue)}
.suggestions button:hover{border-color:var(--blue)}
.signin-story{background-color:#1b2743;background-image:radial-gradient(ellipse at 100% 70%,#3e67d622,transparent 64%)}
.signin-story .brand{color:#f3f5fc}
.signin-story .eyebrow{color:#f0cc66}
.signin-story p,.signin-story>small{color:#c4cbe0}
.signin-form h2{color:var(--ink)}
.signin-form>p{color:var(--muted)}
select{background:var(--surface);border-color:var(--line);color:var(--ink)}
.primary{background:var(--blue)}
.signin-note{color:var(--muted)}
.theme-toggle{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--blue);width:36px;height:36px;font-size:1.125rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.signin-form{position:relative}
.signin-theme{position:absolute;top:16px;right:24px}
:root[data-theme="dark"] .main,:root[data-theme="dark"] .page-content{color:var(--ink)}
:root[data-theme="dark"] header,:root[data-theme="dark"] .outline,:root[data-theme="dark"] .composer,:root[data-theme="dark"] .stat,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .suggestions button,:root[data-theme="dark"] select,:root[data-theme="dark"] .theme-toggle{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .nav-item.selected{background:#202b43;color:#8fb0ff}
:root[data-theme="dark"] .nav-count{background:#42391e;color:#f3d36d}
:root[data-theme="dark"] .sidebar .brand,:root[data-theme="dark"] .profile{color:var(--ink)}
:root[data-theme="dark"] .conversation.active{background:#202b43;color:var(--ink)}
:root[data-theme="dark"] .conversation small,:root[data-theme="dark"] .profile small{color:var(--muted)}
:root[data-theme="dark"] .message-text{color:#c6cfe0}
:root[data-theme="dark"] .user .message-text{background:#20283a;border-color:#303a50;color:#eef2fb}
:root[data-theme="dark"] .message-avatar{background:#263047;color:#b8c8eb}
:root[data-theme="dark"] .message-avatar.assistant{background:#202d4b;color:#91b4ff}
:root[data-theme="dark"] .composer textarea{color:var(--ink)}
:root[data-theme="dark"] .attachment-chip{background:#3b3421;color:#f4e5aa}
:root[data-theme="dark"] .bar{background:#75a5ff}
:root[data-theme="dark"] .bar-column:nth-child(4) .bar{background:#ff7480}
:root[data-theme="dark"] .role-pill{color:#ff8b95}
:root[data-theme="dark"] code{color:#82d8ff}
:root[data-theme="dark"] th{background:#111724;color:var(--muted)}
:root[data-theme="dark"] td{border-color:var(--line)}
:root[data-theme="dark"] .signin-form{background:var(--page)}
:root[data-theme="dark"] .signin-story{background-color:#111724;background-image:radial-gradient(ellipse at 100% 70%,#4769b522,transparent 64%)}
:root[data-theme="dark"] .signin-form h2{color:var(--ink)}
:root[data-theme="dark"] .signin-form>p{color:var(--muted)}
@media(max-width:760px){.signin-theme{top:12px;right:14px}}
/* ODIN branding and graphite color system */
:root{--red:#cb3542;--yellow:#e4b744;--blue:#5678b9;--page:#f1f2f4;--surface:#fff;--ink:#17191d;--muted:#70747c;--line:#dcdee2;--sidebar:#e9eaed;--sidebar-ink:#4e525a;--active:#f9e3e3}
:root[data-theme="dark"]{color-scheme:dark;--page:#0b0c0f;--surface:#151619;--ink:#ececef;--muted:#a3a5ab;--line:#2b2c31;--sidebar:#101114;--sidebar-ink:#b6b7bc;--active:#2d1b1e}
body{background:var(--page);color:var(--ink)}
.brand{color:var(--ink);text-transform:uppercase;letter-spacing:.08em}
.brand-dot{color:var(--red)}
.brandmark{background:linear-gradient(130deg,#d4474e,#e5bf59);color:transparent;-webkit-background-clip:text;background-clip:text}
.powered-by{display:flex;align-items:center;gap:9px;margin:12px 12px 0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--yellow) 45%,var(--line));border-radius:9px;background:linear-gradient(110deg,color-mix(in srgb,var(--yellow) 12%,var(--surface)),var(--surface));width:max-content;max-width:calc(100% - 24px)}
.power-mark{color:var(--yellow);font-size:1rem}
.powered-by>span:last-child{display:flex;flex-direction:column;gap:3px}
.powered-by small{font-size:0.4375rem;letter-spacing:1.5px;color:var(--muted)}
.powered-by strong{font-size:0.6875rem;letter-spacing:.01em;color:var(--ink);font-weight:700}
.powered-by em{font-style:normal;color:#9a6b08;font-size:0.5625rem;letter-spacing:.06em;margin-left:3px}
.signin-power{margin:10px 0 0}
.workspace-label{margin-top:24px}
.sidebar{background:var(--sidebar);color:var(--sidebar-ink);border-color:var(--line)}
.sidebar .brand,.profile{color:var(--ink)}
.nav-item.selected{background:var(--active);color:var(--red)}
.nav-count{background:#f4df9e;color:#554315}
.conversation.active{background:#dedfe3;color:var(--ink);border-left:2px solid var(--red)}
.avatar{background:#e0e1e4;color:#494c52}
header,.outline,.composer,.stat,.panel,.suggestions button,select,.theme-toggle{background:var(--surface);border-color:var(--line)}
header{color:var(--muted)}
.header-left strong{color:var(--ink)}
.demo-pill{border-color:var(--line);color:var(--muted)}
.demo-pill i{background:var(--yellow)}
.eyebrow{color:var(--red)}
.primary,.send{background:var(--red)}
.primary:hover,.send:hover{background:#ae2934;filter:none}
.upload,.empty-icon{color:var(--red)}
.outline,.suggestions button{color:var(--ink)}
.composer:focus-within{border-color:var(--red)}
.user .message-text{background:#e7e8eb;border-color:var(--line);color:var(--ink)}
.message-avatar.assistant{background:#f4df9e;color:#6b5314}
.bar{background:#aeb1b7}
.bar-column:nth-child(4) .bar{background:var(--red)}
.role-pill{border-color:var(--line);color:var(--red)}
code{color:var(--blue)}
.signin-story{background-color:#151619;background-image:radial-gradient(ellipse at 100% 70%,#cb35421b,transparent 64%)}
.signin-story .brand{color:#f1f1f3}
.signin-story .eyebrow{color:#e9c963}
.signin-story p,.signin-story>small{color:#c0c1c5}
.theme-toggle{color:var(--red)}
:root[data-theme="dark"] .powered-by{background:linear-gradient(110deg,#292317,#17181b);border-color:#59491f}
:root[data-theme="dark"] .powered-by strong{color:#f1f1f3}
:root[data-theme="dark"] .powered-by em{color:#f3d16e}
:root[data-theme="dark"] .nav-item.selected{background:#2d1b1e;color:#ff737e}
:root[data-theme="dark"] .nav-count{background:#423719;color:#f5d773}
:root[data-theme="dark"] .conversation.active{background:#202126;color:var(--ink);border-color:#ff737e}
:root[data-theme="dark"] .avatar{background:#292a2f;color:#e3e3e7}
:root[data-theme="dark"] .message-avatar.assistant{background:#3a321e;color:#f5d773}
:root[data-theme="dark"] .user .message-text{background:#202126;border-color:#303137;color:var(--ink)}
:root[data-theme="dark"] .bar{background:#686b73}
:root[data-theme="dark"] .bar-column:nth-child(4) .bar{background:#ff737e}
:root[data-theme="dark"] .role-pill{color:#ff8992;border-color:#494a50}
:root[data-theme="dark"] code{color:#8fa9d9}
:root[data-theme="dark"] .signin-story{background-color:#101114;background-image:radial-gradient(ellipse at 100% 70%,#cb35421b,transparent 64%)}
:root[data-theme="dark"] .signin-form{background:var(--page)}
:root[data-theme="dark"] .signin-form h2{color:var(--ink)}
:root[data-theme="dark"] .signin-form>p{color:var(--muted)}
.signin-brand-group{display:flex;flex-direction:column;align-items:flex-start}

/* ODIN premium color polish and preferences */
:root{--ui-scale:1}
:root[data-text-size="small"]{--ui-scale:.94}
:root[data-text-size="large"]{--ui-scale:1.1}
#app{font-size:calc(16px * var(--ui-scale))}
body{background-color:var(--page);background-image:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--red) 9%,transparent),transparent 38%),radial-gradient(ellipse at 92% 96%,color-mix(in srgb,var(--yellow) 8%,transparent),transparent 35%)}
.sidebar{background-image:linear-gradient(155deg,color-mix(in srgb,var(--red) 5%,var(--sidebar)),color-mix(in srgb,var(--yellow) 4%,var(--sidebar)) 54%,var(--sidebar))}
.brandmark{font-size:1.12em;font-weight:800;background:linear-gradient(145deg,#fff4b9 0%,#ddb642 35%,#fff3c1 54%,#a87917 78%,#edce73 100%);color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 3px #c797363b)}
.powered-by{position:relative;overflow:hidden;border:1px solid #d5b354;background:linear-gradient(115deg,#fff4c8 0%,#e9c86e 24%,#fff9df 46%,#d6ad46 72%,#fff0b2 100%);box-shadow:0 3px 12px #9c741b2b,inset 0 1px #fff9}
.powered-by:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#fff9 44%,transparent 65%);pointer-events:none}
.powered-by .power-mark{color:#76540a;text-shadow:0 1px #fff8}.powered-by small{color:#725715}.powered-by strong{color:#33270c}.powered-by em{color:#684b09;font-weight:800}
:root[data-theme="dark"] .powered-by,:root[data-theme="sakura"] .powered-by{background:linear-gradient(115deg,#463614 0%,#c39b39 28%,#f6df91 50%,#9b7420 76%,#e4c56c 100%);border-color:#e0c46b;box-shadow:0 4px 18px #d0a33330,inset 0 1px #fff8}
:root[data-theme="dark"] .powered-by small,:root[data-theme="dark"] .powered-by strong,:root[data-theme="dark"] .powered-by em,:root[data-theme="sakura"] .powered-by small,:root[data-theme="sakura"] .powered-by strong,:root[data-theme="sakura"] .powered-by em{color:#251b08}
:root[data-theme="sakura"]{color-scheme:dark;--page:#211e22;--surface:#2b272d;--ink:#f7eaf0;--muted:#c3aeba;--line:#49404a;--sidebar:#252126;--sidebar-ink:#dfcbd5;--active:#492637;--red:#ed5a91;--yellow:#f4b9d1;--blue:#c5a4d8}
:root[data-theme="sakura"] body{background-image:radial-gradient(ellipse at 9% 0%,#ed5a9122,transparent 42%),radial-gradient(ellipse at 93% 95%,#f4b9d11a,transparent 36%)}
:root[data-theme="sakura"] .sidebar{background-image:linear-gradient(150deg,#392631,#29242b 52%,#252126)}
:root[data-theme="sakura"] .brand-dot,:root[data-theme="sakura"] .eyebrow,:root[data-theme="sakura"] .upload,:root[data-theme="sakura"] .empty-icon{color:#ff78a8}
:root[data-theme="sakura"] .nav-item.selected{background:#492637;color:#ff8cb5}
:root[data-theme="sakura"] .nav-count{background:#563548;color:#ffd4e4}
:root[data-theme="sakura"] .conversation.active{background:#392b35;color:#fff0f6;border-color:#ed5a91}
:root[data-theme="sakura"] .primary,:root[data-theme="sakura"] .send{background:linear-gradient(115deg,#b83268,#ee5b91 56%,#f58db2)}
:root[data-theme="sakura"] .signin-story{background-color:#252126;background-image:radial-gradient(ellipse at 100% 70%,#ed5a9133,transparent 64%)}
:root[data-theme="sakura"] .signin-story .eyebrow{color:#ffc6dc}
:root[data-theme="sakura"] .message-avatar.assistant{background:#513342;color:#ffc5db}
:root[data-theme="sakura"] .user .message-text{background:#3a3038;border-color:#51424d;color:#faeaf1}
:root[data-theme="sakura"] .bar{background:#b77e9a}
:root[data-theme="sakura"] .bar-column:nth-child(4) .bar{background:#ed5a91}
:root[data-theme="sakura"] code{color:#e5b5fa}
:root[data-theme="sakura"] .role-pill{color:#ff9cbe;border-color:#654457}
:root[data-theme="sakura"] header,:root[data-theme="sakura"] .outline,:root[data-theme="sakura"] .composer,:root[data-theme="sakura"] .stat,:root[data-theme="sakura"] .panel,:root[data-theme="sakura"] .suggestions button,:root[data-theme="sakura"] select,:root[data-theme="sakura"] .theme-toggle{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme="sakura"] .message-text{color:#f4e5ec}
:root[data-theme="sakura"] .message-avatar{background:#443743;color:#f5ddea}
:root[data-theme="sakura"] .composer textarea{color:var(--ink)}
:root[data-theme="sakura"] .attachment-chip{background:#523448;color:#ffd4e4}
:root[data-theme="sakura"] th{background:#211e22;color:var(--muted)}
:root[data-theme="sakura"] td{border-color:var(--line)}
:root[data-theme="sakura"] .signin-form{background:var(--page)}
:root[data-theme="sakura"] .signin-form h2{color:var(--ink)}
:root[data-theme="sakura"] .signin-form>p{color:var(--muted)}
:root[data-theme="sakura"] .signin-theme{background:var(--surface);color:#ff78a8}
.primary,.send{background:linear-gradient(115deg,#a92532,#d33c45 55%,#e5a52e)}
.primary:hover,.send:hover{background:linear-gradient(115deg,#941f2b,#c9303b 55%,#d99423)}
.settings-intro{color:var(--muted);margin:-8px 0 26px}
.settings-group{max-width:780px;margin:0 0 20px;padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,var(--red)),var(--surface) 52%,color-mix(in srgb,var(--surface) 96%,var(--yellow)));box-shadow:0 8px 25px #00000008}
.settings-heading h2{margin:0 0 5px;font-size:1.0625rem}.settings-heading p{margin:0 0 16px;color:var(--muted);font-size:0.8125rem}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.theme-option{min-height:88px;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);cursor:pointer}
.theme-option.chosen,.size-option.chosen{border-color:var(--red);box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 16%,transparent)}
.theme-option>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.theme-option strong{font-size:0.8125rem}.theme-option small{font-size:0.625rem;color:var(--muted);line-height:1.4}
.theme-swatch{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#d83e49,#f0c64c);color:white}
.theme-swatch.dark{background:linear-gradient(135deg,#18191d,#34353d 60%,#e4b744)}
.theme-swatch.sakura{background:linear-gradient(135deg,#292329 0 38%,#ed5a91 39% 70%,#f4b9d1 71%);color:#fff}
.option-check{margin-left:auto;color:var(--red);font-weight:800}
.size-options{display:flex;gap:9px}.size-option{min-width:95px;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);cursor:pointer;font-weight:650}
.settings-note{max-width:780px;padding:13px 15px;border-left:3px solid var(--yellow);background:color-mix(in srgb,var(--yellow) 9%,var(--surface));color:var(--muted);font-size:0.75rem;border-radius:0 8px 8px 0}
@media(max-width:760px){.theme-options{grid-template-columns:1fr}.theme-option{min-height:70px}.settings-group{padding:17px}.size-options{flex-wrap:wrap}}
/* Final ODIN mark and restrained gold badge */
.turtle-mark{display:block;width:40px;height:40px;margin-right:12px;flex:none;color:#d33c45;background:none;filter:none}
.signin-brand-group .turtle-mark{width:44px;height:44px}
.powered-by{background:linear-gradient(135deg,#f7f0dc,#ead9a7);border:1px solid #c6a853;box-shadow:0 2px 7px #8c6b1920,inset 0 1px #ffffffb0}
.powered-by:before{display:none}
.powered-by .power-mark{color:#947220;text-shadow:none}
.powered-by small{color:#76602c}
.powered-by strong{color:#342b18}
.powered-by em{color:#735817}
:root[data-theme="dark"] .powered-by,:root[data-theme="sakura"] .powered-by{background:linear-gradient(135deg,#514522,#706037);border-color:#a58a45;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff18}
:root[data-theme="dark"] .powered-by small,:root[data-theme="dark"] .powered-by strong,:root[data-theme="dark"] .powered-by em,:root[data-theme="sakura"] .powered-by small,:root[data-theme="sakura"] .powered-by strong,:root[data-theme="sakura"] .powered-by em{color:#f0dfac}
:root[data-theme="dark"] .powered-by .power-mark,:root[data-theme="sakura"] .powered-by .power-mark{color:#e2c777}.odin-mark{display:block;width:40px;height:40px;margin-right:12px;flex:none;color:#d33c45;background:none;filter:none}
.signin-brand-group .odin-mark{width:44px;height:44px}/* Live account controls */
input{width:100%;padding:13px 14px;margin:8px 0 18px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit}
button:disabled{opacity:.55;cursor:wait}
dialog{max-width:520px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--surface);color:var(--ink)}
dialog::backdrop{background:#0009}dialog button{margin:12px 8px 0 0}dialog label{display:block}dialog p{line-height:1.5}.secret{display:block;overflow-wrap:anywhere;padding:12px;background:var(--page)}
.message-text pre{max-width:100%;overflow:auto;padding:16px;border-radius:10px;background:var(--page);white-space:pre}.message-text code{font-family:Consolas,monospace}.message-text{overflow-wrap:anywhere}.message>div{min-width:0}
.signin-form input:focus{outline:2px solid var(--red)}

:root{font-size:16px}:root[data-text-size="small"]{font-size:14px}:root[data-text-size="large"]{font-size:19px}
#model{width:auto;min-width:170px;max-width:280px;margin:0;padding:10px 12px;font-size:.8rem;border:1px solid var(--line);color:var(--ink);background:var(--surface)}.chat-heading>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-heading{flex-wrap:wrap}
@media(max-width:760px){#model{max-width:240px}.chat-heading>div{width:100%}}
.allowance-cards{display:flex;gap:1rem;flex-wrap:wrap;margin:.7rem 0}.allowance-cards>div{display:grid;gap:.25rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem}.allowance-cards span,.allowance-cards small{font-size:.8rem}.allowance-cards small,.model-summary{color:var(--muted)}.model-summary{display:block;max-width:24rem;font-size:.8rem;margin-top:.4rem}.composer-allowance .allowance-cards>div{padding:.4rem .6rem;flex:1}.composer-allowance .allowance-cards small{font-size:.7rem}dialog fieldset{border:1px solid var(--border);margin:1rem 0;border-radius:.6rem;padding:.8rem}dialog fieldset label{display:block}dialog input[type=checkbox]{width:auto;margin-right:.5rem}dialog input[type=range]{width:100%}dialog output{display:block;margin:.6rem 0}td>small{display:block;margin-top:.5rem;max-width:20rem}dialog small{display:block;font-size:.8rem;line-height:1.5}
