:root{color:#f7f7f4;background:#070807;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#070807}button{font:inherit}.app-shell{align-items:center;background:linear-gradient(180deg,#080a0ceb,#040506),#070807;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100svh;overflow:hidden;padding:24px;position:relative}.star-field{background-image:radial-gradient(circle at 18% 24%,rgba(44,212,191,.1),transparent 28%),radial-gradient(circle at 76% 52%,rgba(86,112,122,.12),transparent 32%),linear-gradient(150deg,rgba(44,212,191,.05),transparent 42%);background-position:center;background-size:100% 100%;top:0;right:0;bottom:0;left:0;opacity:.92;pointer-events:none;position:absolute}.top-bar{align-items:center;display:flex;justify-content:flex-end;left:20px;position:absolute;right:20px;top:calc(18px + env(safe-area-inset-top));z-index:3}.top-actions{align-items:center;display:flex;gap:8px}.connect-action{align-items:center;background:#f5f5ef14;border:1px solid rgba(245,245,239,.12);border-radius:8px;color:#f5f5efb8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:720;height:34px;justify-content:center;letter-spacing:0;outline:none;padding:0 12px;transition:background .16s ease,color .16s ease,opacity .16s ease}.connect-action:hover,.sheet-link:hover,.connect-action:focus-visible,.sheet-link:focus-visible{color:#f7f7f4}.connect-action:disabled{cursor:default;opacity:.45}.action-stack{align-items:center;display:flex;flex-direction:column;gap:12px;min-height:280px;justify-content:center}.record-button{align-items:center;aspect-ratio:1;background:#f5f5ef;border:1px solid rgba(255,255,255,.2);border-radius:999px;box-shadow:0 28px 80px #0000007a,inset 0 -10px 24px #0000001f;color:#080908;cursor:pointer;display:flex;justify-content:center;letter-spacing:0;line-height:1;outline:none;position:relative;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;width:136px}.record-button:before{content:none}.record-button:active{transform:scale(.97)}.record-button:focus-visible{box-shadow:0 0 0 5px #14b8a657,0 28px 80px #0000007a}.record-button.recording{animation:pulse 1.5s ease-in-out infinite;background:#d73535;color:#fff}.record-button.busy{background:#e8e8e1}.record-button:disabled{cursor:wait;opacity:.82}.button-icon{display:grid;height:52px;place-items:center;width:52px}.button-icon svg{height:48px;stroke-width:2.2;width:48px}.spin-icon{animation:spin .9s linear infinite}.action-label{color:#f7f7f4;font-size:18px;font-weight:750;letter-spacing:0;line-height:1.1;min-height:22px;text-align:center}.timer-text{color:#f5f5efad;font-variant-numeric:tabular-nums;font-size:15px;font-weight:650;letter-spacing:0;line-height:1;min-height:18px}.waveform-canvas{display:block;height:56px;opacity:0;transition:opacity .16s ease;width:min(420px,calc(100vw - 48px))}.waveform-live{opacity:1}.timer-hidden{visibility:hidden}.sheet-link{align-items:center;background:#f5f5ef14;border:1px solid rgba(245,245,239,.12);border-radius:8px;color:#f5f5efad;display:inline-flex;font-size:13px;font-weight:720;gap:6px;height:34px;letter-spacing:0;line-height:1;padding:0 11px;text-decoration:none}.sheet-link svg{height:14px;stroke-width:2.2;width:14px}.status-text{bottom:calc(30px + env(safe-area-inset-bottom));color:#f5f5efb8;font-size:14px;font-weight:520;left:24px;letter-spacing:0;line-height:1.35;margin:0;max-width:calc(100vw - 48px);position:absolute;text-align:center;width:calc(100vw - 48px)}.status-text.error{color:#ffb4a8}@keyframes pulse{0%,to{box-shadow:0 28px 80px #0000007a,0 0 #d735356b}50%{box-shadow:0 28px 80px #0000007a,0 0 0 22px #d7353500}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.record-button,.record-button.recording,.spin-icon,.waveform-canvas{animation:none;transition:none}}@media (max-width: 700px){.top-bar{align-items:flex-start;gap:10px;left:14px;right:14px}.top-actions{gap:6px}.connect-action,.sheet-link{height:32px}.sheet-link span{display:none}.action-stack{min-height:340px}.record-button{width:188px}.button-icon{height:66px;width:66px}.button-icon svg{height:60px;width:60px}.action-label{font-size:20px;min-height:24px}.waveform-canvas{height:58px;width:min(340px,calc(100vw - 36px))}}@media (max-width: 360px){.action-stack{min-height:314px}.record-button{width:164px}.button-icon{height:58px;width:58px}.button-icon svg{height:52px;width:52px}.waveform-canvas{width:min(310px,calc(100vw - 32px))}}