:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#1f2448,#080a16 55%,#05060d);color:#ebf0ff}.app-shell{position:relative;min-height:100vh;padding:2rem 1rem 4rem;display:grid;place-items:center;overflow:hidden}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(103,133,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(103,133,255,.14) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 100%);mask-image:radial-gradient(circle at center,black 35%,transparent 100%);pointer-events:none}.hero{text-align:center;max-width:760px;margin-bottom:2rem;z-index:2}.chip{display:inline-block;margin-bottom:.8rem;padding:.35rem .75rem;border-radius:999px;background:#7c90ff2e;border:1px solid rgba(172,189,255,.3);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2rem,6vw,3.5rem)}.hero p{margin-top:1rem;color:#bcc7ee}.assistant-card{width:min(940px,100%);background:linear-gradient(140deg,#181f3ae6,#111429eb);border:1px solid rgba(140,161,255,.25);border-radius:1.4rem;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000073;z-index:2}.orb-wrap{display:grid;place-items:center;padding:1rem 0}.voice-orb{width:120px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 35% 30%,#b9d8ff,#5a7bff 40%,#22327c 80%);box-shadow:0 0 20px #6180ff80,0 0 50px #4d65db66;transition:transform .2s ease}.voice-orb.recording{animation:pulse 1.1s infinite}.voice-orb.playing{animation:glow-wave .9s infinite alternate}.status{text-align:center;margin:.5rem 0 1.2rem;color:#d2dcff}.controls{display:flex;justify-content:center}button{border:none;border-radius:.8rem;padding:.75rem 1.2rem;font-weight:600;cursor:pointer}.primary-btn{color:#06102f;background:linear-gradient(90deg,#8be8ff,#8aa0ff)}.danger-btn{color:#fff;background:linear-gradient(90deg,#f95d7f,#cf4362)}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ff9db1;text-align:center}.output-grid{margin-top:1.4rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.panel{border-radius:.9rem;border:1px solid rgba(153,172,255,.2);padding:1rem;background:#0a0e2080}.panel h3{margin:0 0 .6rem}.panel p{margin:0;color:#c9d2f1;line-height:1.45}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glow-wave{0%{box-shadow:0 0 20px #6180ff80,0 0 40px #6b70df66}to{box-shadow:0 0 24px #82f3ff9f,0 0 58px #78b3ff8f}}