:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--surface2: #f6f6f6;--fg: #0d0d0d;--muted: #6e6e73;--muted2: #9a9a9f;--border: #ececec;--border-soft: #f2f2f2;--accent: #0d0d0d;--on-accent: #ffffff;--active: #18a957;--waiting: #c8870f;--done: #9a9a9f;--feishu: #2b5fff;--tabbar-h: 64px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}.app-shell{min-height:100%}.screen{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.screen>:not(.scroll){flex:0 0 auto}.screen-head{display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 20px 10px}.screen-title{font-size:23px;font-weight:600;letter-spacing:-.46px}.screen-title.dim{color:var(--muted)}.head-spacer{flex:1}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding:0 20px}.with-tabbar{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.section-label{font-size:11px;font-weight:500;letter-spacing:.22px;color:var(--muted)}.divider{height:1px;background:var(--border-soft)}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.mono{font-family:var(--mono)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--fg);border-radius:999px}.icon-btn svg{width:21px;height:21px}.icon-btn.sm svg{width:18px;height:18px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;padding:6px 8px env(safe-area-inset-bottom);background:#ffffffd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border)}.tabbar button{flex:1;border:0;background:transparent;color:var(--muted2);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0}.tabbar button.active{color:var(--fg)}.tabbar svg{width:23px;height:23px}.tabbar .label{font-size:10px;font-weight:500}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 20px 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--muted);white-space:nowrap}.chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.dot{width:6px;height:6px;border-radius:999px;background:var(--done)}.dot.active{background:var(--active)}.dot.waiting{background:var(--waiting)}.dot.done{background:var(--done)}.popover-backdrop{position:fixed;inset:0;z-index:40}.popover{position:absolute;top:calc(env(safe-area-inset-top) + 54px);left:16px;min-width:200px;max-width:72vw;max-height:60vh;overflow-y:auto;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #0000002e;animation:pop-in .14s ease}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.popover-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;color:var(--fg);font-size:15px;padding:11px 12px;border-radius:10px}.popover-item:active{background:var(--surface2)}.searchbar{padding:0 20px 8px}.searchbar .field{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;background:var(--surface2);border-radius:999px}.searchbar input{flex:1;border:0;background:transparent;font-size:14px;outline:none;color:var(--fg)}.searchbar svg{width:15px;height:15px;color:var(--muted2)}.statusrow{display:flex;align-items:center;gap:6px;padding:0 20px 8px;font-size:11px;color:var(--muted)}.reconnect{margin:0 20px 8px;display:flex;align-items:center;gap:6px;justify-content:space-between;padding:8px 12px;border-radius:10px;background:#c8870f1a;color:var(--waiting);font-size:12px;font-weight:500;border:0}.banner{margin:8px 20px;padding:10px 12px;border-radius:10px;font-size:13px}.banner.danger{background:#c81e1e14;color:#b3261e}.banner.warning{background:#c8870f1a;color:var(--waiting)}.group-head{display:flex;align-items:center;gap:9px;padding:18px 0 4px}.group-head .name{font-size:13px;font-weight:600}.group-head .count{margin-left:auto;font-size:11px;color:var(--muted2);font-family:var(--mono)}.row{display:flex;align-items:center;gap:12px;padding:13px 0;width:100%;text-align:left;border:0;background:transparent;color:inherit}.row+.row{border-top:1px solid var(--border-soft)}.row .title{font-size:15px;font-weight:500}.row .sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .col{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.row .col .title,.row .col .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.row .time{font-size:11px;color:var(--muted2)}.tile{width:40px;height:40px;flex:0 0 auto;border-radius:11px;background:var(--surface2);border:1px solid var(--border);display:grid;place-items:center;color:var(--fg)}.tile.sm{width:22px;height:22px;border-radius:7px}.tile svg{width:18px;height:18px}.tile.sm svg{width:12px;height:12px}.state{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:500}.state.active{color:var(--active)}.state.waiting{color:var(--waiting)}.state.done{color:var(--done)}.card{border-radius:14px;background:var(--surface);border:1px solid var(--border);padding:16px}.card.well{background:var(--surface2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:600}.btn:active{opacity:.85}.btn.secondary{background:transparent;color:var(--fg);border:1px solid var(--border);font-weight:500}.btn.ghost{background:transparent;color:var(--muted);min-height:44px}.btn[disabled]{opacity:.4}.thread{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.bubble-wrap{display:flex;flex-direction:column}.bubble-wrap.user{align-items:flex-end}.bubble-wrap.assistant{align-items:flex-start}.bubble-role{font-size:10.5px;font-weight:500;color:var(--muted2);padding:0 4px 5px}.bubble{max-width:84%;padding:11px 15px;border-radius:18px;font-size:14.5px;line-height:1.5}.bubble.user{background:var(--accent);color:var(--on-accent)}.bubble.assistant{background:var(--surface2);border:1px solid var(--border-soft);color:var(--fg)}.tool-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-family:var(--mono);padding:0 4px}.tool-row .dot{width:6px;height:6px}.md{line-height:1.6}.md h1,.md h2,.md h3{font-weight:600;margin:0}.md h1{font-size:19px}.md h2{font-size:17px}.md h3{font-size:15.5px}.md p{margin:0}.md ul,.md ol{margin:0;padding-left:20px}.md li{margin:2px 0}.md code{font-family:var(--mono);font-size:.88em;background:#0000000f;padding:1px 5px;border-radius:5px}.md pre{background:#0000000f;border-radius:8px;padding:10px;overflow-x:auto}.md pre code{background:none;padding:0;font-size:12.5px}.md blockquote{margin:0;padding-left:10px;border-left:3px solid var(--muted2);color:var(--muted)}.md table{border-collapse:collapse;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12.5px;display:block;overflow-x:auto}.md th,.md td{border-bottom:1px solid var(--border-soft);padding:7px 10px;text-align:left;white-space:nowrap}.md th{font-weight:600}.md .md-block+.md-block{margin-top:var(--md-gap, 8px)}.composer{display:flex;align-items:flex-end;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border)}.composer textarea{flex:1;resize:none;border:1px solid var(--muted2);border-color:#9a9a9f73;border-radius:20px;padding:11px 16px;font:inherit;font-size:15px;line-height:1.35;background:var(--surface2);color:var(--fg);outline:none;max-height:124px}.composer textarea:focus{border-color:var(--fg);border-width:1.5px}.send{width:46px;height:46px;flex:0 0 auto;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}.send[disabled]{opacity:.3}.send svg{width:19px;height:19px}.detailbar{display:flex;align-items:center;gap:6px;padding:max(12px,env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--border)}.detailbar .center{flex:1;text-align:center;min-width:0}.detailbar .caption{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detailbar .title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb{padding:9px 20px;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--border-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb .sep{color:var(--muted2)}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#00000059;display:flex;align-items:flex-end}.sheet{width:100%;max-height:88vh;overflow-y:auto;background:var(--bg);border-radius:22px 22px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));animation:sheet-up .22s ease}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet h2{font-size:18px;font-weight:600;margin:0 0 4px}.sheet .grip{width:36px;height:4px;border-radius:999px;background:var(--border);margin:0 auto 14px}.button-row{display:flex;gap:10px;margin-top:16px}.button-row .btn{min-height:46px}.opt{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:13px 15px;margin-top:8px;display:flex;gap:10px;align-items:flex-start}.opt.selected{border-color:var(--accent);background:var(--surface2)}.opt .opt-label{font-size:15px;font-weight:500}.opt .opt-detail{font-size:12.5px;color:var(--muted);margin-top:2px}.opt .check{width:20px;height:20px;flex:0 0 auto;border-radius:999px;border:1.5px solid var(--border);display:grid;place-items:center}.opt.selected .check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.opt .check svg{width:12px;height:12px}.opt-other input{width:100%;border:0;background:transparent;font:inherit;font-size:15px;outline:none;margin-top:6px}.empty{text-align:center;color:var(--muted);padding:80px 24px}.empty .big{font-size:15px;font-weight:500;color:var(--fg);margin:8px 0 4px}.empty svg{width:30px;height:30px;color:var(--muted2)}.profile-head{display:flex;align-items:center;gap:14px;padding-top:16px}.avatar{width:60px;height:60px;border-radius:999px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:24px;font-weight:600;object-fit:cover}.profile-head .name{font-size:20px;font-weight:600}.profile-head .sub{font-size:13px;color:var(--muted)}.stats{display:flex;margin-top:18px;border:1px solid var(--border);border-radius:14px}.stats .cell{flex:1;text-align:center;padding:14px 0}.stats .cell+.cell{border-left:1px solid var(--border-soft)}.stats .num{font-size:20px;font-weight:600;font-family:var(--mono)}.stats .lbl{font-size:11px;color:var(--muted)}.setting-row{display:flex;align-items:center;min-height:48px;padding:6px 0;gap:12px}.setting-row .k{font-size:15px;flex:1}.setting-row .v{font-size:14px;color:var(--muted)}.switch{flex:0 0 auto;width:46px;height:28px;border:0;border-radius:999px;background:var(--border);position:relative;transition:background .15s}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.switch.on .knob{transform:translate(18px)}.center-screen{display:flex;flex-direction:column;min-height:100vh;padding:36px 24px calc(28px + env(safe-area-inset-bottom))}.brand{display:flex;flex-direction:column;align-items:center;gap:12px}.brand img{width:56px;height:56px;border-radius:15px}.brand .word{font-size:11px;font-weight:500;letter-spacing:.22px;color:var(--muted)}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hero h1{font-size:27px;font-weight:600;letter-spacing:-.67px;text-align:center;margin:0;white-space:pre-line}.hero p{font-size:13px;color:var(--muted);text-align:center;max-width:260px;margin:0}.legal{font-size:11px;color:var(--muted2);text-align:center;margin-top:14px}.legal a{color:var(--muted)}.open-browser-tip{position:fixed;z-index:70;top:calc(env(safe-area-inset-top) + 10px);right:12px;max-width:280px;background:var(--accent);color:var(--on-accent);border-radius:14px;padding:14px 16px;box-shadow:0 10px 34px #00000047;animation:tip-in .2s ease}@keyframes tip-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.open-browser-arrow{position:absolute;top:-6px;right:24px;width:12px;height:12px;background:var(--accent);transform:rotate(45deg);border-radius:2px}.open-browser-close{position:absolute;top:6px;right:10px;border:0;background:none;color:var(--on-accent);font-size:20px;line-height:1;opacity:.7}.open-browser-title{font-size:14px;font-weight:600}.open-browser-text{font-size:12.5px;line-height:1.5;opacity:.85;margin-top:4px;padding-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--muted);border-radius:999px;animation:spin .7s linear infinite}
