.yomiagekun{--yk-accent:#2e7d32;--yk-accent-text:#fff;--yk-playing:#ef6c00;--yk-paused:#7b1fa2;--yk-error:#c62828;--yk-panel-bg:#fff;--yk-panel-text:#222;--yk-muted:#5f6368;--yk-border:#dadce0;--yk-option-bg:#f5f5f5;--yk-pressed-bg:#e8f5e9;--yk-pressed-border:#2e7d32;--yk-focus:#1a73e8;--yk-offset-bottom:20px;--yk-offset-side:20px;position:fixed;z-index:9999;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){.yomiagekun{--yk-accent:#388e3c;--yk-panel-bg:#202124;--yk-panel-text:#e8eaed;--yk-muted:#9aa0a6;--yk-border:#3c4043;--yk-option-bg:#2d2e31;--yk-pressed-bg:#1e3a24;--yk-pressed-border:#66bb6a;--yk-focus:#8ab4f8}}.yomiagekun--top-right,.yomiagekun--top-left{top:80px}.yomiagekun--middle-right,.yomiagekun--middle-left{top:50%;transform:translateY(-50%)}.yomiagekun--bottom-right,.yomiagekun--bottom-left{bottom:calc(var(--yk-offset-bottom) + env(safe-area-inset-bottom, 0px))}.yomiagekun--top-right,.yomiagekun--middle-right,.yomiagekun--bottom-right{right:var(--yk-offset-side)}.yomiagekun--top-left,.yomiagekun--middle-left,.yomiagekun--bottom-left{left:var(--yk-offset-side)}.yomiagekun-toggle{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0;padding:0;border:3px solid #fff;border-radius:50%;background:var(--yk-accent);box-shadow:0 4px 12px rgb(0 0 0 / .3);cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.yomiagekun-toggle:hover{transform:scale(1.08);box-shadow:0 6px 16px rgb(0 0 0 / .4)}.yomiagekun-toggle:active{transform:scale(.95)}.yomiagekun-toggle img,.yomiagekun-default-icon{width:40px;height:40px;border-radius:50%;object-fit:cover}.yomiagekun-default-icon{display:flex;align-items:center;justify-content:center;background:#fff;font-size:24px}.yomiagekun.is-loading .yomiagekun-toggle,.yomiagekun.is-playing .yomiagekun-toggle{background:var(--yk-playing);animation:yomiagekun-pulse 1.5s infinite}.yomiagekun.is-paused .yomiagekun-toggle{background:var(--yk-paused)}.yomiagekun.is-error .yomiagekun-toggle{background:var(--yk-error)}@keyframes yomiagekun-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.yomiagekun-panel{position:absolute;width:272px;max-width:calc(100vw - 2 * var(--yk-offset-side));box-sizing:border-box;padding:14px;border:1px solid var(--yk-border);border-radius:12px;background:var(--yk-panel-bg);color:var(--yk-panel-text);box-shadow:0 8px 24px rgb(0 0 0 / .2);text-align:left}.yomiagekun-panel[hidden]{display:none}.yomiagekun--bottom-right .yomiagekun-panel,.yomiagekun--bottom-left .yomiagekun-panel,.yomiagekun--middle-right .yomiagekun-panel,.yomiagekun--middle-left .yomiagekun-panel{bottom:calc(100% + 10px)}.yomiagekun--top-right .yomiagekun-panel,.yomiagekun--top-left .yomiagekun-panel{top:calc(100% + 10px)}.yomiagekun--top-right .yomiagekun-panel,.yomiagekun--middle-right .yomiagekun-panel,.yomiagekun--bottom-right .yomiagekun-panel{right:0}.yomiagekun--top-left .yomiagekun-panel,.yomiagekun--middle-left .yomiagekun-panel,.yomiagekun--bottom-left .yomiagekun-panel{left:0}.yomiagekun-heading{margin:0 0 6px;color:var(--yk-muted);font-size:12px;font-weight:700}.yomiagekun-panel button{margin:0;border:1px solid var(--yk-border);border-radius:8px;background:var(--yk-option-bg);color:var(--yk-panel-text);font:inherit;line-height:1.4;text-transform:none;letter-spacing:normal;cursor:pointer}.yomiagekun-panel button:disabled{cursor:default;opacity:.5}.yomiagekun-panel button[aria-pressed="true"]{border-color:var(--yk-pressed-border);background:var(--yk-pressed-bg);font-weight:700}.yomiagekun-modes{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin-bottom:12px}.yomiagekun-panel .yomiagekun-mode{display:flex;flex-direction:column;align-items:center;padding:8px 4px}.yomiagekun-mode__title{font-size:14px}.yomiagekun-mode__desc{color:var(--yk-muted);font-size:11px;font-weight:400}.yomiagekun-controls{display:flex;gap:6px;margin-bottom:12px}.yomiagekun-panel .yomiagekun-play{flex:1;padding:10px;border-color:var(--yk-accent);background:var(--yk-accent);color:var(--yk-accent-text);font-weight:700}.yomiagekun-panel .yomiagekun-stop{padding:10px 12px}.yomiagekun-rates{display:flex;align-items:center;gap:6px}.yomiagekun-rates .yomiagekun-heading{margin:0 4px 0 0}.yomiagekun-panel .yomiagekun-rate{flex:1;padding:6px 0;font-size:13px}.yomiagekun-status{min-height:1.5em;margin:10px 0 0;color:var(--yk-muted);font-size:12px}.yomiagekun.is-error .yomiagekun-status{color:var(--yk-error)}.yomiagekun-status:empty{display:none}@media (prefers-color-scheme:dark){.yomiagekun.is-error .yomiagekun-status{color:#f28b82}}.yomiagekun-toggle:focus-visible,.yomiagekun-panel button:focus-visible{outline:3px solid var(--yk-focus);outline-offset:2px}@media (max-width:768px){.yomiagekun{--yk-offset-bottom:72px;--yk-offset-side:15px}.yomiagekun--top-right,.yomiagekun--top-left{top:60px}.yomiagekun-toggle{width:56px;height:56px}.yomiagekun-toggle img,.yomiagekun-default-icon{width:32px;height:32px}.yomiagekun-default-icon{font-size:20px}}@media (prefers-reduced-motion:reduce){.yomiagekun-toggle{transition:none}.yomiagekun.is-loading .yomiagekun-toggle,.yomiagekun.is-playing .yomiagekun-toggle{animation:none}}@media (prefers-contrast:more){.yomiagekun-toggle{border-color:#000}.yomiagekun-panel,.yomiagekun-panel button{border-width:2px}}