:root{--bg: #0b0f14;--bg-soft: #0f141b;--card: #121821;--muted: #96a3b3;--text: #e8eef7;--brand: #8ef9a0;--brand-2:#72d4ff;--accent: #ffd289;--danger: #ff7e86;--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#0a0e13 60%,#090d12)}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:140px;pointer-events:none;background:linear-gradient(180deg,#0000,#00000038 90%,#00000047)}.container{max-width:1200px;margin:0 auto;padding:24px;min-height:100%;display:flex;flex-direction:column;gap:24px}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:16px;background:linear-gradient(180deg,#ffffff08,#ffffff04);border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 30px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px}.brand .tag{font-size:12px;color:var(--muted);padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.cta{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--text);box-shadow:0 8px 24px #00000040;cursor:pointer;transition:transform .08s ease,background .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-1px);background:#ffffff14;box-shadow:0 12px 30px #0000004d}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-top:4px}.card{background:linear-gradient(180deg,#ffffff09,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:24px;box-shadow:0 20px 60px #00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero h1{font-size:42px;margin:0 0 10px;letter-spacing:-.4px}.hero p{color:var(--muted);margin:0 0 18px;font-size:15px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kpi{padding:14px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);text-align:center;box-shadow:0 10px 30px #00000040}.kpi b{font-size:18px}.kpi span{color:var(--muted);font-size:12px}.section{display:grid;grid-template-columns:1fr 360px;gap:18px}.chat-wrap{position:relative;display:grid;grid-template-rows:1fr auto;gap:10px;min-height:560px}.scroll{overflow:auto;padding-right:6px}.msg-list{display:flex;flex-direction:column;gap:10px}.msg{display:inline-flex;max-width:78%;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #00000047;font-size:14px;line-height:1.4;background:#ffffff08}.msg.user{align-self:flex-end;background:#72d4ff1a;border-color:#72d4ff38}.msg.ai{align-self:flex-start;background:#8ef9a01a;border-color:#8ef9a038}.msg small{display:block;color:var(--muted);margin-top:6px;font-size:12px}.input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;color:var(--text);outline:none;font-size:14px}.send{padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#8ef9a02e,#72d4ff29);color:var(--text);font-weight:600;cursor:pointer;box-shadow:0 8px 24px #00000040}.recorder{margin-top:10px;display:flex;justify-content:center}.rec-btn{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 30%,rgba(255,210,137,.18),transparent 45%),radial-gradient(circle at 70% 70%,rgba(114,212,255,.18),transparent 45%),linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 10px 40px #72d4ff2e,inset 0 0 20px #ffffff0f;color:var(--text);font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease}.rec-btn.recording{transform:scale(.98);box-shadow:0 12px 50px #8ef9a04d,inset 0 0 30px #8ef9a042;border-color:#8ef9a085}.rec-label{margin-top:8px;text-align:center;color:var(--muted);font-size:12px}.avail{position:sticky;top:24px;height:fit-content}.avail .slot{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center;padding:9px 10px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);margin-bottom:8px;box-shadow:0 8px 24px #00000038}.time{color:var(--muted);font-size:12px}.bars{display:flex;align-items:center;gap:6px}.bar{flex:1;height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden;position:relative}.fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#72d4ffe6,#8ef9a0e6)}.badge{font-size:10px;color:var(--muted)}.typing{width:32px;height:14px;display:inline-flex;align-items:center;gap:4px}.dot{width:6px;height:6px;border-radius:50%;background:#ffffffb3;animation:bounce 1.2s infinite ease-in-out}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(-4px);opacity:1}}footer{margin-top:auto;text-align:center;color:var(--muted);font-size:12px;opacity:.85;padding-bottom:12px}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;border:2px solid transparent}@media (max-width: 980px){.hero,.section{grid-template-columns:1fr}.avail{position:relative;top:0}.msg{max-width:92%}}.btn{padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);color:var(--text);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:0 8px 24px #00000040}.btn.primary{background:linear-gradient(180deg,#8ef9a038,#72d4ff33);border-color:#72d4ff4d}.btn.ghost{background:#ffffff08}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:50;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(680px,94vw);background:#121821eb;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;box-shadow:0 24px 80px #0000008c}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.review-grid .row2{grid-column:span 2}.label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.value{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}