@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.setupScreen{max-width:760px}.setupIntro{margin:56px 0 28px}.setupIntro h1{font-size:clamp(38px,6vw,52px)}.setupCard{background:#fff;border:2px solid #17141f;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;display:grid;box-shadow:6px 6px #dad6e9}.setupMic{background:#e4e0ef;border:2px solid #17141f;border-radius:50%;place-items:center;width:64px;height:64px;font-size:24px;display:grid}.setupStatus{min-width:0}.setupStatus strong,.setupStatus span{display:block}.setupStatus strong{font-size:18px}.setupStatus span{color:#55506b;margin-top:5px;font-size:13px;line-height:1.5}.setupCard.ready{box-shadow:6px 6px #22dda0}.setupCard.ready .setupMic{background:#22dda0}.setupCard.denied,.setupCard.error{box-shadow:6px 6px #fb4b62}.setupCard.denied .setupMic,.setupCard.error .setupMic{color:#fff;background:#fb4b62}.permissionHelp{background:#fff0f2;border:2px solid #fb4b62;border-radius:14px;margin-top:18px;padding:16px 18px}.permissionHelp p{color:#55506b;margin:5px 0 0}.setupActions{flex-direction:column;align-items:flex-end;gap:12px;margin-top:30px;display:flex}.setupActions .primary{margin-left:0}.setupActions span{color:#6b6486;font-size:12px}@media (max-width:650px){.setupCard{grid-template-columns:auto 1fr}.setupCard>button{grid-column:1/-1;width:100%}.setupActions{align-items:stretch}.setupActions .primary{width:100%}}.micSetup{background:#ffffffb8;border:2px dashed #c9c3de;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:30px;padding:16px 18px;display:grid}.micSetupIcon{background:#e4e0ef;border:2px solid #17141f;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.micSetup>div:nth-child(2){min-width:0}.micSetup strong,.micSetup span{display:block}.micSetup span{color:#55506b;margin-top:3px;font-size:12.5px;line-height:1.45}.micSetup.ready{border-style:solid;border-color:#0fa574}.micSetup.ready .micSetupIcon{background:#22dda0}.micSetup.denied,.micSetup.error{background:#fff0f2;border-style:solid;border-color:#fb4b62}.micSetup.denied .micSetupIcon,.micSetup.error .micSetupIcon{color:#fff;background:#fb4b62}.micHelp{color:#8d2333;grid-column:2/-1;margin:0;font-size:12px}.micMeter{background:#f2eff9;border:1px solid #17141f;border-radius:99px;height:8px;margin-top:9px;overflow:hidden}.micMeter i{background:#22dda0;width:2%;height:100%;transition:width 70ms linear;display:block}.micMeter.live{background:#efe9fb}.micMeter.live i{background:linear-gradient(90deg,#6b3ef5,#22dda0)}@media (max-width:600px){.micSetup{grid-template-columns:auto 1fr}.micSetup>button{grid-column:1/-1;width:100%}.micHelp{grid-column:1/-1}}button:disabled{cursor:wait;opacity:.65}.toast{z-index:20;background:#fff0f2;border:2px solid;border-radius:14px;max-width:min(560px,100% - 32px);padding:13px 48px 13px 16px;font-weight:700;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:4px 4px #17141f}.toast.ok{background:#eafaf3}.toast button{background:0 0;border:0;font-size:24px;position:absolute;top:7px;right:10px}.mode{color:#6b6486;text-transform:uppercase;letter-spacing:.08em;border:1px dashed #8e86aa;border-radius:99px;margin-bottom:18px;padding:6px 10px;font:700 10px JetBrains Mono;display:inline-block}.userName{text-overflow:ellipsis;color:#6b6486;align-self:center;max-width:190px;font-size:12px;overflow:hidden}.message.user{margin-left:auto}.message.user p{color:#17141f;background:#fff}.mic{padding:0}:root{--ink:#17141f;--purple:#6b3ef5;--yellow:#f8b54c;--green:#22dda0;--red:#fb4b62;--muted:#6b6486}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(140deg,#f4fbf9,#f7f5fc 45%,#fbf6fa);margin:0;font-family:Plus Jakarta Sans,sans-serif}button{font:inherit;color:inherit;cursor:pointer}main{min-height:100vh;position:relative;overflow:hidden}.wrap{max-width:880px;margin:auto;padding:56px 24px 96px;position:relative}.blob{pointer-events:none;opacity:.3;border-radius:50%;position:fixed}.blob.a{background:var(--purple);width:420px;height:420px;top:-250px;left:-280px}.blob.b{background:var(--yellow);width:280px;height:280px;top:-120px;left:-170px}.blob.c{background:var(--green);width:340px;height:340px;bottom:-170px;right:-170px}header{align-items:center;margin-bottom:46px;display:flex}nav{gap:10px;margin-left:auto;display:flex}.brand{align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.brand b{background:var(--yellow);width:40px;height:40px;box-shadow:3px 3px var(--ink);border:2px solid;border-radius:12px;place-items:center;display:grid}h1{letter-spacing:-.04em;max-width:15ch;margin:0 0 16px;font-size:clamp(42px,7vw,56px);line-height:1.27}.hero{margin-bottom:46px}mark{background:var(--yellow);border-radius:6px;padding:.03em .14em}.lede{color:#55506b;max-width:48ch;margin-bottom:42px;font-size:17px;line-height:1.6}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:14px 0;font:700 11px JetBrains Mono}.topicGrid{background:#f1eff8;border-radius:26px;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 -24px 44px;padding:22px 24px 30px;display:grid}.topic{text-align:left;background:#fff;border:2px solid;border-radius:20px;padding:14px 16px 20px;transition:transform .16s,box-shadow .16s,background-color .16s;box-shadow:6px 6px #dad6e9}.topic:hover{transform:translate(-1px,-1px);box-shadow:7px 7px #cdc7e4}.topic.selected{box-shadow:8px 8px var(--ink);background:#fdf3e2;transform:translate(-2px,-2px)}.topic:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.topic strong,.topic span{display:block}.topic strong{margin:14px 0 5px;font-size:18px}.topic span{color:#55506b;font-size:13.5px;line-height:1.45}.art{border:0;border-radius:14px;height:110px;position:relative;overflow:hidden}.art.casual{background:var(--yellow)}.art.work{background:var(--purple)}.art.random{background:var(--green)}.art i,.art b,.art em{border:0;position:absolute}.art:before{content:"";background:#ffffff26;border-radius:50%;width:150px;height:150px;position:absolute}.art.casual:before{bottom:-74px;left:-46px}.art.work:before{top:-68px;right:-52px}.art.random:before{top:-72px;right:-40px}.controls,.row{align-items:flex-end;gap:14px;display:flex}.controls{flex-wrap:wrap;gap:36px}.pill,.dark,.duration,.primary,.google{background:#fff;border:2px solid;border-radius:14px;padding:10px 16px;font-weight:700;box-shadow:3px 3px #dad6e9}.dark,.duration.active{background:var(--ink);color:#fff}.duration{box-shadow:none;border-radius:99px}.auto{background:#fff;border:2px dashed #c9c3de;border-radius:99px;align-items:center;gap:9px;height:46px;padding:0 18px;display:flex}.auto i{background:var(--green);border:2px solid;border-radius:50%;width:10px;height:10px}.primary{background:var(--purple);color:#fff;box-shadow:5px 5px var(--ink);margin-left:auto;padding:16px 30px}.cta{box-shadow:7px 7px var(--ink);border-radius:16px;padding:21px 42px;font-size:19px;transition:transform .13s,box-shadow .13s}.cta:hover{box-shadow:10px 10px var(--ink);transform:translate(-2px,-2px)}.cta:active{box-shadow:2px 2px var(--ink);transform:translate(3px,3px)}.cta:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}@media (prefers-reduced-motion:reduce){.cta{transition:none}.cta:hover,.cta:active{transform:none}}.settingsToggle{margin-top:30px}.settings{background:#fff;border:2px solid;border-radius:18px;gap:18px;margin-top:14px;padding:20px;display:grid;box-shadow:4px 4px #dad6e9}.settingRow{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.settingRow label{flex:1;min-width:200px}.settingRow strong,.settingRow span{display:block}.settingRow span{color:#55506b;margin-top:3px;font-size:12.5px;line-height:1.45}.settingRow select{min-width:215px;font:inherit;background:#fff;border:2px solid;border-radius:12px;padding:10px 12px;font-weight:700}.settingsNote{color:var(--muted);margin:0;font-size:12.5px}.guest{background:#ffffffb8;border:2px dashed #c9c3de;border-radius:18px;align-items:center;gap:20px;margin-top:40px;padding:18px 20px;display:flex}.guest div{flex:1}.guest span,.guest strong{display:block}.guest span{color:#55506b;margin-top:4px;font-size:13px}.google{box-shadow:4px 4px var(--ink)}.history{margin-top:56px}.historyHead{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.historyHead h2{flex:1;margin:0}.history h2 small{color:var(--muted);font-size:13px;font-weight:500}.historyRow{background:#fff;border:2px solid;border-radius:16px;align-items:center;gap:16px;width:100%;margin:12px 0;padding:14px 18px;display:flex;box-shadow:4px 4px #dad6e9}.historyOpen{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:16px;padding:0;display:flex}.historyRow b{background:var(--yellow);border:2px solid;border-radius:12px;padding:12px}.historyRow span{text-align:left;flex-direction:column;flex:1;display:flex}.historyRow small{color:var(--muted)}.historyRow em{color:var(--purple);font:700 12px JetBrains Mono}.historyDelete{border:2px solid var(--red);color:var(--red);letter-spacing:.08em;text-transform:uppercase;background:#fff;border-radius:12px;flex:none;padding:9px 13px;font:700 11px JetBrains Mono}.historyDelete.confirm{background:var(--red);color:#fff}.empty{color:var(--muted);border:2px dashed #c9c3de;border-radius:18px;padding:30px}.sessionHead{background:#fff;border:2px solid;border-radius:16px;align-items:center;padding:14px 18px;display:flex;box-shadow:4px 4px #dad6e9}.sessionHead i{background:var(--red);border:2px solid;border-radius:50%;width:12px;height:12px;margin-right:14px}.sessionHead time{background:#f2eff9;border-radius:10px;margin-left:auto;padding:5px 12px;font:700 21px JetBrains Mono}.sessionHead time.urgent{background:var(--red);color:#fff}.warning{background:var(--yellow);border:2px solid;border-radius:12px;margin-top:12px;padding:11px 16px;font-weight:700}.messages{min-height:52vh;padding:30px 4px}.message{max-width:80%}.message p{background:var(--purple);color:#fff;border:2px solid;border-radius:16px;padding:14px 17px;font-weight:700;box-shadow:4px 4px #dad6e9}.voice{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.mic{background:var(--green);width:72px;height:72px;box-shadow:4px 4px var(--ink);border:2px solid;border-radius:50%;place-items:center;display:grid}.mic.muted{background:#e4e0ef}.center{text-align:center;place-content:center;min-height:100vh;display:grid}.spinner{border:4px solid #dad6e9;border-top-color:var(--purple);border-radius:50%;width:42px;height:42px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.review>.label{color:var(--ink);background:#fff;border:2px solid;border-radius:99px;padding:7px 14px;display:inline-block}.profile{grid-template-columns:200px 1fr;gap:18px;display:grid}.level,.scorecard,.well,.correction,.vocab>div,.focus{box-shadow:6px 6px var(--ink);background:#fff;border:2px solid;border-radius:20px;padding:24px}.level{background:var(--purple);color:#fff}.level>b{font-size:70px;display:block}.level strong{font-size:18px}.score{grid-template-columns:104px 1fr 30px;align-items:center;gap:14px;margin:13px 0;display:grid}.score i{background:#f2eff9;border:2px solid;border-radius:99px;height:12px;overflow:hidden}.score i b{background:var(--yellow);height:100%;display:block}.well{background:var(--green);margin:44px 0}.correction{box-shadow:5px 5px #dad6e9}.correction .label{color:var(--red)}.vocab{grid-template-columns:1fr 1fr;gap:16px;display:grid}.vocab>div{color:#55506b;background:#fff7ea}.vocab strong{color:var(--ink);margin-top:10px;font-size:18px;display:block}.focus{background:var(--ink);color:#fff;margin:44px 0}.focus .label{color:var(--yellow)}.yellow{background:var(--yellow);color:var(--ink);margin-left:0}.big{padding:16px 28px}.mutedText{color:#55506b}@media (max-width:700px){.topicGrid,.profile,.vocab{grid-template-columns:1fr}.controls{align-items:stretch}.primary{margin-left:0}.guest{flex-direction:column;align-items:stretch}nav .pill{display:none}.wrap{padding-top:28px}.score{grid-template-columns:90px 1fr 30px}}.blob{z-index:0;will-change:transform;filter:blur(1px);animation:18s ease-in-out infinite alternate blobDriftA}.blob.b{animation-name:blobDriftB;animation-duration:22s;animation-delay:-6s}.blob.c{animation-name:blobDriftC;animation-duration:20s;animation-delay:-11s}.blob.d{opacity:.12;background:#f7c8dd;width:210px;height:210px;animation:24s ease-in-out -8s infinite alternate blobDriftD;top:18%;left:22%}.blob.e{opacity:.1;background:#b8e8dd;width:180px;height:180px;animation:26s ease-in-out -13s infinite alternate blobDriftE;top:28%;right:18%}@keyframes blobDriftA{0%{transform:translate(0,0)rotate(0)}to{transform:translate(34px,20px)rotate(8deg)}}@keyframes blobDriftB{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-22px,28px)rotate(-7deg)}}@keyframes blobDriftC{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-28px,-22px)rotate(8deg)}}@keyframes blobDriftD{0%{transform:translate(0,0)scale(1)}to{transform:translate(28px,18px)scale(1.08)}}@keyframes blobDriftE{0%{transform:translate(0,0)scale(1)}to{transform:translate(-24px,26px)scale(.94)}}.motion-active .blob.a{animation:.72s cubic-bezier(.2,.8,.2,1) blobPulseA}.motion-active .blob.b{animation:.78s cubic-bezier(.2,.8,.2,1) blobPulseB}.motion-active .blob.c{animation:.76s cubic-bezier(.2,.8,.2,1) blobPulseC}.motion-active .blob.d{animation:.82s cubic-bezier(.2,.8,.2,1) blobPulseD}.motion-active .blob.e{animation:.86s cubic-bezier(.2,.8,.2,1) blobPulseE}@keyframes blobPulseA{0%{transform:translate(0,0)scale(1)}55%{transform:translate(26px,14px)scale(1.07)}to{transform:translate(0,0)scale(1)}}@keyframes blobPulseB{0%{transform:translate(0,0)scale(1)}55%{transform:translate(-18px,22px)scale(1.08)}to{transform:translate(0,0)scale(1)}}@keyframes blobPulseC{0%{transform:translate(0,0)scale(1)}55%{transform:translate(-22px,-18px)scale(1.06)}to{transform:translate(0,0)scale(1)}}@keyframes blobPulseD{0%{transform:translate(0,0)scale(1)}55%{transform:translate(20px,14px)scale(1.12)}to{transform:translate(0,0)scale(1)}}@keyframes blobPulseE{0%{transform:translate(0,0)scale(1)}55%{transform:translate(-18px,18px)scale(.9)}to{transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.blob,.motion-active .blob{animation:none!important}}.voiceStage{justify-items:center;gap:6px;margin:24px auto 0;display:grid}.voiceStage>span{color:var(--muted);font-size:12px}.voiceOrb{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--green) 30%,var(--purple) 80%);width:132px;height:132px;box-shadow:0 0 0 10px #6b3ef51a,6px 7px var(--ink);border-radius:50%;justify-content:center;align-items:center;gap:5px;display:flex}.voiceOrb i{background:#fff;border-radius:99px;width:7px;height:28px;animation:.8s ease-in-out infinite alternate voiceWave}.voiceOrb i:nth-child(2),.voiceOrb i:nth-child(4){height:48px;animation-delay:-.25s}.voiceOrb i:nth-child(3){height:64px;animation-delay:-.5s}.voiceStage.connecting .voiceOrb{animation:1.2s ease-in-out infinite voicePulse}.voiceStage.muted .voiceOrb,.voiceStage.disconnected .voiceOrb,.voiceStage.error .voiceOrb{filter:grayscale(.85);opacity:.75}.voiceStage.muted .voiceOrb i,.voiceStage.disconnected .voiceOrb i,.voiceStage.error .voiceOrb i,.voiceStage.listening .voiceOrb i{animation:none}.voiceStage.error .voiceOrb{background:var(--red)}@keyframes voiceWave{to{transform:scaleY(.35)}}@keyframes voicePulse{50%{box-shadow:0 0 0 18px #6b3ef50d,6px 7px var(--ink);transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.voiceOrb,.voiceOrb i{animation:none!important}}.art.casual i{background:#fff;border-radius:99px;width:88px;height:34px;top:22px;left:18px}.art.casual i:before{content:"";background:#3b3550;border-radius:50%;width:7px;height:7px;position:absolute;top:13px;left:17px;box-shadow:15px 0 #3b3550,30px 0 #3b3550}.art.casual b{background:var(--red);border-radius:13px;width:78px;height:32px;bottom:24px;right:18px}.art.casual b:before{content:"";background:#fff;border-radius:99px;width:34px;height:6px;position:absolute;top:13px;left:18px}.art.casual em{display:none}.art.work i{background:#fff;border-radius:5px;width:14px;height:44px;bottom:22px;left:20px}.art.work i:before{content:"";background:var(--green);border-radius:5px;width:14px;height:66px;position:absolute;bottom:0;left:22px}.art.work i:after{content:"";background:#fff;border-radius:5px;width:14px;height:32px;position:absolute;bottom:0;left:44px}.art.work b{background:var(--yellow);border-radius:50%;width:44px;height:44px;top:20px;right:24px}.art.work em{background:#ffffffa6;border-radius:99px;width:46px;height:10px;bottom:24px;right:20px}.art.random i{background:#fff;border-radius:8px;width:36px;height:32px;top:26px;left:20px;transform:rotate(-13deg)}.art.random b{background:var(--yellow);border-radius:50%;width:44px;height:44px;top:44px;left:58px}.art.random em{background:#7b52f7;border-radius:8px;width:32px;height:30px;top:22px;left:100px;transform:rotate(14deg)}.art.random:after{content:"";background:var(--ink);width:9px;height:9px;box-shadow:9px 16px 0 2px var(--red);border-radius:50%;position:absolute;top:52px;right:22px}@media (max-width:700px){.topicGrid{margin:0 -12px 44px;padding:18px 16px 22px}}@media (prefers-reduced-motion:reduce){.topic{transition:none}}