:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0d0c;color:#f5f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#19382b 0,#0b0d0c 38rem)}button{font:inherit}.shell{width:min(100% - 2rem,760px);min-height:100vh;margin:0 auto;padding:2rem 0 1.5rem}.brand{display:flex;align-items:center;gap:.65rem;color:#d9e0d8;font-size:.72rem;font-weight:700;letter-spacing:.19em}.brand-mark{width:1rem;height:1rem;border:2px solid #9cf6bc;border-radius:50%;box-shadow:inset 0 0 0 3px #0b0d0c;background:#9cf6bc}.hero{padding:7rem 0 4rem;text-align:center}.eyebrow{margin:0 0 1rem;color:#8ea298;font-size:.75rem;font-weight:650;letter-spacing:.15em;text-transform:uppercase}h1{margin:0;font-size:clamp(3rem,10vw,5.5rem);font-weight:540;letter-spacing:-.065em;line-height:.96}h1 span{color:#9cf6bc;font-weight:350}.lede{max-width:32rem;margin:1.5rem auto 2.75rem;color:#a9b1ac;line-height:1.6}.recorder{position:relative;overflow:hidden;padding:2.25rem;border:1px solid #282e2b;border-radius:1.5rem;background:rgba(20,23,21,.82);box-shadow:0 2rem 6rem rgba(0,0,0,.26);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.recorder:before{position:absolute;inset:0;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(156,246,188,.11),transparent 55%);transition:opacity .3s ease}.recorder.is-recording:before{opacity:1}.recorder-status{position:relative;display:flex;justify-content:center;align-items:center;gap:.55rem;min-height:1.5rem;color:#b9c1bc;font-size:.84rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.status-dot{width:.48rem;height:.48rem;border-radius:50%;background:#657069}.is-processing .status-dot,.is-recording .status-dot{background:#9cf6bc;box-shadow:0 0 0 .25rem rgba(156,246,188,.09);animation:pulse 1.6s infinite}.meter{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;height:4.5rem;margin:.75rem 0 1rem}.meter span{width:3px;height:4px;border-radius:99px;background:#4b544f}.is-recording .meter span{background:#9cf6bc;animation:level .9s ease-in-out infinite alternate}.is-recording .meter span:nth-child(3n){animation-delay:-.4s}.is-recording .meter span:nth-child(4n){animation-delay:-.7s}.is-recording .meter span:nth-child(5n){animation-delay:-.2s}.is-processing .meter span{background:#738079;animation:processing 1.2s ease-in-out infinite}.is-processing .meter span:nth-child(2n){animation-delay:-.5s}.language-select{position:relative;display:flex;justify-content:center;align-items:center;gap:.65rem;margin:-.25rem 0 1.25rem;color:#7f8a83;font-size:.7rem}.language-select select{border:1px solid #343b37;border-radius:.5rem;padding:.38rem 1.75rem .38rem .6rem;background:#191d1b;color:#cbd2cd;font:inherit}.language-select select:disabled{opacity:.55}.record-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-width:12rem;min-height:3.25rem;padding:.8rem 1.35rem;border:0;border-radius:999px;background:#9cf6bc;color:#0a2314;font-weight:750;cursor:pointer;transition:transform .15s ease,background .15s ease}.record-button:hover:not(:disabled){transform:translateY(-1px);background:#b3facb}.record-button:focus-visible{outline:3px solid rgba(156,246,188,.35);outline-offset:4px}.record-button:disabled{cursor:wait;opacity:.65}.record-button.stop{background:#f2ede6;color:#241a16}.mic-icon{width:.8rem;height:.8rem;border:2px solid;border-radius:50%;color:currentColor;font-size:0}.stop-icon{width:.72rem;height:.72rem;border-radius:2px;background:#d94f46}.error-message,.recorder-hint{position:relative;margin:1rem 0 0;font-size:.74rem}.recorder-hint{color:#6f7973}.error-message{color:#ff9a91}.transcript{min-height:14rem;border-top:1px solid #242825;padding:2rem .25rem}.transcript-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.transcript-heading h2{margin:0;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.transcript-heading span{color:#667069;font-size:.72rem}.transcript-empty{display:grid;justify-items:center;grid-gap:.8rem;gap:.8rem;padding:3rem 1rem;color:#5e6761}.transcript-empty span{display:grid;place-content:center;width:2.6rem;height:2.6rem;border:1px solid #343a36;border-radius:.75rem;font-family:Georgia,serif}.transcript-empty p{margin:0;font-size:.86rem}.transcript-empty.processing span{border:2px solid #343a36;border-top-color:#9cf6bc;border-radius:50%;animation:spin .8s linear infinite}.transcript-text{margin:0;padding:2.5rem 0 3rem;color:#eef2ed;font-size:clamp(1.35rem,4vw,2rem);line-height:1.5;letter-spacing:-.025em;white-space:pre-wrap}footer{padding-top:1rem;color:#515954;text-align:center;font-size:.68rem;letter-spacing:.04em}@keyframes pulse{50%{opacity:.45}}@keyframes level{0%{height:5px}to{height:32px}}@keyframes processing{50%{opacity:.25}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:560px){.shell{width:min(100% - 1.25rem,760px);padding-top:1.25rem}.hero{padding:5rem 0 3rem}.recorder{padding:1.75rem 1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}