:root{--bg:#eaf7f1;--surface:rgba(255,255,255,0.78);--surface-strong:rgba(255,255,255,0.92);--text:#103126;--muted:#4a6a5f;--line:rgba(15,159,110,0.14);--primary:#0f9f6e;--primary-dark:#0a7f58;--primary-soft:rgba(15,159,110,0.14);--shadow:0 16px 40px rgba(13,81,58,0.12);--radius:24px}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,159,110,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(15,159,110,.12),transparent 24%),var(--bg)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh;max-width:980px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{padding:16px 18px;justify-content:space-between}.brand,.topbar{display:flex;align-items:center;gap:12px}.cross-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#33d19b,#0f9f6e);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px rgba(15,159,110,.22);display:grid;place-items:center;flex:0 0 auto}.cross-icon:after,.cross-icon:before{content:"";position:absolute;background:white;border-radius:999px}.cross-icon{position:relative}.cross-icon:before{width:10px;height:26px}.cross-icon:after{width:26px;height:10px}.brand h1{margin:0;font-size:clamp(1.5rem,5vw,2rem);line-height:1}.brand p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.status-pill{border-radius:999px;padding:10px 12px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700;font-size:.9rem;white-space:nowrap}.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:0 0 6px}.tab-btn{border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--muted);border-radius:18px;padding:13px 16px;font-weight:700}.tab-btn.active{background:linear-gradient(180deg,#18b57d,#0f9f6e);color:white;box-shadow:0 10px 20px rgba(15,159,110,.18)}.main-card{flex:1 1;min-height:0;overflow:hidden}.main-card,.main-inner{display:flex;flex-direction:column}.main-inner{padding:14px;gap:14px;min-height:calc(100dvh - 165px)}.section-title{margin:0;font-size:1.05rem}.section-subtitle{margin:6px 0 0;color:var(--muted);line-height:1.45}.chat-window,.messages{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:12px}.messages{overflow:auto;padding:4px}.bubble-row{display:flex}.bubble-row.user{justify-content:flex-end}.bubble{max-width:min(82%,520px);border-radius:20px;padding:12px 14px;box-shadow:0 10px 20px rgba(16,49,38,.08);line-height:1.45;white-space:pre-wrap}.bubble.assistant{background:rgba(255,255,255,.94);border:1px solid rgba(15,159,110,.12)}.bubble.user{background:linear-gradient(180deg,#16b47d,#0f9f6e);color:white}.bubble-label{font-size:.74rem;font-weight:700;opacity:.76;margin-bottom:5px}.composer{display:flex;gap:10px;align-items:end;background:var(--surface-strong);border:1px solid var(--line);border-radius:22px;padding:10px}.composer textarea{flex:1 1;resize:none;min-height:48px;max-height:132px;border:0;outline:none;background:transparent;color:var(--text)}.danger-btn,.ghost-btn,.primary-btn,.send-btn{border:0;border-radius:18px;font-weight:700;cursor:pointer}.primary-btn,.send-btn{background:linear-gradient(180deg,#18b57d,#0f9f6e);color:white;box-shadow:0 10px 20px rgba(15,159,110,.18)}.send-btn{padding:14px 16px;min-width:96px}.primary-btn{width:100%;padding:15px 16px}.ghost-btn{background:rgba(255,255,255,.82);border:1px solid var(--line);color:var(--primary-dark);padding:12px 14px}.danger-btn{background:rgba(220,38,38,.1);color:#b91c1c;padding:10px 14px}.hint-box{padding:14px;border-radius:18px;background:rgba(15,159,110,.08);border:1px solid rgba(15,159,110,.1)}.list{gap:12px}.item,.list{display:flex;flex-direction:column}.item{padding:15px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid var(--line);gap:10px}.item-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.item-title{margin:0;font-size:1rem}.meta{color:var(--muted);font-size:.92rem;line-height:1.45}.setup-wrap{min-height:100dvh;display:grid;place-items:center;padding:16px}.setup-card{width:min(100%,480px)}.setup-card h1{margin:0 0 12px;font-size:1.9rem}.setup-card p{color:var(--muted);line-height:1.55}.setup-grid{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.permission-ok{background:rgba(15,159,110,.1);color:var(--primary-dark)}.permission-ok,.permission-pending{padding:12px 14px;border-radius:16px;font-weight:700}.permission-pending{background:rgba(245,158,11,.12);color:#92400e}.small-note{font-size:.88rem;color:var(--muted)}@media (max-width:720px){.app-shell{padding:12px}.topbar{padding:14px;align-items:flex-start;flex-direction:column}.status-pill{width:100%;text-align:center}.main-inner{min-height:calc(100dvh - 210px)}.bubble{max-width:92%}.composer{align-items:stretch}.send-btn{min-width:84px}}.compact-header{padding:4px 2px 0}.brand.compact h1{font-size:1.3rem}.brand.compact p{font-size:.85rem}.sticky-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(234,247,241,.96),rgba(234,247,241,.72));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:4px}.setup-shell{min-height:100dvh;display:grid;place-items:center;padding:18px}.setup-card{width:min(100%,520px);padding:22px;display:flex;flex-direction:column;gap:16px}.setup-brand{display:flex;align-items:center;gap:14px}.cross-icon.large{width:58px;height:58px}.setup-status{margin:0;color:var(--muted);line-height:1.45}@media (max-width:640px){.app-shell{padding:10px;gap:10px}.main-inner{min-height:calc(100dvh - 96px);padding:10px}.topbar{padding:12px 14px}.brand p{display:none}.bubble{max-width:88%}.composer{align-items:stretch;flex-direction:column}.send-btn{width:100%;min-width:0}.item-head{flex-direction:column;align-items:stretch;gap:12px}}