:root{--bg:#f8f7f4;--navy:#161c30;--ink:#212336;--muted:#828394;--gold:#b68f5b;--line:#e8e3dc;--surface:#fff;--soft:#f4f0e9;--radius:18px;color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.app-shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:304px;flex:0 0 304px;background:#161c30;color:#f9f4ed;display:flex;flex-direction:column;padding:31px 18px 17px;box-shadow:-1px 0 0 #2e3545}.brand{font-size:31px;display:flex;align-items:center;gap:12px;direction:ltr;justify-content:center;font-family:Georgia,serif;letter-spacing:.3px;margin-bottom:34px}.brand small{display:block;font:9px system-ui;letter-spacing:3px;color:#a9a9ad;margin-top:3px}.brand-sparkle{font-size:33px;color:#dabb8b}.brand-dot{color:#dbb07b}.button{border:0;border-radius:14px;padding:12px 18px;transition:transform .12s ease,filter .12s ease}.button:hover{filter:brightness(.98)}.button:active{transform:scale(.99)}.new-chat{background:#d5b184;color:#171e30;font-weight:700;display:flex;justify-content:center;gap:12px;font-size:15px}.section-head{display:flex;justify-content:space-between;color:#b8b8bc;font-size:12px;margin:30px 12px 13px}.thread-list{overflow-y:auto;flex:1}.thread-item{width:100%;border:0;background:transparent;color:#c7c5c6;text-align:right;border-radius:12px;padding:13px 12px;display:flex;justify-content:space-between;gap:6px;align-items:center}.thread-item:hover{background:#282f41}.thread-item.selected{background:#31374b;color:white}.thread-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.thread-delete{background:transparent;border:0;color:#a9a5aa;border-radius:10px;padding:0 5px}.thread-delete:hover{color:#f9b0b0}.sidebar-footer{padding-top:12px;border-top:1px solid #313749;display:grid;gap:3px}.nav-btn{background:transparent;color:#ddd;border:0;text-align:right;display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:9px;font-size:14px}.nav-btn:hover{background:#282f41}.chat{display:flex;flex:1;flex-direction:column;min-width:0;background:linear-gradient(180deg,#fff 0%,#fdfcfb 60%,#f9f7f4 100%)}.chat-header{min-height:88px;padding:16px clamp(15px,4vw,50px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eeeae4}.header-start{display:flex;align-items:center;gap:12px}.avatar{width:49px;height:49px;border-radius:50%;padding:2px;background:#e2bd8e;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover;object-position:center 22%;border-radius:50%}.chat-header h2{font-size:19px;margin:0;line-height:1.3}.decor{color:var(--gold);font-size:13px}.presence{font-size:12px;color:#858594;margin-top:2px}.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6dba8f;margin-left:4px}.header-tools{display:flex;align-items:center;gap:14px}.icon-btn{background:transparent;border:0;color:#807c81;font-size:23px;width:35px;height:35px;border-radius:9px}.icon-btn:hover{background:var(--soft)}.lang-btn{border:1px solid var(--line);border-radius:9px;background:white;padding:8px 10px;color:#888;font-size:12px;direction:ltr}.hamburger{display:none}.chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;scroll-behavior:smooth}.welcome{margin:auto;max-width:670px;text-align:center;padding:25px 16px}.welcome-portrait{margin:0 auto 16px;width:142px;height:142px;border-radius:50%;border:4px solid #fff;outline:1px solid #ebc99d;box-shadow:0 14px 50px #c4a47e32;overflow:hidden}.welcome-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 17%}.eyebrow{letter-spacing:2px;font-size:10px;color:#ba956d}.welcome h1{font-size:clamp(28px,4vw,40px);font-weight:650;margin:10px 0;color:#232637}.welcome h1 em{font-family:Georgia,serif;color:#b28b60;font-weight:normal}.welcome p{font-size:15px;color:#85828a;margin-bottom:29px}.suggestions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.suggestions button{background:white;color:#62616b;border:1px solid #e7ded2;border-radius:14px;padding:11px 14px;font-size:13px;box-shadow:0 4px 12px #29232205}.suggestions button span{color:#b38e60}.messages{max-width:860px;width:100%;margin:0 auto;padding:26px clamp(15px,3vw,30px) 8px;display:flex;flex-direction:column;gap:19px}.message{display:flex;align-items:flex-end;gap:12px;max-width:86%;direction:rtl}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.msg-avatar{width:33px;height:33px;flex:0 0 33px;border-radius:50%;object-fit:cover;object-position:center 24%;border:1px solid #dbbf98}.msg-box{background:#f4eee7;color:#282536;border:1px solid #eee7de;max-width:100%;padding:13px 16px;border-radius:17px 17px 4px 17px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.user .msg-box{background:#222c43;color:#fff;border-color:#222c43;border-radius:17px 17px 17px 4px}.msg-time{color:#999;font-size:10px;margin:5px 5px 0;text-align:start}.composer-wrap{padding:12px clamp(12px,3vw,42px) 14px;background:linear-gradient(180deg,#fbfaf8,#f9f7f4)}.composer{display:flex;align-items:flex-end;gap:10px;max-width:850px;margin:auto;background:white;border:1px solid #dfd9d2;border-radius:18px;padding:8px 8px 8px 12px;box-shadow:0 12px 44px #40352b0a}.composer:focus-within{border-color:#c2a078}.composer textarea{flex:1;border:0;resize:none;outline:0;min-height:40px;max-height:160px;padding:9px 14px;background:transparent;color:#2a2630;font-size:14px;line-height:1.55}.send-btn{height:42px;width:42px;flex:0 0 42px;border:0;border-radius:13px;background:#bd9667;color:white;font-size:21px;transform:rotate(180deg)}.disclaimer{text-align:center;color:#a09d9c;font-size:11px;margin:9px 0 0}.typing{padding:10px 30px;align-self:flex-start;color:#aaa;font-size:12px;display:flex;gap:5px;align-items:center}.typing i{width:6px;height:6px;border-radius:50%;background:#bb9469;animation:bounce 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}.banner{color:#93372b;background:#fff0ed;border:1px solid #f2b7aa;border-radius:9px;padding:8px 13px;margin:0 auto 8px;max-width:850px;font-size:13px}.login-shell{min-height:100dvh;background:radial-gradient(circle at 50% 20%,#28344d,#141a2c 80%);display:grid;place-items:center;padding:25px}.login-panel{max-width:390px;width:100%;padding:36px 31px 30px;background:#fdfaf6;border-radius:23px;text-align:center;box-shadow:0 30px 100px #0004}.login-photo{height:136px;width:136px;object-fit:cover;object-position:center 20%;border-radius:50%;box-shadow:0 0 0 5px white,0 0 0 6px #c5a57c;margin:8px auto 20px}.login-panel h1{font-size:28px;margin:11px 0}.login-panel p{color:#858089;font-size:14px}.login-panel form{text-align:right;display:grid;gap:10px;margin-top:28px}.login-panel label{font-size:12px;color:#746d6b}.login-panel input,.modal input,.modal select{width:100%;border:1px solid #e0d8cc;border-radius:12px;padding:13px;background:white;outline:0}.primary{background:#222b40;color:#fff;font-weight:650}.login-panel .primary{display:flex;justify-content:space-between;margin-top:7px}.error{color:#b04545!important}.modal{border:0;border-radius:19px;box-shadow:0 22px 100px #1115;max-width:490px;width:min(94vw,490px);padding:25px;color:var(--ink)}.modal::backdrop{background:#15182498}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0 0 16px;font-size:21px}.modal p{color:#777;font-size:13px;line-height:1.7}.modal label{display:block;margin:15px 0 9px;font-size:13px}.memory-add{display:flex;gap:8px;margin:21px 0}.memory-add input{min-width:0;flex:1}.memory-list{display:grid;gap:8px;max-height:45vh;overflow:auto}.memory-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}.memory-row button{border:0;background:transparent;color:#b44d4d}.hint{font-size:12px}.budget-box{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--soft);padding:18px;border-radius:12px;margin:22px 0 10px;font-size:13px}.budget-box strong{direction:ltr}
@media(max-width:700px){.sidebar{position:fixed;z-index:20;right:0;top:0;bottom:0;transform:translateX(105%);transition:transform .2s ease;width:min(85vw,304px)}.sidebar.open{transform:none}.mobile-shade{position:fixed;inset:0;z-index:19;background:#10152480}.hamburger{display:block}.desktop-only{display:none}.chat-header{min-height:72px;padding:10px 14px}.chat-header h2{font-size:17px}.welcome{padding:16px}.welcome-portrait{width:116px;height:116px}.suggestions{gap:7px}.suggestions button{padding:9px 11px}.messages{gap:15px;padding:15px}.message{max-width:93%}.msg-avatar{width:28px;height:28px;flex-basis:28px}.msg-box{font-size:14px;padding:10px 12px}.composer-wrap{padding:10px 9px max(9px,env(safe-area-inset-bottom))}.disclaimer{font-size:10px}}

/* v0.2 — editing and model evaluation */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.thread-search{margin:0 0 12px;width:100%;background:#272f43;color:#fff;border:1px solid #424859;border-radius:11px;padding:10px 13px;outline:0;font-size:13px}
.thread-search::placeholder{color:#a4a7b4}.thread-search:focus{border-color:#d5b184}
.thread-actions,.memory-actions{display:flex;align-items:center;flex-shrink:0;gap:2px}.thread-actions .thread-delete{font-size:15px;min-width:24px;min-height:26px}
.memory-actions{gap:8px}.memory-actions button{padding:6px 2px}.memory-actions button:first-child{color:#63543e}
.compare-shortcut{border:1px solid #e8dccb;background:#fefcf8;color:#907346;border-radius:10px;padding:8px 11px;font-size:12px}
.compare-modal{max-width:640px;width:min(94vw,640px)}.compare-modal form{display:grid;gap:11px}.compare-modal textarea{width:100%;min-height:86px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:12px;outline:0}
.compare-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:4px 0 7px}
.compare-option{display:flex!important;align-items:center;gap:8px;background:#f8f5ef;padding:10px!important;border:1px solid #e7ddcf;border-radius:10px;margin:0!important;cursor:pointer}
.compare-option input{width:auto;accent-color:#ad8252}.compare-modal button.primary{width:100%}.compare-results{display:grid;gap:10px;margin-top:20px}
.compare-result{background:#fbf8f4;border:1px solid #e9e0d4;border-radius:12px;padding:14px}.compare-result h3{font-size:15px;margin:0 0 8px;color:#343048}.compare-result p{font-size:14px;color:#292839;white-space:pre-wrap;margin:0 0 10px}.compare-result small{color:#837d78}
@media(max-width:700px){.thread-search{font-size:16px}.modal{max-height:90dvh;overflow-y:auto}.compare-choices{grid-template-columns:1fr 1fr}}