:root{--bg:#f5f3ee;--bg-warm:#edeae3;--surface:#fff;--surface-soft:#eceae4;--line:#ede9e0;--text:#1a1815;--text-soft:#48453e;--muted:#9a958b;--muted-soft:#b8b3a8;--shadow-soft:0 2px 6px #2b261e0d;--shadow-float:0 10px 30px -10px #2b261e12;--ring:0 0 0 1px #2b261e0d;--size-body:16px;--size-ui:15px;--size-meta:13.5px;--size-micro:12px;--leading-body:1.75;--leading-ui:1.5;--leading-meta:1.55;--tracking-body:-.008em;--tracking-ui:-.01em;--gap-message:32px;--pad-side:20px;--radius-bubble:22px;--radius-card:16px;--radius-sheet:16px;--font-scale:1;--leading-scale:1;--font-sans:-apple-system, BlinkMacSystemFont, "Noto Sans SC", "Helvetica Neue", sans-serif;--font-serif:Georgia, "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, "Noto Sans Mono CJK SC", monospace;--font-body:var(--font-serif)}[data-font=serif-system]{--font-body:var(--font-serif);--font-scale:1;--leading-scale:1}[data-font=sans-system]{--font-body:var(--font-sans);--font-scale:.97;--leading-scale:.98}[data-font=kai-system]{--font-body:"Kaiti SC", "KaiTi", "Noto Serif CJK SC", Georgia, serif;--font-scale:1.06;--leading-scale:1.04}:root{--t-body:calc(var(--size-body) * var(--font-scale));--t-ui:calc(var(--size-ui) * var(--font-scale));--t-meta:calc(var(--size-meta) * var(--font-scale));--t-micro:calc(var(--size-micro) * var(--font-scale));--l-body:calc(var(--leading-body) * var(--leading-scale));--l-ui:calc(var(--leading-ui) * var(--leading-scale))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--t-ui);letter-spacing:var(--tracking-ui)}button,input,textarea{color:inherit;font-family:inherit}.sa{scrollbar-width:none;-webkit-overflow-scrolling:touch}.sa::-webkit-scrollbar{width:0;display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes dots{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.icon-btn{background:var(--surface);width:40px;height:40px;box-shadow:var(--ring), var(--shadow-soft);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.header{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.header-title{font-size:var(--t-ui);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.header-actions{align-items:center;gap:9px;display:flex}.stream-wrap{flex:1;min-height:0;position:relative}.stream-fade-top,.stream-fade-bottom{z-index:5;pointer-events:none;position:absolute;left:0;right:0}.stream-fade-top{background:linear-gradient(var(--bg), #f5f3ee00);height:24px;top:0}.stream-fade-bottom{background:linear-gradient(#f5f3ee00, var(--bg));height:20px;bottom:0}.stream{padding:10px var(--pad-side);position:absolute;inset:0;overflow-y:auto}.msg{margin-bottom:var(--gap-message);flex-direction:column;animation:.35s both fadeUp;display:flex}.msg-assistant{align-items:flex-start}.msg-user{align-items:flex-end}.bubble-assistant{max-width:100%;font-size:var(--t-body);line-height:var(--l-body);letter-spacing:var(--tracking-body);color:#2b2620;white-space:pre-wrap;word-break:break-word;padding:0 2px}.bubble-user{background:var(--surface-soft);color:#2b2620;border-radius:var(--radius-bubble);max-width:80%;font-size:var(--t-body);line-height:var(--l-body);letter-spacing:var(--tracking-body);white-space:pre-wrap;word-break:break-word;padding:12px 18px}.sys{width:100%;margin-bottom:14px;animation:.35s both fadeUp}.sys-toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:7px;padding:0;display:inline-flex}.sys-label{font-size:var(--t-meta);color:#8a857b}.sys-target{font-size:var(--t-meta);color:var(--muted-soft);text-overflow:ellipsis;white-space:nowrap;max-width:46vw;overflow:hidden}.chev{transition:transform .2s}.chev-open{transform:rotate(180deg)}.sys-think-body{font-size:var(--t-ui);color:#9b968c;white-space:pre-wrap;border-left:2px solid #e5e1d8;margin-top:12px;padding-left:14px;line-height:1.8}.sys-body{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #2b261e09, var(--shadow-float);border-radius:var(--radius-card);margin-top:10px;overflow:hidden}.render-terminal{font-family:var(--font-mono);font-size:var(--t-meta);color:var(--text-soft);white-space:pre;background:#fbfaf7;margin:0;padding:12px 14px;line-height:1.6;overflow-x:auto}.render-diff{font-family:var(--font-mono);font-size:var(--t-meta);white-space:pre;margin:0;padding:12px 14px;line-height:1.6;overflow-x:auto}.diff-add{color:#3f6b45;background:#f0f5f0;display:block}.diff-del{color:#8a4b45;background:#f8f0ef;display:block}.diff-ctx{color:var(--text-soft);display:block}.render-text{font-size:var(--t-meta);color:var(--text-soft);white-space:pre-wrap;word-break:break-word;max-height:340px;margin:0;padding:12px 14px;line-height:1.6;overflow-y:auto}.render-error{color:#8a4b45}.approval{background:#fffdf8;border:1px solid #e3d9c8}.approval-head{font-size:var(--t-ui);padding:13px 14px 0;font-weight:500}.approval-reason{font-size:var(--t-meta);color:var(--muted);line-height:var(--l-ui);padding:6px 14px 0}.approval-cmd{background:var(--bg-warm);font-family:var(--font-mono);font-size:var(--t-meta);color:var(--text-soft);white-space:pre;border-radius:10px;margin:10px 14px 0;padding:9px 11px;overflow-x:auto}.approval-actions{gap:9px;padding:12px 14px 14px;display:flex}.btn-pill{font-size:var(--t-meta);cursor:pointer;border:none;border-radius:18px;padding:9px 18px;font-weight:500}.btn-primary{background:var(--text);color:var(--bg)}.btn-quiet{background:var(--surface-soft);color:var(--text-soft)}.activity{align-items:center;gap:9px;padding:6px 2px 2px;animation:.2s both fadeIn;display:flex}.dots{gap:4px;display:flex}.dot{background:var(--muted-soft);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite dots}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}.activity-label{font-size:var(--t-meta);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notice{font-size:var(--t-meta);color:var(--muted);margin-bottom:var(--gap-message);padding:4px 2px;animation:.35s both fadeUp}.composer{flex:none;padding:8px 14px 12px}.composer-box{background:#fbfaf7;border:1px solid #e7e3da;border-radius:26px;padding:14px 17px 12px;box-shadow:0 1px 3px #2b261e0a}.composer-input{resize:none;width:100%;font-size:var(--t-body);line-height:var(--l-body);color:var(--text);background:0 0;border:none;outline:none;max-height:40vh;padding:2px 4px 12px}.composer-input::placeholder{color:var(--muted-soft);font-weight:300}.composer-row{justify-content:space-between;align-items:center;display:flex}.composer-left{align-items:center;gap:9px;display:flex}.chip{cursor:pointer;font-size:var(--t-meta);background:#f2efe8;border:none;border-radius:18px;align-items:center;gap:6px;padding:7px 14px;display:flex}.chip-name{color:#3a362f;font-weight:500}.chip-sub{color:#a8a39a}.send-btn{background:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.send-btn:disabled{opacity:.35;cursor:default}.overlay{z-index:100;position:absolute;inset:0}.scrim{background:#0000001f;border:none;width:100%;animation:.15s both fadeIn;position:absolute;inset:0}.drawer{background:var(--bg);flex-direction:column;width:300px;max-width:84vw;animation:.2s both slideInLeft;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:6px 0 24px #0000000f}.drawer-head{flex:none;justify-content:space-between;align-items:center;padding:44px 24px 0;display:flex}.drawer-brand{font-family:var(--font-serif);font-size:26px;font-weight:500}.nav{flex-direction:column;flex:none;gap:2px;padding:24px 16px 0;display:flex}.nav-item{font-size:var(--t-ui);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px;font-weight:500;display:flex}.nav-item[aria-current=true]{background:var(--bg-warm)}.section-label{font-size:var(--t-micro);color:var(--muted-soft);letter-spacing:1px;padding:28px 24px 10px;font-weight:600}.recents{flex:1;min-height:0;padding:0 16px;overflow-y:auto}.recent-item{text-align:left;color:#3a362f;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:10px;width:100%;padding:11px 12px;font-size:14.5px;display:block;overflow:hidden}.recent-item[aria-current=true]{background:var(--bg-warm)}.drawer-foot{flex:none;justify-content:flex-end;align-items:center;padding:12px 16px 28px;display:flex}.btn-dark{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:flex}.sheet{background:var(--bg);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:86%;padding:12px 0 30px;animation:.25s both slideUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.grab{background:#d1ccc2;border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.sheet-title{font-size:var(--t-ui);padding:0 24px 14px;font-weight:600}.group{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #2b261e09, var(--shadow-float);border-radius:20px;margin:0 16px 14px;overflow:hidden}.row{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;display:flex}.row-main{align-items:center;gap:14px;min-width:0;display:flex}.row-title{font-size:var(--t-ui);color:var(--text);font-weight:500}.row-sub{font-size:var(--t-micro);color:var(--muted-soft);margin-top:2px}.row-value{font-size:var(--t-meta);color:var(--muted)}.row-danger{color:#8a4b45}.divider{background:#ece8df;height:1px;margin:0 18px}.page{background:var(--bg);z-index:50;flex-direction:column;animation:.25s both slideIn;display:flex;position:absolute;inset:0}.page-head{flex:none;align-items:center;gap:14px;padding:10px 16px 12px;display:flex}.page-title{font-size:17px;font-weight:500}.page-body{flex:1;min-height:0;padding:6px 0 24px;overflow-y:auto}.empty{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #2b261e09, var(--shadow-float);text-align:center;border-radius:20px;margin:0 16px;padding:30px 22px}.empty-block{background:#f2efe8;border-radius:18px;width:58px;height:58px;margin:0 auto 15px}.empty-title{font-size:16px;font-weight:500}.empty-desc{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.65}.login{background:var(--bg);flex-direction:column;justify-content:center;padding:0 32px;display:flex;position:absolute;inset:0}.login-brand{font-family:var(--font-serif);letter-spacing:-.01em;font-size:32px;font-weight:400}.login-sub{font-size:var(--t-meta);color:var(--muted);margin-top:8px;margin-bottom:28px}.login-input{background:var(--surface);width:100%;font-size:var(--t-body);border:1px solid #e7e3da;border-radius:14px;outline:none;padding:14px 16px}.login-btn{background:var(--text);width:100%;color:var(--bg);font-size:var(--t-ui);cursor:pointer;border:none;border-radius:14px;margin-top:12px;padding:14px;font-weight:500}.login-err{font-size:var(--t-meta);color:#8a4b45;margin-top:12px}.font-sample{font-size:var(--t-body);line-height:var(--l-body);color:var(--text-soft);padding:0 18px 16px}@media (width>=720px){body{background:#d6d2c8}#root{max-width:420px;margin:0 auto;position:relative;box-shadow:0 0 40px #00000014}}