:root{--bg: #030a12;--bg-elevated: rgba(13, 30, 46, .6);--bg-panel: rgba(7, 18, 30, .72);--bg-sidebar: rgba(4, 12, 21, .85);--border: rgba(103, 232, 249, .14);--border-strong: rgba(103, 232, 249, .38);--text: #d9f6fd;--text-muted: #7fa3b5;--accent: #22d3ee;--accent-cyan: #67e8f9;--error: #ff5c7a;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", ui-monospace, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.5;height:100vh;overflow:hidden;overscroll-behavior-y:none;touch-action:manipulation}#root{height:100%}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem env background: var(--bg-sidebar);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10}.app-header__menu{background:transparent;border:none;color:var(--text);font-size:1.2rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:6px}.app-header__menu:hover{background:#67e8f91a}.app-header__avatar{flex-shrink:0}.app-header__id{display:flex;flex-direction:column;margin-left:.3rem}.app-header__name{font-size:1rem;font-weight:700;color:var(--accent-cyan)}.app-header__status{font-size:.78rem;color:var(--text-muted)}.app-header__status--rec{color:var(--accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.chat__scroll{flex:1;overflow-y:auto;padding:.8rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}.chat__welcome{text-align:center;padding:3rem .5rem;color:var(--text-muted)}.chat__welcome-title{font-size:1.3rem;color:var(--text);margin-bottom:.5rem}.chat__welcome-sub{font-size:.9rem}.bubble-row{display:flex;margin-bottom:.6rem}.bubble-row--mine{justify-content:flex-end}.bubble{max-width:75%;padding:.6rem .7rem;border-radius:16px;font-size:.95rem}.bubble--mine{background:linear-gradient(135deg,#0f293d,#0a1f33);border:1px solid var(--border)}.bubble--assistant{background:linear-gradient(135deg,#0a1f33,#071826);border:1px solid var(--border);margin-left:2.2rem}.bubble__text{margin-bottom:.3rem;white-space:pre-wrap;word-break:break-word}.bubble__meta{font-size:.7rem;color:var(--text-muted)}.activities{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0;padding:0 .5rem}.activities__chip{background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;padding:.25rem .6rem;font-size:.8rem;color:var(--text-muted)}.activities__chip--done{color:var(--text);border-color:var(--border-strong)}.composer{display:flex;align-items:flex-end;gap:.5rem;padding:.6rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.composer__mic,.composer__send{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:none;background:var(--bg-panel);color:var(--text);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.composer__mic:disabled,.composer__send:disabled{opacity:.4;cursor:not-allowed}.composer__mic--active{background:var(--accent);color:#030a12}.composer__input{flex:1;min-height:38px;max-height:120px;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:.6rem .8rem;color:var(--text);font-family:var(--font-ui);font-size:.95rem;resize:none;line-height:1.35}.composer__input:focus{outline:none;border-color:var(--accent)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030a1299;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:30}.drawer-backdrop--open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,88vw);background:var(--bg-sidebar);border-left:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(100%);transition:transform .25s cubic-bezier(.25,1,.5,1);z-index:40;display:flex;flex-direction:column;padding:.9rem;padding-top:calc(env(safe-area-inset-top) + .9rem);padding-bottom:calc(env(safe-area-inset-bottom) + .9rem)}.drawer--open{transform:translate(0)}.drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.drawer__title{font-size:1.15rem;font-weight:700;color:var(--text)}.drawer__close{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.drawer__new{width:100%;background:linear-gradient(135deg,var(--accent),#67e8f9);color:#030a12;border:none;border-radius:12px;padding:.65rem .9rem;font-weight:700;cursor:pointer;margin-bottom:1rem}.drawer__section{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:1rem 0 .6rem}.drawer__list{max-height:280px;overflow-y:auto}.drawer__item{display:flex;align-items:center;padding:.65rem .55rem;border-radius:10px;margin-bottom:.3rem;background:#67e8f90f}.drawer__item--active{background:#67e8f91f}.drawer__item-main{flex:1;text-align:left;background:transparent;border:none;color:var(--text);padding:0;display:flex;flex-direction:column;gap:.15rem;cursor:pointer}.drawer__item-title{font-weight:600;font-size:.95rem}.drawer__item-meta{font-size:.8rem;color:var(--text-muted)}.drawer__item-delete{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:.35rem;border-radius:6px}.drawer__toggle{display:flex;align-items:center;gap:.65rem;padding:.75rem .55rem;border-radius:10px;background:#67e8f90f;cursor:pointer;font-size:.9rem}.drawer__toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:32px;height:18px;background:var(--bg-panel);border:1px solid var(--border);border-radius:9px;position:relative;cursor:pointer;transition:background .15s ease}.drawer__toggle input[type=checkbox]:before{content:"";position:absolute;width:14px;height:14px;background:var(--text-muted);border-radius:50%;left:2px;top:1px;transition:left .15s ease}.drawer__toggle input[type=checkbox]:checked{background:var(--accent)}.drawer__toggle input[type=checkbox]:checked:before{background:#030a12;left:14px}.drawer__toggle small{display:block;font-size:.72rem;color:var(--text-muted)}.drawer__connection{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border)}.drawer__conn-line{display:flex;align-items:center;gap:.45rem}.drawer__conn-label{font-weight:600;color:var(--text)}.drawer__conn-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.drawer__conn-dot--on{background:var(--accent);box-shadow:0 0 6px var(--accent)}.drawer__server{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin:.45rem 0 .65rem}.drawer__link,.drawer__install{display:block;width:100%;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.6rem .8rem;font-size:.9rem;cursor:pointer;margin-bottom:.55rem}.drawer__link:hover,.drawer__install:hover{border-color:var(--border-strong);background:#67e8f914}.drawer__install{background:#67e8f914}.setup{height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.setup__card{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:20px;padding:1.5rem;width:100%;max-width:340px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.setup__avatar{margin-bottom:.9rem}.setup__title{font-size:1.45rem;font-weight:700;margin-bottom:.55rem;color:var(--text)}.setup__subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.setup__label{display:block;text-align:left;font-size:.85rem;font-weight:600;margin-bottom:.3rem;color:var(--text)}.setup__label-hint{font-weight:400;color:var(--text-muted);font-size:.75rem;margin-left:.4rem}.setup__input{width:100%;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.65rem .8rem;color:var(--text);font-size:.95rem;margin-bottom:.9rem}.setup__input:focus{outline:none;border-color:var(--accent)}.setup__key-row{display:flex;gap:.5rem}.setup__key-row .setup__input{flex:1}.setup__reveal{background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:.85rem;padding:0 .7rem;cursor:pointer}.setup__reveal:hover{border-color:var(--border-strong)}.setup__error{color:var(--error);font-size:.85rem;margin-bottom:.9rem}.setup__connect{width:100%;background:linear-gradient(135deg,var(--accent),#67e8f9);color:#030a12;border:none;border-radius:12px;padding:.75rem .95rem;font-weight:700;font-size:1rem;cursor:pointer;margin-bottom:1rem}.setup__connect:disabled{opacity:.6;cursor:not-allowed}.setup__note{font-size:.78rem;color:var(--text-muted);line-height:1.55}.setup__note code{background:var(--bg-panel);border-radius:4px;padding:0 3px;font-family:var(--font-mono);color:var(--accent-cyan)}.toast{position:fixed;bottom:calc(env(safe-area-inset-bottom) + .9rem);left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.55rem .9rem;font-size:.85rem;color:var(--text);z-index:100;box-shadow:0 4px 16px #0000004d;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#67e8f92e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#67e8f959}