.ob-savebar{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9000;width:min(calc(100% - 24px),408px);display:grid;grid-template-columns:44px 1fr auto auto;gap:10px;align-items:center;padding:10px 10px 10px 12px;border:1px solid #cfe4f0;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 16px 42px rgba(8,47,89,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;color:#082f59}
.ob-savebar[hidden]{display:none!important}.ob-savebar__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#03152d}.ob-savebar__icon img{display:block;width:100%;height:100%;object-fit:cover}.ob-savebar__copy{min-width:0}.ob-savebar__copy strong{display:block;font-size:12px;line-height:1.25}.ob-savebar__copy span{display:block;margin-top:3px;font-size:9.5px;line-height:1.4;color:#668198;font-weight:700}.ob-savebar__button{min-height:38px;border:0;border-radius:10px;padding:0 12px;background:#0877d7;color:#fff;font-size:11px;font-weight:950;white-space:nowrap}.ob-savebar__close{width:32px;height:32px;border:0;background:transparent;color:#7d91a1;font-size:22px;line-height:1}.ob-save-modal{position:fixed;inset:0;z-index:9100;display:grid;place-items:end center;background:rgba(4,20,33,.42);padding:16px 12px calc(12px + env(safe-area-inset-bottom,0px));font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif}.ob-save-modal[hidden]{display:none!important}.ob-save-modal__panel{width:min(100%,420px);border-radius:22px;background:#fff;color:#082f59;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.26)}.ob-save-modal__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ob-save-modal__top small{display:block;color:#1598d2;font-size:9px;font-weight:950;letter-spacing:.14em}.ob-save-modal__top h2{margin:5px 0 0;font-size:21px;line-height:1.3}.ob-save-modal__x{width:38px;height:38px;border:0;border-radius:50%;background:#f0f5f8;color:#536d80;font-size:22px}.ob-save-steps{display:grid;gap:9px;margin-top:16px}.ob-save-step{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid #dce9f1;border-radius:12px;background:#f9fcfe}.ob-save-step b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0877d7;color:#fff;font-size:12px}.ob-save-step span{font-size:12px;line-height:1.55;font-weight:750}.ob-save-note{margin:13px 2px 0;font-size:10px;line-height:1.6;color:#718697;font-weight:650}.ob-save-modal__done{width:100%;height:48px;margin-top:15px;border:0;border-radius:12px;background:#082f59;color:#fff;font-size:12px;font-weight:950}
html.pro-mode .ob-savebar{background:rgba(17,18,20,.97);border-color:#5b4c29;color:#f2f1ed;box-shadow:0 18px 44px rgba(0,0,0,.35)}html.pro-mode .ob-savebar__copy span{color:#9b9da2}html.pro-mode .ob-savebar__button{background:#d2b55d;color:#17140d}html.pro-mode .ob-savebar__close{color:#9b9da2}html.pro-mode .ob-save-modal__panel{background:#111214;color:#f2f1ed;border:1px solid #5b4c29}html.pro-mode .ob-save-modal__top small{color:#d8b75c}html.pro-mode .ob-save-modal__x{background:#1d1e21;color:#b9b9b6}html.pro-mode .ob-save-step{background:#17181a;border-color:#3b3c40}html.pro-mode .ob-save-step b{background:#d2b55d;color:#17140d}html.pro-mode .ob-save-note{color:#9b9da2}html.pro-mode .ob-save-modal__done{background:#d2b55d;color:#17140d}
@media(max-width:370px){.ob-savebar{grid-template-columns:40px 1fr auto;gap:8px}.ob-savebar__icon{width:40px;height:40px}.ob-savebar__close{position:absolute;right:4px;top:-32px;background:rgba(255,255,255,.96);border-radius:50%}.ob-savebar__copy span{display:none}}