*{box-sizing:border-box}:root{--bg:#081120;--bg-soft:#0f172a;--panel:#0f172aeb;--panel-2:#111827eb;--border:#94a3b82e;--text:#e5edf7;--muted:#94a3b8;--primary:#38bdf8;--primary-dark:#082f49;--success:#22c55e;--danger:#ef4444;--purple:#a855f7;--chip:#38bdf81f}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#38bdf829,#0000 25%),radial-gradient(circle at 100% 0,#a855f724,#0000 22%),linear-gradient(#081120 0%,#0b1325 100%);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,textarea,select,input{font:inherit}button{transition:transform .15s,opacity .15s,box-shadow .2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{border:1px solid var(--border);color:#f8fafc;background:#020617d1;border-radius:16px;outline:none;width:100%;padding:14px 15px}textarea{resize:vertical;min-height:132px}select:disabled{opacity:.65}label{color:#cbd5e1;margin-bottom:8px;font-weight:700;display:block}h1,h2,p{margin:0}.app-shell{max-width:1440px;margin:0 auto;padding:20px}.hero-card{border:1px solid var(--border);background:linear-gradient(135deg,#081220f2,#0f172af0);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding:28px;display:flex;box-shadow:0 20px 60px #00000047}.hero-copy{flex:1}.brand-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.brand-badge{color:#7dd3fc;background:#38bdf81f;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.brand-dot{background:#334155;border-radius:999px;width:6px;height:6px}.brand-text{color:var(--muted);font-size:14px;font-weight:600}.hero-card h1{margin-bottom:14px;font-size:40px;line-height:1.05}.hero-description{color:#cbd5e1;max-width:760px;font-size:16px;line-height:1.7}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chip{background:var(--chip);color:#bae6fd;border:1px solid #38bdf82e;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.hero-actions{align-items:flex-start;display:flex}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;display:grid}.main-column,.side-column{align-content:start;gap:22px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:22px;box-shadow:0 20px 60px #0000002e}.panel-primary{background:linear-gradient(#08111ff5,#0f172af2)}.panel-secondary{background:linear-gradient(#170b29f2,#0f172af2)}.panel-neutral{background:linear-gradient(#0a111ef2,#0f172af2)}.section-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-kicker{color:#67e8f9;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}.section-header h2{margin-bottom:8px;font-size:28px}.section-text{color:#cbd5e1;line-height:1.65}.status-badge{color:#cbd5e1;background:#233047;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:800}.status-badge.active{color:#86efac;background:#22c55e2e}.status-badge.purple{color:#e9d5ff;background:#a855f72e}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{margin-top:14px}.range-card{border:1px solid var(--border);background:#020617b3;border-radius:18px;margin-top:16px;padding:16px}.range-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.range-top span{color:#cbd5e1;font-weight:700}.info-banner{color:#bfdbfe;background:#1e40af29;border:1px solid #3b82f638;border-radius:16px;margin-top:16px;padding:14px 16px;line-height:1.6}.primary-button,.secondary-button,.danger-button,.push-button,.record-button{cursor:pointer;border:none;border-radius:18px;padding:14px 18px;font-weight:800}.primary-button{background:var(--primary);width:100%;color:var(--primary-dark);margin-top:16px;box-shadow:0 10px 30px #38bdf840}.secondary-button{color:#e2e8f0;border:1px solid var(--border);background:#1e293bf5}.danger-button{background:var(--danger);color:#fff;width:100%}.push-button{color:#052e16;background:#22c55e;width:100%;margin-top:14px}.record-button{color:#fff;background:linear-gradient(135deg,#9333ea,#7c3aed);width:100%;margin-top:14px;font-size:16px;box-shadow:0 14px 30px #7c3aed38}.record-button.recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:1.2s infinite pulse-recording}@keyframes pulse-recording{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}.dual-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.microphone-state{color:#cbd5e1;align-items:center;gap:8px;margin-top:16px;font-weight:700;display:inline-flex}.state-dot{border-radius:999px;width:10px;height:10px}.state-on{background:#22c55e}.state-off{background:#ef4444}.status-text{color:#67e8f9;margin-top:14px;font-weight:700;line-height:1.5}.data-card{border:1px solid var(--border);background:#020617c2;border-radius:18px;margin-top:16px;padding:18px}.data-card.compact p+p{margin-top:8px}.transcript-output,.result-text{color:#f8fafc;white-space:pre-wrap;margin-top:8px;line-height:1.7}.full-width{width:100%;margin-top:14px}.side-summary{position:sticky;top:20px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.summary-card{border:1px solid var(--border);background:#020617b3;border-radius:18px;padding:16px}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.history-panel .section-header{margin-bottom:10px}.empty-text{color:var(--muted);line-height:1.7}.history-list{gap:14px;max-height:760px;padding-right:4px;display:grid;overflow:auto}.history-item{border:1px solid var(--border);background:#020617b3;border-radius:18px;padding:16px}.history-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.history-direction{color:#7dd3fc;font-weight:800}.history-item small{color:var(--muted)}.history-item p+p{margin-top:10px}.history-item p{line-height:1.6}@media (width<=1100px){.content-grid{grid-template-columns:1fr}.side-summary{position:static}.history-list{max-height:none}}@media (width<=768px){.app-shell{padding:14px}.hero-card{border-radius:22px;flex-direction:column;padding:20px}.hero-card h1{font-size:30px}.hero-description{font-size:15px}.hero-actions,.hero-actions .secondary-button{width:100%}.panel{border-radius:20px;padding:18px}.section-header{flex-direction:column;align-items:stretch}.section-header h2{font-size:24px}.form-grid,.dual-actions,.summary-grid{grid-template-columns:1fr}.primary-button,.secondary-button,.danger-button,.push-button,.record-button{width:100%}textarea{min-height:120px}.history-top{flex-direction:column}}@media (width<=480px){.hero-card h1{font-size:26px}.section-header h2{font-size:22px}.brand-row{gap:8px}.brand-badge,.chip,.status-badge{font-size:12px}.panel{padding:16px}}