:root{--paper:#f6f7f4;--surface:#fff;--ink:#18241e;--muted:#6d766f;--line:#dde3dd;--sage:#dce8d7;--sage-deep:#31583c;--coral:#f07d62;--peach:#fff0e9;--blue:#deebf4;--shadow:0 12px 30px rgba(30,51,37,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.app-shell{min-height:100dvh}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(246,247,244,.94)}.brand{font-size:18px;font-weight:750;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--sage-deep);color:#fff;font-size:14px}.topbar-actions{display:flex;align-items:center;gap:16px}.local-status{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:5px}.workspace{height:calc(100dvh - 62px);display:grid;grid-template-columns:260px minmax(420px,1fr) 348px}.sidebar,.suggestions-panel{background:var(--surface);padding:23px 17px;border-right:1px solid var(--line);overflow:auto}.suggestions-panel{border-right:0;border-left:1px solid var(--line)}.sidebar-heading,.suggestions-heading,.chat-heading,.modal-heading{display:flex;align-items:center;justify-content:space-between}.sidebar-heading{padding:0 5px 17px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:0}h1,h2,p{margin-top:0}h1{font-size:20px;margin-bottom:0}h2{font-size:18px;margin-bottom:0}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:7px}.icon-button:hover{background:#edf1eb;color:var(--ink)}.icon-button.accent{background:var(--sage);color:var(--sage-deep)}.icon-button.tiny{width:26px;height:26px}.contact-list{display:grid;gap:4px}.contact-item{display:flex;gap:10px;align-items:center;width:100%;padding:10px 8px;border:0;border-radius:7px;background:transparent;text-align:left;color:var(--ink)}.contact-item:hover,.contact-item.active{background:#edf3ea}.contact-copy{display:grid;gap:3px;min-width:0}.contact-copy strong{font-size:14px}.contact-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:var(--peach);color:#a34d37;font-weight:700}.avatar.tone-1{background:var(--blue);color:#33617f}.avatar.tone-2{background:#ede2f2;color:#76537d}.avatar.large{width:39px;height:39px;flex-basis:39px}.text-button{display:flex;align-items:center;gap:8px;width:100%;margin-top:17px;padding:10px 8px;border:0;background:transparent;border-top:1px solid var(--line);color:var(--sage-deep);text-align:left}.text-button.muted{color:var(--muted)}.chat-panel{display:flex;min-width:0;flex-direction:column;background:#fbfcfa}.chat-heading{height:76px;padding:0 25px;border-bottom:1px solid var(--line)}.contact-title{display:flex;align-items:center;gap:11px}.context-bar{display:flex;align-items:center;gap:9px;margin:13px 22px 0;padding:9px 10px;border:1px solid #dbe8d7;border-radius:7px;background:#f1f7ef;color:#506151;font-size:12px}.context-bar .icon{color:var(--sage-deep)}.context-bar span{flex:1}.messages{flex:1;overflow:auto;padding:22px 28px;display:flex;flex-direction:column;gap:16px}.message{display:flex;max-width:80%;gap:8px;align-items:flex-end}.message.me{align-self:flex-end;flex-direction:row-reverse}.message .bubble{padding:11px 13px;border-radius:8px 8px 8px 2px;background:#fff;border:1px solid var(--line);line-height:1.55;box-shadow:0 2px 5px rgba(25,40,31,.03)}.message.me .bubble{background:var(--sage);border-color:var(--sage);border-radius:8px 8px 2px 8px}.message time{display:block;margin-top:4px;color:var(--muted);font-size:10px}.message.me time{text-align:right}.composer-area{padding:0 22px 20px}.goal-chips{display:flex;gap:7px;overflow:auto;padding:11px 0}.goal-chip{white-space:nowrap;border:1px solid var(--line);border-radius:14px;padding:5px 10px;background:#fff;color:var(--muted);font-size:12px}.goal-chip.active{border-color:#b9d0b3;background:var(--sage);color:var(--sage-deep)}.composer{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}textarea{resize:none}.composer textarea{width:100%;padding:13px 13px 6px;border:0;outline:0;background:transparent;color:var(--ink)}.composer-footer{height:42px;display:flex;align-items:center;padding:0 7px 6px}.composer-footer span{margin-left:4px;flex:1;color:#a0a8a0;font-size:11px}.send-button,.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:9px 12px;background:var(--sage-deep);color:#fff;font-weight:650}.send-button{padding:8px 10px}.suggestions-heading{margin:0 2px 17px}.empty-suggestions{padding:45px 18px;text-align:center;color:var(--muted);line-height:1.6}.empty-suggestions .icon{font-size:27px;color:var(--coral)}.suggestion-list{display:grid;gap:10px}.suggestion-card{border:1px solid var(--line);border-radius:8px;padding:13px;background:#fff}.suggestion-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--sage-deep);font-size:12px;font-weight:700}.suggestion-card p{margin:0;line-height:1.6;font-size:14px}.suggestion-actions{display:flex;gap:6px;margin-top:11px}.small-action{border:0;background:#f1f3f0;color:#58645b;border-radius:5px;padding:6px 8px;font-size:12px}.small-action:hover{background:var(--sage)}.small-action.positive{color:var(--sage-deep)}.small-action.negative{color:#a34d37}.learning-note{display:flex;gap:8px;margin-top:16px;padding:10px;background:var(--peach);color:#8b594a;line-height:1.45;font-size:12px;border-radius:7px}.mobile-nav,.mobile-only{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(24,36,30,.34);z-index:10}.modal{position:fixed;z-index:11;top:50%;left:50%;width:min(420px,calc(100% - 32px));transform:translate(-50%,-50%);background:var(--surface);border-radius:8px;box-shadow:0 25px 70px rgba(10,25,15,.2);padding:22px}.wide-modal{width:min(560px,calc(100% - 32px))}.modal-heading{margin-bottom:19px}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:7px;color:#445147;font-weight:650}.modal input,.modal select,.modal textarea,#voiceProfile{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;background:#fff;color:var(--ink);font-weight:400}.primary-button{width:100%;margin-top:2px}.memory-tabs{display:flex;gap:17px;border-bottom:1px solid var(--line);margin-bottom:18px}.memory-tab{padding:0 0 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted)}.memory-tab.active{border-color:var(--sage-deep);color:var(--sage-deep);font-weight:700}.memory-section label{display:grid;gap:7px;font-weight:650}.upload-box{border:1.5px dashed #afc6aa;background:#f8fbf7;border-radius:7px;padding:26px;text-align:center;color:var(--muted)}.upload-box .icon{font-size:25px;color:var(--sage-deep)}.upload-box p{margin:8px 0 4px;color:var(--ink);font-weight:700}.upload-box span{display:block;font-size:12px;line-height:1.45}.secondary-button{margin:14px auto 0;background:var(--sage);color:var(--sage-deep)}.source-list{display:grid;gap:7px;margin-top:14px}.source-row{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid var(--line);border-radius:6px}.source-row span{display:flex;gap:7px;align-items:center;min-width:0}.source-row em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal}.source-row button{border:0;background:transparent;color:#b25743}.settings-list{display:grid;border-top:1px solid var(--line)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}.settings-row span{display:flex;gap:10px;align-items:center}.settings-row.danger{color:#ae503d}.setting-caption{margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.55}@media(max-width:860px){.topbar{height:56px;padding:0 16px}.local-status{display:none}.workspace{height:calc(100dvh - 112px);display:block}.sidebar,.suggestions-panel{display:none}.chat-panel{height:100%}.chat-heading{height:62px;padding:0 14px}.mobile-only{display:grid}.context-bar{margin:9px 12px 0}.messages{padding:16px}.composer-area{padding:0 12px 13px}.mobile-nav{height:56px;display:flex;align-items:center;justify-content:space-around;background:#fff;border-top:1px solid var(--line)}.nav-item{display:grid;justify-items:center;gap:2px;border:0;background:transparent;color:var(--muted);font-size:10px}.nav-item .icon{font-size:19px}.nav-item.active{color:var(--sage-deep)}.app-shell.mobile-contacts .chat-panel{display:none}.app-shell.mobile-contacts .sidebar{display:block;height:100%;border:0}.app-shell.mobile-memory .chat-panel{display:none}.app-shell.mobile-memory .suggestions-panel{display:block;height:100%;border:0}.suggestions-panel{padding:20px 16px}.message{max-width:88%}.topbar-actions{gap:0}}@media(max-width:410px){.brand{font-size:17px}.goal-chips{gap:5px}.goal-chip{padding:5px 8px}.send-button span{display:none}.composer-footer span{font-size:10px}.context-bar{font-size:11px}.message{max-width:93%}}
.screenshot-preview{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:54px;padding:6px 8px;border:1px solid #d8ddd7;background:#f7faf7}.screenshot-preview[hidden]{display:none}.screenshot-preview img{width:44px;height:44px;object-fit:cover;border-radius:4px}.screenshot-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#4d5851}