:root{--bg:#0b0d0f;--bg-raised:#121518;--bg-input:#15181b;--border:#23272b;--border-soft:#1a1d20;--text:#edeeec;--text-dim:#9aa0a6;--text-faint:#5b6168;--signal:#4ade80;--signal-dim:#2f6b46;--amber:#f5a623;--red:#ef5350;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sidebar-width:260px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}textarea,input,button{font-family:inherit}button{touch-action:manipulation}::selection{background:var(--signal-dim);color:var(--text)}.app{grid-template-columns:var(--sidebar-width) 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar-scrim{display:none}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:40;width:min(300px,84vw);padding-top:calc(18px + var(--sat));padding-left:calc(14px + var(--sal));box-shadow:none;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:2px 0 24px #0006}.sidebar-scrim{z-index:35;background:#00000080;display:block;position:fixed;inset:0}.sidebar__close,.topbar__menu{display:flex}.topbar__model-name{text-overflow:ellipsis;white-space:nowrap;max-width:38vw;overflow:hidden}.topbar__connection-label{display:none}.message-list{padding:0 14px}.main__inputbar{padding:8px 12px 6px}.ledger__bar{padding:8px 14px}.ledger__list{padding:6px 14px}}@media (width<=460px){.topbar__model-name{max-width:30vw}}.sidebar{background:var(--bg-raised);border-right:1px solid var(--border-soft);padding:18px 14px;padding-bottom:calc(18px + var(--sab));flex-direction:column;display:flex;overflow:hidden}.sidebar__top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sidebar__brand{font-family:var(--font-mono);letter-spacing:-.02em;align-items:center;gap:8px;padding:0 4px;font-size:15px;font-weight:600;display:flex}.sidebar__close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1;display:none}.sidebar__close:hover{color:var(--text)}.sidebar__brand-mark{color:var(--signal)}.sidebar__brand-dim{color:var(--text-faint)}.sidebar__new{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:8px;margin-bottom:20px;padding:9px 12px;font-size:13.5px;transition:border-color .15s,background .15s}.sidebar__new:hover{border-color:var(--signal-dim);background:#4ade800f}.sidebar__section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:4px 4px 8px;font-size:10.5px}.sidebar__models{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.model-pill{border:1px solid var(--border-soft);color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border-radius:7px;justify-content:space-between;align-items:baseline;padding:8px 10px;font-size:12.5px;transition:border-color .15s,color .15s;display:flex}.model-pill:hover:not(:disabled){border-color:var(--border);color:var(--text)}.model-pill:disabled{cursor:not-allowed;opacity:.5}.model-pill--active{border-color:var(--signal-dim);color:var(--signal);background:#4ade800d}.model-pill__name{font-weight:500}.model-pill__size{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.sidebar__history{flex-direction:column;flex:1;gap:2px;margin-bottom:12px;display:flex;overflow-y:auto}.sidebar__empty{color:var(--text-faint);padding:8px 4px;font-size:12px;line-height:1.5}.history-item{cursor:pointer;color:var(--text-dim);border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.history-item:hover,.history-item--active{background:var(--bg-input);color:var(--text)}.history-item__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item__delete{color:var(--text-faint);cursor:pointer;visibility:hidden;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.history-item:hover .history-item__delete{visibility:visible}.history-item__delete:hover{color:var(--red)}.sidebar__footer{flex-direction:column;gap:6px;display:flex}.sidebar__install{border:1px solid var(--signal-dim);color:var(--signal);text-align:left;cursor:pointer;background:#4ade8014;border-radius:7px;padding:9px 12px;font-size:13px}.sidebar__install:hover{background:#4ade8024}.sidebar__settings{border:1px solid var(--border-soft);color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border-radius:7px;padding:9px 12px;font-size:13px}.sidebar__settings:hover{border-color:var(--border);color:var(--text)}.main{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{padding:12px 22px;padding-top:calc(12px + var(--sat));border-bottom:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar__menu{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:-6px;padding:4px 6px;font-size:18px;line-height:1;display:none}.topbar__menu:hover{color:var(--text)}.topbar__model{flex:1;align-items:baseline;gap:8px;min-width:0;font-size:13.5px;display:flex}.topbar__model-name{font-weight:600}.topbar__model-status{color:var(--text-faint);font-family:var(--font-mono);font-size:11.5px}.topbar__connection{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;align-items:center;gap:7px;font-size:11.5px;display:flex}.topbar__connection-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.topbar__connection--online .topbar__connection-dot{background:var(--text-faint)}.topbar__connection--offline .topbar__connection-dot{background:var(--signal);box-shadow:0 0 6px var(--signal)}.topbar__connection--offline{color:var(--signal)}.update-banner{border-bottom:1px solid var(--border-soft);color:var(--amber);text-align:center;background:#f5a6231a;flex-shrink:0;justify-content:center;align-items:center;gap:14px;padding:8px 16px;font-size:12.5px;display:flex}.update-banner button{background:var(--amber);color:#2b1a00;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:600}.main__chat{flex:1;padding:24px 0 8px;overflow-y:auto}.empty-chat{text-align:center;height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex}.empty-chat__mark{color:var(--signal);margin-bottom:14px;font-size:22px}.empty-chat h2{color:var(--text);margin:0 0 8px;font-size:17px;font-weight:600}.empty-chat p{color:var(--text-faint);max-width:320px;margin:0;font-size:13.5px;line-height:1.6}.message-list{flex-direction:column;gap:22px;max-width:720px;margin:0 auto;padding:0 22px;display:flex}.message{flex-direction:column;gap:4px;display:flex}.message__role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:10.5px}.message--user .message__role{color:var(--text-dim)}.message--assistant .message__role{color:var(--signal-dim)}.message__body{color:var(--text);overflow-wrap:break-word;word-break:break-word;font-size:14.5px;line-height:1.65}.message__body p{margin:0 0 10px}.message__body p:last-child{margin-bottom:0}.message__body ul,.message__body ol{margin:0 0 10px;padding-left:22px}.inline-code{font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border-soft);border-radius:4px;padding:1px 5px;font-size:.9em}.code-block{font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border-soft);border-radius:8px;margin:6px 0 12px;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.cursor-blink{background:var(--signal);vertical-align:middle;width:7px;height:14px;margin-left:2px;animation:1s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.main__inputbar{padding:10px 22px 6px;padding-bottom:calc(6px + var(--sab));flex-shrink:0}.chat-input{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;align-items:flex-end;gap:8px;max-width:720px;margin:0 auto;padding:8px 8px 8px 16px;transition:border-color .15s;display:flex}.chat-input:focus-within{border-color:var(--signal-dim)}.chat-input textarea{resize:none;color:var(--text);background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:6px 0;font-size:14px;line-height:1.5}@media (width<=860px){.chat-input textarea{font-size:16px}}.chat-input textarea::placeholder{color:var(--text-faint)}.chat-input__send{background:var(--signal);color:#06200f;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.chat-input__send:disabled{background:var(--border);color:var(--text-faint);cursor:not-allowed}.chat-input__send:not(:disabled):active{transform:scale(.92)}.ledger{border-top:1px solid var(--border-soft);font-family:var(--font-mono);flex-shrink:0}.ledger__bar{width:100%;color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:8px 22px;font-size:11.5px;display:flex}.ledger__bar:hover{color:var(--text)}.ledger__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ledger__dot--quiet{background:var(--signal);box-shadow:0 0 5px var(--signal)}.ledger__dot--active{background:var(--amber);box-shadow:0 0 5px var(--amber);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.ledger__summary{flex:1}.ledger__chevron{color:var(--text-faint)}.ledger__list{border-top:1px solid var(--border-soft);max-height:160px;padding:6px 22px;overflow-y:auto}.ledger__empty{color:var(--text-faint);padding:4px 0;font-size:11px}.ledger__row{color:var(--text-dim);gap:10px;padding:3px 0;font-size:11px;display:flex}.ledger__status{flex-shrink:0;width:36px}.ledger__status--ok{color:var(--signal)}.ledger__status--pending{color:var(--amber)}.ledger__status--error,.ledger__status--failed{color:var(--red)}.ledger__url{text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);flex:1;overflow:hidden}.ledger__bytes{color:var(--text-faint);flex-shrink:0}.loading-screen{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.loading-screen__inner{text-align:center;max-width:380px;padding:0 24px}.loading-screen__icon{color:var(--signal);margin-bottom:18px;font-size:26px;animation:1.6s ease-in-out infinite pulse}.loading-screen__icon--error{color:var(--red);border:1.5px solid var(--red);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 18px;font-size:22px;animation:none;display:flex}.loading-screen h2{margin:0 0 10px;font-size:16px}.loading-screen__sub{color:var(--text-faint);margin:0 0 24px;font-size:13px;line-height:1.6}.loading-screen__error{color:var(--text-dim);margin:0 0 22px;font-size:13px;line-height:1.6}.progress-bar{background:var(--border-soft);border-radius:2px;height:4px;margin-bottom:10px;overflow:hidden}.progress-bar__fill{background:var(--signal);height:100%;transition:width .2s ease-out}.loading-screen__detail{font-family:var(--font-mono);color:var(--text-faint);justify-content:space-between;font-size:11px;display:flex}.primary-button{background:var(--signal);color:#06200f;cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:600}.modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;max-height:86vh;overflow-y:auto}@media (width<=560px){.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;max-height:80vh;padding-bottom:var(--sab);border-bottom:none;border-radius:16px 16px 0 0}}.modal__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:16px 18px;font-size:14px;font-weight:600;display:flex}.modal__close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.modal__close:hover{color:var(--text)}.modal__body{flex-direction:column;gap:20px;padding:18px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field__label{justify-content:space-between;font-size:12.5px;font-weight:600;display:flex}.field__value{font-family:var(--font-mono);color:var(--signal);font-weight:400}.field__hint{color:var(--text-faint);margin:0;font-size:11.5px;line-height:1.5}.field input[type=range]{width:100%;accent-color:var(--signal)}.field textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.field textarea:focus{border-color:var(--signal-dim)}.danger-button{border:1px solid var(--red);color:var(--red);cursor:pointer;background:0 0;border-radius:7px;margin-top:4px;padding:8px 12px;font-size:12.5px}.danger-button:hover{background:#ef535014}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:0 0}