:root{color-scheme:light;--mcp-bg:#f7fafc;--mcp-text:#253447;--mcp-muted:#5e7080;--mcp-faint:#8a99a8;--mcp-accent:#4c6378;--mcp-line:rgba(120,142,165,.22);--mcp-card:rgba(244,248,250,.72);--mcp-field:rgba(255,255,255,.65);--mcp-track:rgba(140,160,176,.11);--mcp-shadow:0 10px 28px rgba(70,92,108,.05);--mcp-wall:url('chat-light.webp')}
:root[data-theme="harbor"]{--mcp-bg:#f4f2ef;--mcp-text:#36404b;--mcp-muted:#5e6b78;--mcp-faint:#9197a0;--mcp-accent:#4a5d6c;--mcp-line:rgba(74,93,108,.2);--mcp-card:rgba(244,242,239,.78);--mcp-field:rgba(255,255,255,.56);--mcp-wall:url('chat-harbor.webp')}
*{box-sizing:border-box}body{margin:0;background:var(--mcp-bg);color:var(--mcp-text);font-family:"Noto Serif SC","Songti SC","STSong",Georgia,serif;line-height:1.65}.mcp-wall{position:fixed;inset:0;background:linear-gradient(180deg,rgba(247,250,252,.45),var(--mcp-bg)),var(--mcp-wall) center/cover;z-index:-1;opacity:.6}.mcp-shell{max-width:800px;margin:auto;padding:22px 28px 65px}.mcp-nav,.mcp-section-head,.mcp-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.mcp-nav{min-height:40px}.mcp-nav a{text-decoration:none;font-size:26px;display:flex;align-items:center;gap:7px}.mcp-nav a span{font-size:13px}.mcp-eyebrow{font-family:Georgia,serif;font-size:10px;letter-spacing:2px;color:var(--mcp-faint)}a{color:var(--mcp-accent);text-underline-offset:4px}.mcp-title{padding:42px 0 24px}.mcp-title h1{font:400 62px/1.1 Georgia,serif;margin:12px 0 15px;letter-spacing:-2px}.mcp-title h1 span{font-size:18px;letter-spacing:2px;margin-left:13px}.mcp-title p{font-size:14px;color:var(--mcp-muted);margin:0}.mcp-tabs{display:flex;gap:4px;padding:5px;border-radius:14px;background:var(--mcp-track);width:fit-content;margin-bottom:28px}.mcp-tabs>*{padding:8px 22px;border-radius:10px;font-size:13px;text-decoration:none;color:var(--mcp-muted)}.mcp-tabs [aria-current]{background:var(--mcp-field);box-shadow:0 2px 8px #283c4e0a;color:var(--mcp-text)}.mcp-card{background:var(--mcp-card);border:1px solid var(--mcp-line);border-radius:20px;box-shadow:var(--mcp-shadow);padding:24px;margin:16px 0;backdrop-filter:blur(18px)}h2{font-size:18px;font-weight:500;margin:0}h3{font-size:17px;font-weight:500;margin:0}.mcp-overview p,.mcp-note p,.mcp-empty p{font-size:12px;color:var(--mcp-muted);line-height:1.9;margin-bottom:0}.mcp-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 8px}.mcp-stats>div+div{border-left:1px solid var(--mcp-line);padding-left:24px}.mcp-stats strong{font:400 38px Georgia,serif;display:block}.mcp-stats span{font-size:11px;color:var(--mcp-muted)}.mcp-pill{font-size:10px;white-space:nowrap;padding:3px 9px;border-radius:20px;background:var(--mcp-track);color:var(--mcp-muted)}.mcp-pill.on{color:#397658;background:#66a98618}.mcp-toolbar{margin:30px 0 14px}.mcp-muted{font-size:12px;color:var(--mcp-muted);margin:5px 0}.mcp-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:17px}button{border:1px solid transparent;border-radius:11px;background:var(--mcp-accent);color:white;padding:11px 16px;font:inherit;font-size:13px;cursor:pointer;min-height:42px;transition:background .15s,transform .15s}button:active{transform:scale(.98)}button.secondary{background:transparent;border-color:var(--mcp-line);color:var(--mcp-accent)}button.danger{background:transparent;border-color:#ad716140;color:#995c50}button.mcp-icon{background:transparent;color:var(--mcp-muted);font-size:24px;padding:3px 10px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #7897ac;outline-offset:3px}.mcp-empty{text-align:center;padding:35px 18px}.mcp-orbit{border:1px dashed var(--mcp-line);border-radius:50%;width:54px;height:54px;margin:0 auto 17px;font:32px/50px Georgia;color:var(--mcp-faint)}.mcp-empty button{margin-top:20px}.mcp-server-title{display:flex;align-items:center;gap:10px;min-width:0}.mcp-server-title h3{overflow-wrap:anywhere}.mcp-dot{width:7px;height:7px;border-radius:50%;background:#a3adb5;flex:none}.mcp-dot.on{background:#6ba887;box-shadow:0 0 0 4px #6ba88712}.mcp-address{font:11px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--mcp-muted);margin:12px 0}.mcp-tools{border-top:1px solid var(--mcp-line);margin-top:20px;padding-top:15px}.mcp-tools summary{cursor:pointer;font-size:13px;color:var(--mcp-muted)}.mcp-tool{border-top:1px solid var(--mcp-line);padding:17px 0 5px;margin-top:13px}.mcp-tool-head{display:flex;gap:12px;justify-content:space-between;align-items:center}.mcp-tool h4{font:500 13px ui-monospace,monospace;overflow-wrap:anywhere;margin:0}.mcp-tool p{font-size:12px;color:var(--mcp-muted);white-space:pre-wrap;overflow-wrap:anywhere}.mcp-tool select{width:130px;flex:none;margin:0;padding:8px;font-size:12px}.mcp-tool details{font-size:12px;color:var(--mcp-muted)}pre{font:12px/1.75 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.mcp-audit{padding:13px 0;border-bottom:1px solid var(--mcp-line);font-size:12px;overflow-wrap:anywhere}.mcp-audit span{display:block;color:var(--mcp-muted);margin:4px 0}footer{font-size:11px;color:var(--mcp-faint);line-height:1.9;border-top:1px solid var(--mcp-line);padding-top:20px;margin-top:30px}#status,#editor-status{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}#status.error,#editor-status.error{color:#995c50}.mcp-dialog{width:min(540px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid var(--mcp-line);border-radius:22px;background:var(--mcp-bg);color:var(--mcp-text);padding:28px;box-shadow:0 24px 80px #20344830}.mcp-dialog::backdrop{background:#25344740;backdrop-filter:blur(5px)}label{display:block;font-size:13px;margin:19px 0 8px}input,select{display:block;width:100%;padding:12px;border:1px solid var(--mcp-line);border-radius:11px;margin-top:8px;font:14px/1.4 system-ui,sans-serif;background:var(--mcp-field);color:var(--mcp-text);min-height:43px}input:focus,select:focus{outline:2px solid #7897ac60;outline-offset:1px}.mcp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mcp-hint{font-size:11px;color:var(--mcp-muted);line-height:1.9;margin:8px 0}.mcp-approval-dock{position:fixed;z-index:1000;top:max(12px,env(safe-area-inset-top));right:max(12px,calc((100vw - 760px)/2));width:min(430px,calc(100vw - 24px));max-height:65dvh;overflow:auto;border:1px solid #91a4b650;border-radius:18px;padding:20px;background:#f7fafcf5;color:#253447;box-shadow:0 15px 60px #25344735;font:13px/1.7 system-ui,sans-serif;backdrop-filter:blur(20px)}.mcp-approval-dock h3{font-size:17px;margin:0 0 8px}.mcp-approval-dock p{margin:6px 0;overflow-wrap:anywhere}.mcp-approval-dock pre{max-height:180px;border:1px solid #91a4b630;padding:12px;border-radius:10px}.mcp-approval-dock button{background:#4c6378;color:white;min-height:42px;padding:10px 15px;border:0;border-radius:10px;margin:6px 8px 0 0;font-size:13px}.mcp-approval-dock button.secondary{background:#e8eef3;color:#4c6378}[hidden]{display:none!important}@media(max-width:540px){.mcp-shell{padding:15px 16px 40px}.mcp-nav>.mcp-eyebrow{display:none}.mcp-title{padding-top:30px}.mcp-title h1{font-size:52px}.mcp-title h1 span{font-size:16px}.mcp-card{padding:20px;border-radius:18px}.mcp-tabs{width:100%}.mcp-tabs>*{flex:1;text-align:center;padding:8px}.mcp-stats>div+div{padding-left:18px}.mcp-toolbar{align-items:flex-start}.mcp-toolbar h2{font-size:17px}.mcp-toolbar button{white-space:nowrap}.mcp-dialog{padding:22px}.mcp-tool-head{align-items:flex-start}.mcp-actions{gap:7px}.mcp-actions button{padding:9px 11px;font-size:12px}}