@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#mic-panel{display:none!important}
#mic-panel{max-width:420px;margin:12px auto 20px;padding:12px;border:1px solid #ffffff20;border-radius:10px;display:grid;gap:8px;font-size:11px;color:#c6bad5}#mic-panel select{max-width:100%;width:100%}#mic-panel meter{width:100%;height:12px}#mic-info{font-size:10px}
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#07070f;color:#f4f3f8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#21153866,transparent 52%);min-height:100vh}header{padding:28px 5vw;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:2px}.brand{font-weight:800}.brand span{margin:0 14px;color:#686277}.badge{color:#aaa4ba;font-size:9px}main{max-width:740px;margin:40px auto 0;text-align:center;padding:0 24px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#b6a2de}h1{font-size:clamp(38px,6vw,66px);font-weight:600;letter-spacing:-3px;line-height:1.1;margin:23px 0 20px}h1 em{font-style:normal;background:linear-gradient(100deg,#fff,#ab80ed);background-clip:text;color:transparent}.intro{color:#aaa5b6;line-height:1.7;font-size:15px}.orb{display:block;position:relative;margin:28px auto 15px;width:210px;height:210px;border:0;background:transparent;border-radius:50%;cursor:pointer;isolation:isolate}.core{position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#efe3ff 0,#ae84f1 14%,#7f42d1 32%,#422080 56%,#160e32 79%);box-shadow:inset -8px -12px 28px #08050d, inset 2px 2px 13px #d7bbff,0 0 55px #9963e755;animation:breathe 5s ease-in-out infinite}.core:after{content:'';position:absolute;inset:9px;border-radius:48% 52% 39% 61%;border:1px solid #e3caff88;filter:blur(3px);animation:spin 12s linear infinite}.ring{position:absolute;inset:9px;border:1px solid #ba8bfd25;border-radius:50%;transform:rotateX(58deg) rotateZ(-25deg);box-shadow:0 0 22px #9e61ef33}.speaking .core{animation:breathe .65s ease-in-out infinite;filter:brightness(1.3)}.listening .core{box-shadow:0 0 80px #b27aff88}.thinking .ring{animation:spin 2s linear infinite}#status{color:#c4bace;font-size:12px;min-height:18px;margin:0 0 20px}button,input,select{font:inherit}button{cursor:pointer;background:#ffffff07;color:#e6deef;border:1px solid #ffffff20;border-radius:10px;padding:12px 18px;transition:background .2s}button:hover{background:#ffffff13}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ba8bf6;outline-offset:4px}button:disabled{opacity:.4;cursor:wait}.primary{background:#c2a1f2;color:#180c2c;border:0;font-weight:600;padding:14px 30px}.primary:hover{background:#d3b6fa}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.voice{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px auto;font-size:11px;color:#aaa0b8}select{background:#11101c;border:1px solid #ffffff17;border-radius:7px;padding:8px;color:#d5ccdf;max-width:240px}.hint{font-size:11px;line-height:1.7;color:#817b90}.starters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:27px auto 12px;max-width:570px}.starters button{font-size:11px;padding:13px 10px;background:#ffffff04;backdrop-filter:blur(12px)}form{display:flex;max-width:570px;margin:auto;gap:7px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff04;padding:6px}input{min-width:0;flex:1;background:transparent;border:0;color:white;padding:10px;font-size:12px}form button{border:0;font-size:20px;padding:4px 15px}.transcript{text-align:left;margin:24px auto;padding:22px;max-width:570px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff03}.caption{font-size:9px;letter-spacing:2px;color:#9c8db1}.message{font-size:13px;line-height:1.7;margin:16px 0;white-space:pre-wrap}.message.user{color:#a991c9}.message strong{display:block;font-size:9px;letter-spacing:1px;margin-bottom:5px}footer{margin:32px 0 24px;font-size:9px;line-height:1.8;color:#81798d}footer strong{color:#b2a4c4;font-weight:500}details{max-width:560px;margin:16px auto;text-align:left}summary{text-align:center;cursor:pointer}details p{font-size:11px}a{color:#c0a2e6}[hidden]{display:none!important}@keyframes breathe{50%{transform:scale(1.055)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:550px){header{padding:22px 20px}.badge{display:none}main{margin-top:20px}h1{letter-spacing:-1.7px}.orb{width:180px;height:180px}.starters{gap:7px}.starters button{font-size:10px}.intro{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* BGN dark presentation */
body{background:radial-gradient(ellipse at 50% 35%,#103d7066,transparent 55%)}header{justify-content:center;align-items:center;padding:22px 20px;letter-spacing:2px}.bgn-mark{width:96px;height:96px;object-fit:contain}.brand{line-height:1.8;color:#d9ecff}main{margin-top:12px}.eyebrow{color:#8fbfe9}h1 em{background:linear-gradient(100deg,#fff,#65b8ff);background-clip:text}.core{background:radial-gradient(circle at 32% 25%,#e6f7ff 0,#83caff 14%,#247ee0 32%,#12428e 56%,#071a38 79%);box-shadow:inset -8px -12px 28px #030d22,inset 2px 2px 13px #b5e5ff,0 0 55px #3689ee66}.core:after{border-color:#b5e5ff88}.ring{border-color:#75bfff55;box-shadow:0 0 22px #3689ee55}.listening .core{box-shadow:0 0 80px #54b2ff88}.primary{background:#70bdff;color:#041b35}.primary:hover{background:#a1d4ff}a{color:#89caff}.message.user{color:#9fcff5}button:focus-visible,input:focus-visible{outline-color:#70bdff}@media(max-width:550px){.bgn-mark{width:72px;height:72px}.brand{font-size:10px}}
/* BGN banner and blue / amber atmosphere */
body{background:radial-gradient(ellipse at 8% 18%,#1265ba55,transparent 48%),radial-gradient(ellipse at 94% 44%,#ed87242b,transparent 43%),radial-gradient(ellipse at 48% 78%,#1557ad44,transparent 53%),linear-gradient(145deg,#050912,#08182b 48%,#090b13);background-attachment:fixed}
header{padding:28px 24px 8px}.bgn-banner{display:block;width:min(420px,85vw);height:auto;border-radius:12px;box-shadow:0 0 55px #2485ed24,0 10px 40px #0005}main{margin-top:12px}.intro{max-width:520px;margin-left:auto;margin-right:auto;color:#bdcee1}.orb{filter:drop-shadow(0 0 35px #1b89ed33)}.ring{border-top-color:#6cc8ff;border-right-color:#f6a34d}.primary{background:linear-gradient(115deg,#91d6ff,#52a8f1);box-shadow:0 5px 24px #2585cf33}.starters button{background:linear-gradient(135deg,#16345488,#14213988);border-color:#45719e66}.starters button:hover{border-color:#efa34d;background:#213d59}#question{border-color:#4c77965c;background:#0a1827b3}h1 em{background-image:linear-gradient(100deg,#effaff,#86ceff 65%,#ffbc74)}a:hover{color:#ffbb73}@media(max-width:550px){header{padding-top:20px}.bgn-banner{width:min(350px,85vw)}}