@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--bg: #f7f1e8;--bg-strong: #efe3d2;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(17, 24, 39, .92);--ink: #111827;--muted: #5b6170;--line: rgba(17, 24, 39, .1);--accent: #c2410c;--accent-2: #f59e0b;--good: #166534;--warn: #b45309;--shadow: 0 24px 80px rgba(17, 24, 39, .14);font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(245,158,11,.18),transparent 28%),radial-gradient(circle at top right,rgba(124,45,18,.18),transparent 24%),linear-gradient(180deg,#fffaf2 0%,var(--bg) 36%,#eadcc8 100%)}button,textarea{font:inherit}button{border:0;border-radius:16px;cursor:pointer}.app-shell{min-height:100vh;display:grid;gap:1rem;padding:1rem;max-width:1600px;margin:0 auto}.update-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-radius:24px;background:#fff7edf0;border:1px solid rgba(194,65,12,.18);box-shadow:var(--shadow)}.update-banner strong,.update-banner p{margin:0}.update-banner__copy{display:grid;gap:.3rem}.update-banner__copy p:last-child{color:var(--muted)}.update-banner__actions{display:flex;gap:.75rem;flex-wrap:wrap}.onboarding-backdrop{position:fixed;inset:0;background:#11182761;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:1rem;z-index:40}.onboarding-modal{width:min(100%,620px);background:#fffbf5f5;border:1px solid rgba(17,24,39,.12);border-radius:28px;box-shadow:var(--shadow);padding:1.25rem}.onboarding-copy,.onboarding-hint{margin:.7rem 0 0;color:var(--muted);line-height:1.5}.onboarding-hint{font-size:.94rem}.onboarding-steps{margin:1rem 0 0;padding-left:1.2rem;display:grid;gap:.7rem}.onboarding-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.sidebar,.chat-area{min-width:0}.sidebar{display:grid;gap:1rem}.brand-card,.panel,.composer,.empty-chat{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow)}.brand-card{border-radius:28px;padding:1.35rem;position:relative;overflow:hidden}.brand-card:after{content:"";position:absolute;inset:auto -10% -25% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.36),transparent 70%)}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent);font-weight:800}h1,h2,h3{font-family:Fraunces,Georgia,serif;margin:0;line-height:1.02}h1{font-size:clamp(2.3rem,6vw,4rem);max-width:12ch}.brand-copy{color:var(--muted);margin:.8rem 0 1.15rem;max-width:52ch}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.install-guide{margin-top:1rem;padding:1rem;border-radius:20px;border:1px solid rgba(17,24,39,.12);background:#ffffffb8;position:relative;z-index:1}.install-guide__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.install-guide p{margin:0 0 .45rem;color:var(--muted);line-height:1.45}.install-guide__hint{font-size:.92rem}.install-guide__button{margin-top:.35rem;width:100%}.primary,.secondary,.session-card,.setting-card{transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary:hover,.secondary:hover,.session-card:hover,.setting-card:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--ink),#3f2a11);color:#fffaf2;padding:.95rem 1.2rem;box-shadow:0 10px 30px #1118272e}.secondary{background:#ffffffb3;color:var(--ink);border:1px solid var(--line);padding:.95rem 1.2rem}.panel{border-radius:24px;padding:1rem}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.panel__header h2{font-size:1.35rem}.session-list,.settings-list,.status-grid{display:grid;gap:.75rem}.session-card,.setting-card{width:100%;text-align:left;display:flex;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:18px;background:#ffffffa3;border:1px solid transparent}.session-card.active{border-color:#c2410c5c;background:#fff7eddb}.setting-card{align-items:center}.connection-card{display:grid;gap:.9rem}.connection-card__copy{display:grid;gap:.35rem}.connection-card__copy p,.connection-hint,.status-note{margin:0;color:var(--muted);line-height:1.5}.connection-user{display:grid;gap:.18rem;padding:.9rem 1rem;border-radius:18px;background:#fff7edb8;border:1px solid rgba(194,65,12,.16)}.connection-user small{color:var(--muted)}.connection-actions{display:flex;flex-wrap:wrap;gap:.75rem}.connection-error{margin:0;color:var(--accent);font-weight:700;line-height:1.45}.toggle-card input{transform:scale(1.15)}.status-panel label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:.28rem}.status-dot{width:12px;height:12px;border-radius:999px;display:inline-block;background:var(--warn);box-shadow:0 0 0 6px #b4530924}.status-dot.ok{background:var(--good);box-shadow:0 0 0 6px #1665341f}.chat-area{display:grid;grid-template-rows:auto 1fr auto auto;gap:1rem;min-height:0}.chat-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.35rem .25rem}.status-chip{background:#11182714;color:var(--ink);padding:.7rem .9rem;border-radius:999px;font-weight:700;font-size:.9rem}.message-stream{display:grid;gap:.85rem;align-content:start;min-height:0;overflow:auto;padding-right:.15rem}.install-landing{display:grid;gap:1rem;padding:1rem;border-radius:28px;background:#ffffffd1;border:1px solid var(--line);box-shadow:var(--shadow)}.install-landing__hero{display:grid;gap:.6rem}.install-landing__hero h3{font-size:clamp(1.7rem,4vw,2.5rem);max-width:16ch}.install-landing__copy{margin:0;color:var(--muted);line-height:1.5;max-width:60ch}.install-landing__badges{display:flex;flex-wrap:wrap;gap:.5rem}.install-landing__steps{display:grid;gap:.8rem}.install-step-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:.95rem 1rem;border-radius:20px;background:linear-gradient(180deg,#fff7edf5,#ffffffeb);border:1px solid rgba(194,65,12,.14)}.install-step-card__number{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--ink);color:#fffaf2;font-weight:800;letter-spacing:.06em}.install-step-card p{margin:.15rem 0 0;line-height:1.45}.install-landing__notice{padding:1rem;border-radius:20px;border:1px dashed rgba(17,24,39,.18);background:#fffbf5db}.install-landing__notice strong{display:block;margin-bottom:.45rem}.install-landing__notice p{margin:0;color:var(--muted);line-height:1.5}.install-landing__hint{margin-top:.35rem!important;font-size:.94rem}.install-landing__actions{display:flex;flex-wrap:wrap;gap:.75rem}.install-landing__button{min-width:220px}.message-bubble,.empty-chat{border-radius:22px;padding:1rem 1.05rem}.message-bubble{background:#ffffffc7;border:1px solid var(--line)}.message-bubble.mine{background:linear-gradient(180deg,#fff7edfa,#ffedd5f0);justify-self:end}.message-bubble__meta,.message-bubble__footer{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.82rem}.message-bubble__text{margin:.6rem 0 .8rem;white-space:pre-wrap;line-height:1.5}.pill{background:#1118270f;padding:.28rem .6rem;border-radius:999px}.empty-chat{align-self:center;justify-self:stretch;text-align:center}.composer{border-radius:26px;padding:1rem;display:grid;gap:.9rem}.composer__transcript label{display:block;font-weight:800;margin-bottom:.45rem}.composer textarea{width:100%;resize:vertical;min-height:104px;border:1px solid rgba(17,24,39,.14);background:#ffffffd1;border-radius:20px;padding:.95rem 1rem;color:var(--ink)}.composer textarea:focus{outline:2px solid rgba(194,65,12,.24);border-color:#c2410c57}.transcript-note,.voice-warning,.empty-state{margin:0;color:var(--muted);font-size:.94rem}.composer__actions{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:.7rem}.voice-warning{padding:0 .25rem .5rem}@media(min-width:980px){.app-shell{grid-template-columns:minmax(320px,390px) 1fr;align-items:start;padding:1.4rem}.chat-area{min-height:calc(100vh - 2.8rem)}}@media(max-width:740px){.update-banner{flex-direction:column;align-items:stretch}.update-banner__actions{width:100%}.update-banner__actions .primary,.update-banner__actions .secondary{flex:1 1 160px}.composer__actions,.install-step-card{grid-template-columns:1fr}}
