*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #faf6f1;--color-surface: #ffffff;--color-border: #e4ddd2;--color-text: #2b2a28;--color-text-muted: #8a8177;--color-accent: #ff6f59;--color-accent-contrast: #ffffff;--color-secondary-accent: #2f9e8f}@media(prefers-color-scheme:dark){:root{--color-bg: #1c1a18;--color-surface: #262320;--color-border: #3a3631;--color-text: #f3efe9;--color-text-muted: #a39a8d;--color-accent: #ff8770;--color-accent-contrast: #1c1a18;--color-secondary-accent: #4fc2b1}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.studio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2.5rem,6vw,4rem);min-height:100dvh;padding:clamp(2rem,6vw,5rem)}.studio__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.studio__header h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.01em}.studio__tagline{color:var(--color-text-muted);font-size:1.0625rem;max-width:32ch}.studio__stage{width:100%;display:flex;justify-content:center}.studio__panel{width:100%;max-width:30rem;display:flex;flex-direction:column;align-items:center;gap:1.75rem;padding:clamp(2rem,5vw,3rem);background-color:var(--color-surface);border:1px solid var(--color-border);text-align:center}.studio__panel>p{color:var(--color-text-muted)}.studio__recording-indicator{display:flex;align-items:center;gap:.6rem;color:var(--color-text);font-weight:500}.studio__dot{width:.6rem;height:.6rem;background-color:var(--color-accent);animation:studio-pulse 1.8s ease-in-out infinite}@keyframes studio-pulse{0%,to{opacity:1}50%{opacity:.35}}.studio__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.studio__chip{padding:.4rem .9rem;border:1px solid var(--color-secondary-accent);color:var(--color-secondary-accent);font-size:.875rem;font-weight:500}.studio__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.studio__actions--secondary{border-top:1px solid var(--color-border);padding-top:1.5rem;width:100%}.studio__button{padding:.75rem 1.5rem;border:1px solid var(--color-border);background-color:transparent;color:var(--color-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.studio__button:hover{border-color:var(--color-secondary-accent);color:var(--color-secondary-accent)}.studio__button--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.studio__button--primary:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);opacity:.85}