@keyframes whisper-breathe{0%,to{box-shadow:var(--clay-shadow-button);transform:scale(1)}50%{box-shadow:var(--clay-shadow-button-hover);transform:scale(1.06)}}@keyframes whisper-floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes whisper-waveBar{0%,to{transform:scaleY(.12)}50%{transform:scaleY(1)}}@keyframes whisper-fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes whisper-ping-slow{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes whisper-gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes whisper-thinkPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes whisper-spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes whisper-cursorBlink{0%,to{opacity:1}50%{opacity:0}}.whisper-root .whisper-breathe{animation:2.4s ease-in-out infinite whisper-breathe}.whisper-root .whisper-float{animation:3.2s ease-in-out infinite whisper-floatUp}.whisper-root .whisper-wave-bar{transform-origin:bottom;animation:1.45s ease-in-out infinite whisper-waveBar}.whisper-root .whisper-fade-in-up{animation:.38s cubic-bezier(.22,1,.36,1) forwards whisper-fadeSlideIn}.whisper-root .whisper-ping-dot{animation:1.35s ease-out infinite whisper-ping-slow}.whisper-root .whisper-think-pulse{animation:1.2s ease-in-out infinite whisper-thinkPulse}.whisper-root .whisper-spin-ring{animation:1.85s linear infinite whisper-spinSlow}.whisper-root .whisper-cursor{background:hsl(var(--primary));vertical-align:text-bottom;border-radius:1px;width:2px;height:1.1em;margin-left:1px;animation:.55s ease-in-out infinite whisper-cursorBlink;display:inline-block}.whisper-root .whisper-state-panel{transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.whisper-root .whisper-hidden-above{opacity:0;pointer-events:none;transform:translateY(-28px)}.whisper-root .whisper-hidden-below{opacity:0;pointer-events:none;transform:translateY(28px)}.whisper-root .whisper-hidden-scale{opacity:0;pointer-events:none;transform:scale(.96)}.whisper-root .whisper-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.whisper-root .whisper-top-accent{background:linear-gradient(90deg, hsl(var(--accent)), hsl(var(--primary)), hsl(var(--accent)));background-size:200% 200%;animation:2.65s infinite whisper-gradientShift}.whisper-root .whisper-mic-btn{cursor:pointer;background:linear-gradient(135deg, hsl(var(--accent) / .22), hsl(var(--primary) / .18));width:132px;height:132px;box-shadow:var(--clay-shadow-button);border:none;border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.whisper-root .whisper-mic-btn:not(:disabled):hover{box-shadow:var(--clay-shadow-button-hover);transform:translateY(-4px)}.whisper-root .whisper-mic-btn:not(:disabled):active{box-shadow:var(--clay-shadow-pressed);transform:scale(.92)}.whisper-root .whisper-mic-btn:disabled{opacity:.6;cursor:not-allowed}.whisper-root .whisper-stop-btn{cursor:pointer;width:78px;height:78px;box-shadow:var(--clay-shadow-button);background:#ffffffeb;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.whisper-root .whisper-stop-btn:hover{box-shadow:var(--clay-shadow-button-hover);transform:translateY(-2px)scale(1.04)}.whisper-root .whisper-stop-btn:active{box-shadow:var(--clay-shadow-pressed);transform:scale(.92)}.whisper-root .whisper-recording-label{color:hsl(var(--primary));font-weight:600;font-size:var(--type-base);margin-top:28px}.whisper-root .whisper-recording-timer{font-size:var(--type-xs);color:hsl(var(--accent));opacity:.95;letter-spacing:1px;margin-bottom:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.whisper-root .whisper-wave-bar-recording{opacity:.78;background:linear-gradient(to top, hsl(var(--accent)), hsl(var(--primary)));border-radius:5px;width:7px;height:100%}.whisper-root .whisper-wave-bar-playback{background:hsl(var(--primary));border-radius:2px;width:3px}.whisper-root .whisper-thinking-label{font-size:var(--type-xs);color:hsl(var(--primary));opacity:.8;letter-spacing:2px;text-transform:uppercase;font-weight:700}.whisper-root .whisper-thinking-core{background:linear-gradient(135deg, hsl(var(--accent)), hsl(var(--primary)));width:28px;height:28px;box-shadow:var(--clay-shadow-button);border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.whisper-root .whisper-ping-dot--accent{background:hsl(var(--accent))}.whisper-root .whisper-ping-dot--primary{background:hsl(var(--primary))}.whisper-root .whisper-result-card{backdrop-filter:blur(16px);width:100%;min-width:0;max-width:100%;box-shadow:var(--clay-shadow-card);background:#ffffffc7;border-radius:32px;flex-direction:column;display:flex;overflow:hidden}.whisper-root .whisper-result-body{flex-direction:column;min-width:0;max-width:100%;padding:24px 28px;display:flex}.whisper-root .whisper-playback-bar{backdrop-filter:blur(16px);width:100%;max-width:340px;box-shadow:var(--clay-shadow-card);background:#ffffffd1;border-radius:24px;align-items:center;gap:14px;margin-bottom:18px;padding:11px 16px;display:flex}.whisper-root .whisper-play-btn{cursor:pointer;background:linear-gradient(135deg, hsl(var(--accent) / .25), hsl(var(--primary) / .2));width:36px;height:36px;box-shadow:var(--clay-shadow-button);color:hsl(var(--primary));border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.whisper-root .whisper-play-btn svg{fill:currentColor}.whisper-root .whisper-editor-tip{width:100%;box-shadow:none;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #f59e0b47;border-radius:24px;align-items:flex-start;gap:12px;margin-top:8px;padding:14px 18px;display:flex}.whisper-root .whisper-editor-tip-icon{width:32px;height:32px;box-shadow:none;background:#f59e0b2e;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.whisper-root .whisper-transcript-panel{backdrop-filter:blur(12px);box-shadow:var(--clay-shadow-card);background:#ffffff9e;border-radius:24px;padding:16px 18px}.whisper-root .whisper-transcript-body{width:100%;color:hsl(var(--muted-foreground));font-size:var(--type-sm);box-sizing:border-box;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;box-shadow:var(--clay-shadow-pressed);background:#ffffffb8;border-radius:20px;margin:0 0 14px;padding:10px 12px;font-family:inherit;line-height:1.7}.whisper-root .whisper-modal{backdrop-filter:blur(16px);width:100%;max-width:28rem;box-shadow:var(--clay-shadow-card-hover);background:#ffffffeb;border-radius:32px;overflow:hidden}.whisper-root .whisper-clay-input{background:var(--clay-input-bg);width:100%;height:3rem;font-size:var(--type-base);color:hsl(var(--foreground));box-shadow:var(--clay-shadow-pressed);border:0;border-radius:20px;outline:none;padding:0 1rem;transition:box-shadow .2s,background .2s}.whisper-root .whisper-clay-input:focus{box-shadow:var(--clay-shadow-card);background:#fff}.whisper-root .whisper-clay-input::placeholder{color:hsl(var(--muted-foreground))}.whisper-root .whisper-generate-btn{font-size:var(--type-sm);cursor:pointer;color:hsl(var(--primary-foreground));background:linear-gradient(135deg, hsl(var(--accent)), hsl(var(--primary)));box-shadow:var(--clay-shadow-button);border:none;border-radius:20px;align-items:center;gap:6px;padding:9px 22px;font-family:inherit;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.whisper-root .whisper-generate-btn:not(:disabled):hover{box-shadow:var(--clay-shadow-button-hover);transform:translateY(-2px)}.whisper-root .whisper-generate-btn:not(:disabled):active{box-shadow:var(--clay-shadow-pressed);transform:scale(.92)}.whisper-root .whisper-generate-btn:disabled{cursor:not-allowed;opacity:.55;background:hsl(var(--muted));color:hsl(var(--muted-foreground));box-shadow:none}.whisper-root .whisper-credits-banner{z-index:40;border-bottom:1px solid hsl(var(--accent) / .25);background:hsl(var(--accent) / .1);width:100%;min-width:0;padding-top:max(.85rem, env(safe-area-inset-top,0px));backdrop-filter:blur(12px);box-shadow:var(--clay-shadow-pressed);flex-shrink:0;padding-bottom:.85rem;position:relative}.whisper-root .whisper-toggle-link{cursor:pointer;font-size:var(--type-sm);color:hsl(var(--muted-foreground));background:0 0;border:none;align-items:center;gap:5px;font-family:inherit;font-weight:600;transition:color .2s;display:flex}.whisper-root .whisper-toggle-link:hover{color:hsl(var(--primary))}@media (prefers-reduced-motion:reduce){.whisper-root .whisper-breathe,.whisper-root .whisper-float,.whisper-root .whisper-wave-bar,.whisper-root .whisper-ping-dot,.whisper-root .whisper-think-pulse,.whisper-root .whisper-spin-ring,.whisper-root .whisper-cursor,.whisper-root .whisper-top-accent{animation-duration:.01ms!important;animation-iteration-count:1!important}.whisper-root .whisper-fade-in-up{animation-duration:.01ms!important}.whisper-root .whisper-state-panel{transition-duration:.01ms!important}}.whisper-root .whisper-textarea-post{resize:none;width:100%;font-size:var(--type-base);color:hsl(var(--foreground));line-height:1.9;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;background:0 0;border:none;outline:none;padding:0;overflow:auto}.whisper-root .whisper-textarea-post.whisper-textarea-segment{resize:none;overflow:hidden}.whisper-root .whisper-textarea-post:focus{outline:none}.whisper-root .whisper-textarea-heading{touch-action:pan-y;font-size:var(--type-base)}.whisper-root .whisper-paste-link{color:hsl(var(--primary));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--primary) / .35);text-decoration-color:hsl(var(--primary) / .35);text-underline-offset:3px;font-size:var(--type-sm);cursor:pointer;background:0 0;border:none;padding:2px 0;font-family:inherit;transition:color .2s,text-decoration-color .2s}.whisper-root .whisper-paste-link:hover:not(:disabled){color:hsl(var(--primary) / .85);-webkit-text-decoration-color:hsl(var(--primary) / .6);text-decoration-color:hsl(var(--primary) / .6)}.whisper-root .whisper-paste-link:disabled{color:hsl(var(--primary) / .65);opacity:.65;cursor:not-allowed;-webkit-text-decoration-color:hsl(var(--primary) / .25);text-decoration-color:hsl(var(--primary) / .25)}.whisper-root .whisper-paste-link:disabled:hover{color:hsl(var(--primary) / .65);-webkit-text-decoration-color:hsl(var(--primary) / .12);text-decoration-color:hsl(var(--primary) / .12)}.whisper-root .whisper-format-chip{font-size:var(--type-sm);cursor:pointer;white-space:nowrap;color:hsl(var(--muted-foreground));box-shadow:var(--shadow-sm);background:#ffffffa6;border:0;border-radius:20px;padding:8px 16px;font-family:inherit;font-weight:600;transition:all .2s}.whisper-root .whisper-format-chip:hover:not(.whisper-active){color:hsl(var(--primary));background:hsl(var(--primary) / .08);box-shadow:var(--shadow-md);transform:translateY(-2px)}.whisper-root .whisper-format-chip.whisper-active{background:linear-gradient(135deg, hsl(var(--accent) / .22), hsl(var(--primary) / .16));color:hsl(var(--primary));box-shadow:var(--shadow)}.whisper-root .whisper-textarea-notes{touch-action:pan-y;background:var(--clay-input-bg);width:100%;height:352px;font-size:var(--type-base);color:hsl(var(--foreground));resize:none;box-sizing:border-box;box-shadow:var(--clay-shadow-pressed);border:0;border-radius:24px;padding:16px 18px;font-family:inherit;transition:box-shadow .2s,background .2s;display:block}.whisper-root .whisper-textarea-notes:focus{box-shadow:var(--clay-shadow-card);background:#fff;outline:none}.whisper-root .whisper-icon-btn{cursor:pointer;color:hsl(var(--muted-foreground));box-shadow:var(--clay-shadow-button);background:#fffc;border:none;border-radius:20px;align-items:center;padding:10px;transition:transform .2s,color .2s,box-shadow .2s;display:flex}.whisper-root .whisper-icon-btn:hover{color:hsl(var(--primary));box-shadow:var(--clay-shadow-button-hover);transform:translateY(-2px)}.whisper-root .whisper-icon-btn:active{box-shadow:var(--clay-shadow-pressed);transform:scale(.92)}.whisper-root .whisper-small-btn{font-size:var(--type-xs);cursor:pointer;color:hsl(var(--muted-foreground));box-shadow:var(--clay-shadow-button);background:#ffffffd9;border:0;border-radius:20px;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-weight:600;transition:transform .2s,color .2s,box-shadow .2s;display:flex}.whisper-root .whisper-small-btn:hover{color:hsl(var(--primary));box-shadow:var(--clay-shadow-button-hover);transform:translateY(-1px)}.whisper-root .whisper-small-btn:active{box-shadow:var(--clay-shadow-pressed);transform:scale(.96)}