@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#ece9e4;font-synthesis:none;--bg:#0e0d0c;--panel:#141311;--panel-2:#191816;--panel-3:#201e1b;--line:#ffffff13;--line-strong:#ffffff21;--text:#ece9e4;--muted:#8f8a83;--faint:#5e5a55;--accent:#d8a46f;--accent-soft:#d8a46f21;--violet:#aa91d8;--success:#86b892;background:#0e0d0c;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.splash,.login-view{background:var(--bg);place-items:center;min-height:100vh;display:grid}.splash{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;align-content:center;gap:13px;font-size:9px}.login-view{position:relative;overflow:hidden}.login-glow{background:radial-gradient(circle,#d8a46f1f,#0000 66%);border-radius:50%;width:520px;height:520px;position:absolute}.login-card{z-index:1;border:1px solid var(--line-strong);background:#141311eb;border-radius:14px;width:min(390px,100vw - 34px);padding:35px;box-shadow:0 35px 100px #00000073}.login-card>.logo-mark{margin-bottom:28px}.login-card h1{letter-spacing:-.04em;margin:10px 0 5px;font-size:30px;font-weight:500}.login-card>p{color:var(--muted);margin:0 0 25px;font-size:11px;line-height:1.6}.login-card label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;display:block}.login-card input{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#0e0d0c;border-radius:8px;outline:0;margin-top:8px;padding:12px;display:block}.login-card button{cursor:pointer;background:var(--accent);color:#1c140d;border:0;border-radius:8px;width:100%;margin-top:11px;padding:12px;font-size:11px;font-weight:700}.login-card button:disabled{opacity:.4}.login-card>small{color:var(--faint);text-align:center;margin-top:15px;font-size:8px;display:block}.login-error{color:#dda49d;background:#c66f6714;border:1px solid #c66f6740;border-radius:6px;margin-bottom:12px;padding:8px;font-size:9px}.app-shell{background:var(--bg);grid-template-columns:56px 260px minmax(440px,1fr);height:100vh;display:grid}.app-shell.inspector-visible{grid-template-columns:56px 260px minmax(440px,1fr) 310px}.icon-rail{border-right:1px solid var(--line);z-index:5;background:#0a0908;flex-direction:column;align-items:center;padding:15px 8px;display:flex}.logo-mark{flex:none;width:29px;height:29px;display:inline-block;position:relative}.logo-mark span{border:1.5px solid var(--accent);border-radius:4px 10px;width:15px;height:22px;position:absolute;top:3px;left:7px;transform:rotate(30deg)}.logo-mark span:nth-child(2){transform:rotate(150deg)}.logo-mark span:nth-child(3){transform:rotate(270deg)}.rail-stack{flex-direction:column;gap:7px;width:100%;margin-top:28px;display:flex}.rail-stack button,.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.rail-stack button{color:#6f6a64;height:39px;position:relative}.rail-stack button:hover,.rail-stack button.active{color:var(--text);background:var(--panel-3)}.rail-stack button.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;height:19px;position:absolute;left:-8px}.rail-stack svg,.icon-button svg{stroke-width:1.7px;width:17px;height:17px}.rail-bottom{margin-top:auto}.avatar{color:#dcb08a;background:#281c15;border:1px solid #6a4c37;border-radius:9px;place-items:center;width:30px;height:30px;margin:9px auto 0;font-size:10px;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:19px 13px 12px;display:flex;overflow:hidden}.brand-row{justify-content:space-between;padding:0 6px 18px;display:flex}.brand-row strong{letter-spacing:-.01em;font-size:15px;display:block}.brand-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:10px;display:block}.quick-action{color:#f0d2b6;cursor:pointer;background:linear-gradient(#2b2119,#211914);border:1px solid #634c38;border-radius:8px;align-items:center;gap:9px;height:38px;padding:0 10px;font-size:12px;display:flex;box-shadow:inset 0 1px #ffffff0a}.quick-action svg{width:14px}kbd{color:var(--faint);border:0;margin-left:auto;font:10px DM Mono,monospace}.search-box{border-bottom:1px solid var(--line);height:35px;color:var(--muted);align-items:center;gap:7px;margin:10px 3px 12px;display:flex}.search-box svg{width:14px}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px}.search-box input::placeholder{color:var(--faint)}.sidebar-section{padding-top:8px}.sidebar-section.grow{flex:1;overflow:auto}.section-label{color:var(--faint);text-transform:uppercase;letter-spacing:.11em;justify-content:space-between;padding:0 7px 7px;font-size:9px;font-weight:700;display:flex}.section-label svg{cursor:pointer;width:12px;height:12px}.tree-item,.server-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;width:100%}.tree-item{color:#aaa59d;align-items:center;gap:6px;height:30px;padding:0 6px;font-size:11px;display:flex}.tree-item:hover{background:var(--panel-3);color:var(--text)}.tree-item svg{width:12px;height:12px}.tree-item svg:first-child{width:9px}.tree-item small{color:var(--faint);margin-left:auto}.server-item{align-items:flex-start;gap:9px;padding:9px 8px;display:flex}.server-item:hover,.server-item.selected{background:var(--panel-3)}.server-item>span:nth-child(2){min-width:0}.server-item strong{text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.server-item small{color:var(--faint);margin-top:3px;font-size:9px;display:block}.status-dot{background:var(--faint);border-radius:50%;width:6px;height:6px;margin-top:5px;box-shadow:0 0 0 3px #ffffff06}.status-dot.connected{background:var(--success);box-shadow:0 0 0 3px #86b89214}.status-dot.error{background:#c66f67}.empty-sidebar{color:var(--faint);padding:0 7px;font-size:10px}.sidebar-footer{border-top:1px solid var(--line);color:var(--faint);align-items:center;gap:7px;padding:12px 6px 2px;font-size:10px;display:flex}.sidebar-footer svg{width:13px}.workspace{background:#11100f;flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;height:53px;padding:0 18px;display:flex}.breadcrumbs{min-width:0;color:var(--faint);align-items:center;gap:8px;font-size:10px;display:flex}.breadcrumbs svg{width:14px}.breadcrumbs i{color:#393633;font-style:normal}.breadcrumbs strong{color:#bbb6ae;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.sync-state{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:9px;display:flex}.sync-state svg{width:6px;fill:var(--success);color:var(--success)}.icon-button{width:31px;height:31px;color:var(--muted)}.icon-button:hover{color:var(--text);background:var(--panel-3)}.icon-button.danger:hover{color:#e58d82;background:#e58d8214}.error-banner{color:#dda49d;background:#c66f6714;border:1px solid #c66f674d;border-radius:7px;justify-content:space-between;margin:10px 16px 0;padding:10px 12px;font-size:11px;display:flex}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:0}.error-banner svg{width:14px}.chat-view{flex-direction:column;flex:1;min-height:0;padding:38px clamp(24px,6vw,88px) 20px;display:flex;overflow:hidden}.chat-heading{flex:none}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.eyebrow svg{width:12px}.chat-heading h1{letter-spacing:-.045em;margin:12px 0 5px;font-size:clamp(28px,3vw,42px);font-weight:500}.chat-heading p{color:var(--muted);margin:0;font-size:12px}.messages{scrollbar-width:thin;scrollbar-color:#302d29 transparent;flex:1;margin:28px -8px 12px;padding:0 8px;overflow:auto}.message{gap:13px;max-width:760px;padding:13px 0;display:flex}.message.user{flex-direction:row-reverse;margin-left:auto}.message-avatar{background:var(--panel-3);border:1px solid var(--line-strong);color:#dcb08a;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.message-avatar .logo-mark{transform:scale(.58)}.message-body{max-width:min(640px,85%)}.message-meta{color:#bcb7af;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.message-meta span{color:var(--faint);font:400 8px DM Mono,monospace}.message-body p{color:#c7c2ba;white-space:pre-wrap;margin:5px 0 0;font-size:12px;line-height:1.7}.message.user .message-body{background:var(--accent-soft);border:1px solid #d8a46f26;border-radius:12px 4px 12px 12px;padding:10px 13px}.message.user .message-meta{justify-content:flex-end}.tool-receipts{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.tool-receipts span{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--muted);border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font:8px DM Mono,monospace;display:flex}.tool-receipts svg{width:10px;height:10px}.typing{align-items:center;gap:4px;height:28px;display:flex}.typing i{background:var(--muted);border-radius:50%;width:4px;height:4px;animation:1s infinite alternate pulse}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-2px)}}.prompt-suggestions{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:9px;display:flex}.prompt-suggestions button{border:1px solid var(--line);color:var(--faint);cursor:pointer;background:0 0;border-radius:99px;padding:6px 9px;font-size:9px}.prompt-suggestions button:hover{color:var(--text);border-color:var(--line-strong)}.composer{border:1px solid var(--line-strong);background:var(--panel-2);border-radius:11px;flex:none;padding:12px 12px 8px;box-shadow:0 18px 55px #00000038}.composer:focus-within{border-color:#d8a46f59}.composer textarea{resize:none;color:var(--text);background:0 0;border:0;outline:0;width:100%;min-height:32px;max-height:100px;font-size:12px}.composer textarea::placeholder{color:var(--faint)}.composer-footer{color:var(--faint);align-items:center;font-size:9px;display:flex}.composer-footer span{align-items:center;gap:5px;display:flex}.composer-footer svg{width:11px}.composer-footer button{cursor:pointer;background:var(--accent);color:#1a120b;border:0;border-radius:7px;place-items:center;width:29px;height:29px;margin-left:auto;display:grid}.composer-footer button:disabled{opacity:.3;cursor:not-allowed}.composer-footer button svg{width:14px}.notes-view{flex:1;grid-template-columns:270px minmax(0,1fr);min-height:0;display:grid}.notes-list-panel{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.panel-heading{justify-content:space-between;align-items:end;padding:24px 17px 15px;display:flex}.panel-heading h2{margin:5px 0 0;font-size:19px;font-weight:500}.note-cards{padding:0 9px 16px;overflow:auto}.note-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:1fr auto;gap:4px 8px;margin-bottom:3px;padding:12px 11px;display:grid}.note-card:hover,.note-card.selected{background:var(--panel-2);border-color:var(--line)}.note-card>span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;font-size:7px}.note-card strong{font-size:11px;font-weight:600}.note-card p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;margin:2px 0 0;font-size:9px;overflow:hidden}.note-card small{color:var(--faint);grid-area:2/2;font-size:8px}.editor-panel{flex-direction:column;min-width:0;padding:34px clamp(24px,6vw,90px) 15px;display:flex}.editor-toolbar{justify-content:space-between;align-items:center;display:flex}.project-input{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;outline:0;width:50%;font-size:8px}.title-input{color:var(--text);letter-spacing:-.045em;background:0 0;border:0;outline:0;width:100%;margin:13px 0 5px;font-size:clamp(27px,4vw,46px);font-weight:500}.tag-row{gap:6px;min-height:22px;display:flex}.tag-row span{color:var(--violet);font-size:9px}.body-editor{resize:none;color:#c4bfb7;background:0 0;border:0;outline:0;flex:1;min-height:0;padding:14px 0;font-size:13px;line-height:1.85}.editor-status{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;padding-top:9px;font-size:8px;display:flex}.empty-notes,.empty-editor{color:var(--faint);text-align:center;place-items:center;display:grid}.empty-notes{padding:50px 10px}.empty-notes svg,.empty-editor svg{stroke-width:1.2px;width:24px}.empty-notes p,.empty-editor p{font-size:10px}.empty-notes button{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:6px;padding:7px 10px;font-size:9px}.empty-editor{height:100%}.empty-editor h2{color:#aaa59d;margin:12px 0 0;font-size:17px}.inspector{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-width:0;padding:19px 14px;display:none;overflow:hidden}.inspector.open{display:flex}.inspector-heading{justify-content:space-between;align-items:center;padding:0 3px 16px;display:flex}.inspector-heading h3{margin:4px 0 0;font-size:14px;font-weight:600}.connection-card{background:#181b17;border:1px solid #86b8921f;border-radius:8px;padding:12px}.connection-card>div:first-child{align-items:center;gap:7px;display:flex}.connection-card strong{color:#c6d6c8;font-size:10px}.connection-card>small{color:var(--muted);margin:8px 0 11px;font-size:9px;line-height:1.5;display:block}.live-pulse{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #86b89214}.connection-card dl{border-top:1px solid #ffffff0d;grid-template-columns:1fr 1fr;margin:0;padding-top:9px;display:grid}.connection-card dl div{flex-direction:column;gap:2px;display:flex}.connection-card dt{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:7px}.connection-card dd{color:#aaa59d;margin:0;font:9px DM Mono,monospace}.inspector-label{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;padding:21px 4px 8px;font-size:8px;font-weight:700}.tool-list{flex:1;overflow:auto}.tool-list details{border-bottom:1px solid var(--line)}.tool-list summary{cursor:pointer;align-items:center;gap:9px;padding:10px 3px;list-style:none;display:flex}.tool-list summary::-webkit-details-marker{display:none}.tool-list summary>span:nth-child(2){flex:1;min-width:0}.tool-list summary strong{color:#bbb6ae;font:9px DM Mono,monospace;display:block}.tool-list summary small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;line-height:1.4;display:block;overflow:hidden}.tool-list summary>svg{width:12px;color:var(--faint);transition:transform .2s}.tool-list details[open] summary>svg{transform:rotate(180deg)}.tool-icon{background:var(--panel-3);width:25px;height:25px;color:var(--violet);border-radius:6px;place-items:center;display:grid}.tool-icon svg{width:12px}.tool-list pre{white-space:pre-wrap;color:#928ba0;background:#0e0d0c;border-radius:5px;padding:9px;font:8px/1.5 DM Mono,monospace;overflow:auto}.mcp-endpoint{border-top:1px solid var(--line);color:var(--faint);gap:9px;padding:13px 3px 0;display:flex}.mcp-endpoint svg{width:15px}.mcp-endpoint small{text-transform:uppercase;letter-spacing:.1em;font-size:7px;display:block}.mcp-endpoint code{color:var(--muted);margin-top:3px;font:9px DM Mono,monospace;display:block}.mobile-only{display:none}@media (width<=1120px){.app-shell,.app-shell.inspector-visible{grid-template-columns:56px 240px minmax(440px,1fr)}.inspector{z-index:20;width:310px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-30px 0 80px #0006}.inspector.open{transform:translate(0)}}@media (width<=760px){.app-shell{grid-template-columns:48px minmax(0,1fr)}.icon-rail{padding-left:5px;padding-right:5px}.sidebar{z-index:30;width:260px;transition:transform .22s;position:fixed;top:0;bottom:0;left:48px;transform:translate(-110%);box-shadow:30px 0 80px #00000073}.sidebar.mobile-open{transform:translate(0)}.workspace{grid-column:2}.mobile-only{display:grid}.chat-view{padding:25px 18px 15px}.chat-heading h1{font-size:28px}.notes-view{grid-template-columns:1fr}.notes-list-panel{display:none}.editor-panel{padding:25px 20px 12px}.prompt-suggestions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.prompt-suggestions button{white-space:nowrap}}