:root{--sidebar:#f6f5f1;--canvas:#fbfaf7;--card:#fff;--ink:#282824;--muted:#77756d;--line:#e8e6df;--accent:#d97757;--accent-dark:#bd6044;--assistant:#f2f0ea;--shadow:0 14px 40px rgba(51,47,39,.08)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:"DM Sans","Noto Sans SC",sans-serif;color:var(--ink);background:var(--canvas);overflow:hidden}button,input,textarea{font:inherit;color:inherit}.app-shell{height:100%;display:flex}.sidebar{width:284px;flex:0 0 284px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px 14px;z-index:30}.brand-row{height:34px;display:flex;align-items:center;padding:0 8px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:17px;letter-spacing:-.3px}.brand-mark,.welcome-mark{display:grid;place-items:center;color:white;background:var(--accent);font-family:Georgia,serif}.brand-mark{width:27px;height:27px;border-radius:8px;font-size:16px}.new-chat-button{border:1px solid #dfddd5;background:#fff;border-radius:12px;height:44px;padding:0 11px;display:flex;gap:9px;align-items:center;cursor:pointer;box-shadow:0 1px 2px rgba(20,20,20,.03);transition:.2s}.new-chat-button:hover{border-color:#cecac0;transform:translateY(-1px)}.plus{font-size:19px;color:var(--accent)}kbd{margin-left:auto;border:0;background:#f2f1ed;color:#99968f;padding:2px 6px;border-radius:5px;font-size:10px}.conversation-list{flex:1;overflow:auto;margin:22px 0 10px;padding:0 2px}.group{margin-bottom:22px}.group-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 7px;color:#969289;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.group-header button{border:0;background:none;color:#aaa69e;cursor:pointer}.chat-item{height:38px;display:flex;align-items:center;border-radius:9px;margin:2px 0;padding:0 7px 0 10px;cursor:pointer;font-size:13px;color:#55534e;gap:7px}.chat-item:hover,.chat-item.active{background:#eae8e1;color:#282824}.chat-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.item-actions{display:none}.chat-item:hover .item-actions,.chat-item.active .item-actions{display:flex}.item-actions button{border:0;background:transparent;color:#8b887f;padding:3px;cursor:pointer;font-size:12px}.empty-list{padding:24px 10px;color:#a19e97;font-size:12px;text-align:center}.api-panel{border-top:1px solid #dfddd6;padding-top:10px}.api-panel-title{border:0;background:none;width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px;color:#5d5a53;font-size:13px;font-weight:600;cursor:pointer}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aaa69e;margin-right:8px}.status-dot.connected{background:#65a875;box-shadow:0 0 0 3px rgba(101,168,117,.12)}.api-fields{padding:7px 6px 0;display:grid;gap:9px}.api-fields.collapsed{display:none}.api-fields label{display:grid;gap:5px;color:#77746c;font-size:11px}.api-fields input{width:100%;border:1px solid #dfddd6;background:#fff;border-radius:8px;height:35px;padding:0 9px;outline:none;font-size:12px}.api-fields input:focus{border-color:#c9a595;box-shadow:0 0 0 3px rgba(217,119,87,.09)}.password-wrap{position:relative}.password-wrap input{padding-right:34px}.field-icon{position:absolute;right:4px;top:3px;width:29px;height:29px;border:0;background:none;color:#99958d;cursor:pointer}.save-button{height:35px;border:0;border-radius:8px;background:#383732;color:#fff;cursor:pointer;font-size:12px;font-weight:500}.save-button:hover{background:#1f1e1b}.privacy-note{font-size:9px;text-align:center;color:#aaa69f;margin:0}.main-area{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--canvas)}.topbar{height:64px;flex:0 0 64px;border-bottom:1px solid rgba(232,230,223,.7);display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:rgba(251,250,247,.86);backdrop-filter:blur(14px);z-index:5}.chat-title{border:0;background:none;font-weight:500;font-size:14px;cursor:pointer}.top-actions{display:flex;align-items:center;gap:10px}.connection-badge{font-size:11px;color:#8e8a82;border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 9px}.connection-badge span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#aaa69e;margin-right:5px}.connection-badge.connected{color:#477d53}.connection-badge.connected span{background:#65a875}.icon-button{border:0;background:transparent;color:#78756e;font-size:20px;cursor:pointer;border-radius:8px;padding:5px 8px}.icon-button:hover{background:#efede8}.menu-button,.mobile-close{display:none}.chat-scroll{flex:1;overflow-y:auto;min-height:0}.welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 22px 20px;transform:translateY(-2%)}.welcome.hidden{display:none}.welcome-mark{width:54px;height:54px;border-radius:17px;font-size:28px;box-shadow:0 8px 24px rgba(217,119,87,.24);margin-bottom:24px}.welcome h1{font-family:Georgia,"Noto Sans SC",serif;font-weight:400;letter-spacing:-.03em;font-size:31px;margin:0 0 8px}.welcome p{margin:0;color:var(--muted);font-size:14px}.suggestions{width:min(510px,100%);margin-top:34px;display:grid;gap:8px}.suggestions button{height:45px;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:12px;padding:0 15px;text-align:left;color:#5f5c55;font-size:13px;cursor:pointer;transition:.2s}.suggestions button span{float:right;color:#aaa69e}.suggestions button:hover{background:#fff;border-color:#d9d5cc;transform:translateY(-1px);box-shadow:0 4px 16px rgba(60,55,45,.05)}.messages{width:min(780px,calc(100% - 40px));margin:0 auto;padding:42px 0 60px}.message{display:flex;gap:13px;margin:0 0 28px;animation:fadeUp .25s ease}.message.user{justify-content:flex-end}.message-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;font-size:11px;background:var(--accent);color:#fff;margin-top:2px}.message-content{max-width:82%;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.message.user .message-content{background:#eeeae2;border-radius:16px 16px 4px 16px;padding:10px 14px}.message.assistant .message-content{padding-top:2px}.typing::after{content:"";display:inline-block;width:6px;height:16px;background:var(--accent);vertical-align:-3px;margin-left:2px;animation:blink .8s infinite}.error-message{color:#a24f3b}.composer-area{flex:0 0 auto;padding:0 24px 15px;background:linear-gradient(transparent,var(--canvas) 18%)}.composer{width:min(760px,100%);margin:0 auto;background:#fff;border:1px solid #dedbd3;border-radius:17px;padding:12px 12px 9px;box-shadow:var(--shadow);transition:.2s}.composer:focus-within{border-color:#cbbfb6;box-shadow:0 15px 45px rgba(51,47,39,.1)}.composer textarea{border:0;outline:0;resize:none;width:100%;max-height:160px;min-height:27px;padding:2px 5px;background:transparent;font-size:14px;line-height:1.6}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.model-pill{color:#99958d;font-size:10px;padding-left:5px}.send-button{border:0;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-size:20px;cursor:pointer}.send-button:disabled{background:#dedbd5;color:#aaa69f;cursor:default}.send-button:not(:disabled):hover{background:var(--accent-dark)}.disclaimer{text-align:center;margin:8px 0 0;color:#aaa69f;font-size:10px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#302f2b;color:#fff;border-radius:10px;padding:9px 14px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.sidebar-backdrop{display:none}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}}@keyframes blink{50%{opacity:0}}
@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.12)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(38,36,31,.28);z-index:20;opacity:0;pointer-events:none;transition:.25s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.menu-button,.mobile-close{display:block}.mobile-close{margin-left:auto;order:2}.brand-row{padding:0}.topbar{padding:0 12px}.connection-badge{display:none}.chat-title{margin-right:auto;margin-left:4px}.messages{width:calc(100% - 28px);padding-top:28px}.message-content{max-width:88%}.composer-area{padding-left:12px;padding-right:12px}.welcome h1{font-size:27px}}
.provider-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:#eae8e1;border-radius:9px}.provider-option{height:28px;border:0;border-radius:7px;background:transparent;color:#7e7a72;font-size:10px;cursor:pointer}.provider-option.active{background:#fff;color:#34332f;font-weight:600;box-shadow:0 1px 4px rgba(40,38,32,.08)}