.island{display:flex;align-items:center;justify-content:center;background:#111114;transition:width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),border-radius .45s cubic-bezier(.16,1,.3,1),opacity .3s ease,box-shadow .5s ease,transform .45s cubic-bezier(.16,1,.3,1);position:relative}.island--idle{width:26px;height:26px;border-radius:50%;box-shadow:0 2px 8px #00000040}.island--idle:after{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,var(--accent, transparent) 0%,transparent 70%);opacity:.35;filter:blur(8px);pointer-events:none;transition:opacity .6s ease}.island--pulse-in{animation:islandPulseIn .4s cubic-bezier(.16,1,.3,1)}.island--pulse-out{animation:islandPulseOut .4s cubic-bezier(.16,1,.3,1)}.island--whisperer{width:160px;height:40px;border-radius:20px;box-shadow:0 4px 24px #00000040,0 0 0 1px #ffffff0f inset,0 0 40px color-mix(in srgb,var(--accent) 15%,transparent)}.island--loading{width:32px;height:32px;border-radius:50%;box-shadow:0 2px 16px #0000004d}.island--checkmark{width:48px;height:32px;border-radius:16px;box-shadow:0 4px 20px #00000040,0 0 20px #34c75926}.island--takeNotes{width:200px;height:50px;border-radius:25px;box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff0f inset}.island--transcriberCollapsed{width:280px;height:44px;border-radius:22px;box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff0f inset}.island--hidden{width:0;height:0;opacity:0;border-radius:50%;transform:scale(0)}.island__wave{display:flex;align-items:center;gap:2px;height:28px;padding:0 16px}.island__wave-bar{width:2.5px;border-radius:10px;background:var(--color, #6c5ce7);height:15%;transition:height .3s ease}.island__wave-bar--active{animation:islandWave 1.2s ease-in-out infinite alternate;animation-delay:var(--delay)}.island__loader{position:relative;width:16px;height:16px}.island__loader-ring{width:100%;height:100%;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent, #6c5ce7);border-radius:50%;animation:islandSpin .7s linear infinite}.island__loader-glow{position:absolute;inset:-4px;border-radius:50%;opacity:.15;filter:blur(6px)}.island__check{display:flex;align-items:center;animation:islandCheckPop .35s cubic-bezier(.16,1,.3,1)}.island__take-notes{display:flex;align-items:center;gap:10px;padding:0 10px;width:100%}.island__take-notes-app-icon{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff14;display:flex;align-items:center;justify-content:center}.island__take-notes-app-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.island__take-notes-rec{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffb3;font-size:.7rem;font-weight:500;letter-spacing:.3px;cursor:default;white-space:nowrap;flex-shrink:0;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.island__take-notes-rec--pressed{transform:scale(.92);background:#ffffff24;box-shadow:0 0 12px #ff47574d}.island__take-notes-dismiss{width:24px;height:24px;border:none;background:#ffffff0f;color:#ffffff59;border-radius:50%;font-size:14px;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0;margin-left:auto}.island__rec-pulse{width:7px;height:7px;border-radius:50%;background:#ff4757;animation:islandRecPulse 2s ease-in-out infinite;box-shadow:0 0 8px #ff475780}.island__transcriber-collapsed{display:flex;align-items:center;gap:6px;padding:0 8px;width:100%}.island__tc-btn{width:26px;height:26px;border:none;background:#ffffff0f;color:#ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0}.island__tc-btn--stop .island__tc-stop-icon{width:9px;height:9px;background:#ff6b6b;border-radius:2px}.island__tc-btn--expand svg{opacity:.6}.island__tc-wave-area{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden}.island__mini-wave{display:flex;align-items:center;gap:2px;height:18px;width:100%}.island__mini-wave-bar{flex:1;min-width:0;border-radius:10px;background:#ffffff4d;height:15%}.island__mini-wave-bar--active{animation:islandWave 1.4s ease-in-out infinite alternate;animation-delay:var(--delay)}.island__tc-latest-text{font-size:.52rem;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1;margin-top:1px}.island__timer{font-size:.68rem;font-weight:700;color:#ffffff73;font-variant-numeric:tabular-nums;flex-shrink:0}@keyframes islandWave{0%{height:15%}to{height:var(--h)}}@keyframes islandSpin{to{transform:rotate(360deg)}}@keyframes islandCheckPop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes islandRecPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes islandPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes islandPulseIn{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes islandPulseOut{0%{transform:scale(1)}30%{transform:scale(.85)}to{transform:scale(1)}}@media(max-width:768px){.island--transcriberCollapsed{width:240px}}.key-combo{position:relative;display:flex;align-items:center;gap:4px}.key-combo__label{position:absolute;right:calc(100% + 8px);font-size:.52rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-muted, rgba(255, 255, 255, .4));white-space:nowrap}.key-combo__group{display:flex;align-items:center;gap:4px}.key-combo__key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 10px;border-radius:8px;background:var(--color-bg-soft, rgba(255, 255, 255, .04));border:1px solid var(--color-border, rgba(255, 255, 255, .1));color:var(--color-text-muted, rgba(255, 255, 255, .5));font-size:.68rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.3px;box-shadow:0 2px 4px #0000000f;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease}.key-combo__key--active{transform:translateY(2px) scale(.95);background:color-mix(in srgb,var(--accent, #6c5ce7) 15%,#1a1a20);border-color:color-mix(in srgb,var(--accent, #6c5ce7) 40%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent, #6c5ce7) 20%,transparent);color:#ffffffe6}.key-combo__plus{font-size:.6rem;color:var(--color-text-muted, rgba(255, 255, 255, .2));font-weight:600}.demo-keys{height:36px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.demo-keys--visible{opacity:1;transform:translateY(0) scale(1)}