.clementine-launcher{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:4px 16px 4px 4px;border:2px solid #10214a;border-radius:99px;background:#e9f8fa;color:#10214a;box-shadow:0 6px 24px #10214a26;font:700 13px/1.2 system-ui,sans-serif;cursor:pointer}.clementine-launcher img{width:48px;height:48px;object-fit:contain}.clementine-launcher:hover{background:#fff0de}.clementine-launcher-raised{bottom:calc(92px + env(safe-area-inset-bottom))}.clementine-launcher:focus-visible,.clementine-panel button:focus-visible,.clementine-panel a:focus-visible{outline:3px solid #315ff1;outline-offset:4px}.clementine-panel{position:fixed;inset:auto max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) auto;margin:0;width:min(390px,calc(100vw - 32px));height:min(650px,calc(100dvh - 32px - env(safe-area-inset-bottom)));max-width:none;max-height:none;padding:0;border:1px solid #cadfe4;border-radius:22px;background:#fffbf5;box-shadow:0 20px 70px #10214a40;color:#10214a;overflow:hidden;font:14px/1.4 system-ui,sans-serif}.clementine-panel[open]{display:flex;flex-direction:column}.clementine-panel::backdrop{background:#10214a18}.clementine-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#e9f8fa;border-bottom:1px solid #dbe9ec;flex-shrink:0}.clementine-panel-header strong,.clementine-panel-header small{display:block}.clementine-panel-header strong{font-size:17px}.clementine-panel-header small{font-size:11px;color:#466278}.clementine-panel-header button{width:44px;height:44px;padding:0;border:0;border-radius:50%;font:28px/1 system-ui,sans-serif;color:#10214a;background:#fff;cursor:pointer}.clementine-panel iframe{display:block;border:0;width:100%;flex:1;min-height:0;background:#fffbf5}.clementine-full{display:flex;align-items:center;justify-content:center;min-height:44px;color:#2553cb;font-size:12px;border-top:1px solid #dbe9ec;background:#fff;flex-shrink:0}@media(max-width:600px){.clementine-launcher{padding:3px;width:58px;height:58px;justify-content:center}.clementine-launcher span{display:none}.clementine-panel{right:max(8px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px);height:calc(100dvh - 24px - env(safe-area-inset-bottom));border-radius:20px}.clementine-panel::backdrop{background:#10214a48}}@media(prefers-reduced-motion:reduce){.clementine-launcher,.clementine-panel{scroll-behavior:auto}}

.clementine-panel-header>img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.clementine-panel-header>div{flex:1;min-width:0}
/* Keep controls clear of the iPhone home indicator when visualViewport positions the panel. */
.clementine-panel{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}

.clementine-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-top:1px solid #dbe9ec;background:#fff;flex-shrink:0}.clementine-panel-footer .clementine-full{border:0}.clementine-reset{border:0;background:none;color:#466278;font:inherit;font-size:12px;min-height:44px;cursor:pointer}

/* Compact header; secondary actions live behind the options button. */
.clementine-panel-header{padding:6px 10px;gap:8px}.clementine-panel-header strong{font-size:15px}.clementine-panel-header>img{width:32px;height:32px}.clementine-panel-header button{background:transparent;flex-shrink:0}