.bob-widget{position:fixed;z-index:1000;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));font-family:Arial,sans-serif;color:#122c30}
.bob-widget *{box-sizing:border-box}
.bob-trigger{display:flex;align-items:center;gap:8px;min-height:64px;padding:4px 15px 4px 4px;border:2px solid #0d5257;border-radius:40px;background:white;color:#123a3f;box-shadow:0 7px 26px #0b272b44;font-weight:800;font-size:16px;cursor:pointer}
.bob-trigger img{width:60px;height:60px;object-fit:contain}
.bob-trigger:hover,.bob-trigger:focus-visible{background:#e8fff0}
.bob-quick-read{display:block;margin:0 0 8px auto;padding:7px 13px;border:2px solid #0d5257;border-radius:20px;background:#fff;color:#123a3f;box-shadow:0 4px 14px #0b272b33;font-size:14px;font-weight:800;cursor:pointer}
.bob-quick-read:hover,.bob-quick-read:focus-visible{background:#e8fff0}
.bob-menu{position:absolute;right:0;bottom:118px;width:min(350px,calc(100vw - 32px));max-height:min(65vh,520px);overflow:auto;padding:22px;background:#fff;border:2px solid #0d5257;border-radius:16px;box-shadow:0 12px 35px #0b272b55}
.bob-menu[hidden]{display:none}
.bob-menu h2{margin:4px 55px 7px 0;font-size:22px;line-height:1.2;color:#123a3f}
.bob-menu p{margin:0 0 12px;font-size:15px;line-height:1.45;color:#37515a}
.bob-menu nav{display:grid;gap:8px}
.bob-menu nav a{display:block;padding:10px 12px;background:#ecf6f2;border:1px solid #bad7ca;border-radius:8px;color:#123a3f;text-decoration:none;font-size:16px;font-weight:700}
.bob-menu nav a:hover,.bob-menu nav a:focus-visible{background:#d7f4dc;outline:2px solid #0d5257;outline-offset:1px}
.bob-read,.bob-stop{border:0;border-radius:8px;padding:10px 12px;background:#0d5257;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin:0 8px 12px 0}
.bob-stop{background:#6a3040}.bob-stop[hidden]{display:none}
.bob-speech-status:empty{display:none}
.bob-close{position:absolute;right:14px;top:14px;border:0;border-radius:6px;background:#e6ede9;color:#123a3f;padding:7px 10px;font-size:14px;cursor:pointer}
.bob-trigger:focus-visible,.bob-close:focus-visible{outline:3px solid #0d5257;outline-offset:3px}
@media(max-width:450px){.bob-trigger{font-size:14px}.bob-trigger img{width:48px;height:48px}.bob-trigger{min-height:52px}.bob-menu{bottom:105px}}

.bob-guide-choice { margin: 12px 0; }
.bob-guide-choice p { margin: 0 0 8px; font-weight: 700; }
.bob-guide-choice button { min-height: 40px; margin-right: 8px; padding: 7px 14px; border: 1px solid #287348; border-radius: 8px; background: white; color: #174b30; cursor: pointer; }
.bob-guide-choice button[aria-pressed="true"] { background: #176b3b; color: white; }
.bob-video-options { display: grid; gap: 8px; margin-top: 14px; }
.bob-video-options a { color: #155d3b; text-decoration: underline; }