@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Poppins:wght@400;500;700&display=swap";:root{--bg-0: #0b0f14;--bg-1: #0e1320;--grid: rgba(255, 255, 255, .05);--text: #e8eef9;--muted: #a7b3c7;--gold-1: #e2c56a;--gold-2: #f7e08b;--cyan-1: #4ad4ff;--cyan-2: #7af3ff;--card: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .14);--blur: blur(12px)}html,body{height:100%}body{margin:0;color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 80% -20%,rgba(74,212,255,.12),transparent 60%),radial-gradient(1000px 500px at -20% 120%,rgba(226,197,106,.1),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-size:40px 40px;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);-webkit-mask-image:radial-gradient(1500px 800px at 50% 30%,rgba(0,0,0,.35),rgba(0,0,0,.8));mask-image:radial-gradient(1500px 800px at 50% 30%,rgba(0,0,0,.35),rgba(0,0,0,.8));pointer-events:none}main#app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;align-items:start;justify-items:center;padding:48px 24px 32px}section{width:min(980px,92vw);background:var(--card);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--card-border);border-radius:18px;box-shadow:0 30px 80px #00000059;padding:28px 28px 16px}h1{margin:0 0 18px;font-family:Cinzel,serif;font-size:clamp(28px,4vw,46px);letter-spacing:.04em;line-height:1.15;background:linear-gradient(98deg,var(--gold-2),var(--gold-1));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 18px rgba(247,224,139,.18)}#ulist_chat{display:flex;flex-direction:column;gap:12px;max-height:min(62vh,720px);overflow:auto;padding:6px 4px 6px 0;margin:0}#ulist_chat::-webkit-scrollbar{width:10px}#ulist_chat::-webkit-scrollbar-track{background:transparent}#ulist_chat::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-1),var(--gold-2));border-radius:999px}#ulist_chat li{list-style:none;max-width:min(74ch,80%);padding:14px 16px;border-radius:16px;border:1px solid var(--card-border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);position:relative}#ulist_chat .transcript{align-self:flex-end;color:#cef5ff;background:linear-gradient(180deg,rgba(74,212,255,.18),rgba(74,212,255,.09));box-shadow:0 10px 24px #4ad4ff2e}#ulist_chat .ai_response{align-self:flex-start;color:#fff7dc;background:linear-gradient(180deg,rgba(226,197,106,.2),rgba(226,197,106,.1));box-shadow:0 10px 24px #e2c56a2e}.btn_container{width:min(980px,92vw);display:flex;justify-content:center;padding:18px 0 6px}#btn_record{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:16px 28px;border-radius:999px;font-size:clamp(16px,2.4vw,20px);font-weight:700;letter-spacing:.06em;color:#091015;background:linear-gradient(98deg,var(--cyan-2),var(--gold-2));box-shadow:0 12px 28px #7af3ff3d,0 18px 44px #f7e08b2e;cursor:pointer;transition:transform .12s ease,filter .18s ease,box-shadow .18s ease}#btn_record:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 18px 48px #7af3ff47,0 26px 62px #f7e08b3d}#btn_record:active{transform:translateY(0) scale(.99)}#btn_record:disabled{opacity:.6;cursor:not-allowed}@keyframes pulseGlow{0%{box-shadow:0 0 #7af3ff80}70%{box-shadow:0 0 0 18px #7af3ff00}to{box-shadow:0 0 #7af3ff00}}#btn_record:not(:disabled){animation:pulseGlow 2.8s ease-in-out infinite}@media (max-width: 640px){section{padding:22px 18px 10px}#ulist_chat li{max-width:92%}}@supports (font-variation-settings: normal){body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}}