.star-map .voyage-backup{border-top:1px solid #f5f0e233;max-width:760px;margin:48px auto 32px;padding:32px 0}.voyage-backup h2,.backup-dialog h2{margin:8px 0 16px;font:400 clamp(24px,4vw,30px)/1.5 Yu Mincho,serif}.voyage-backup p{color:#d8c4b4;font-size:16px;line-height:1.85}.voyage-backup .star-kicker{color:#e8cb91;font-size:12px}.backup-actions{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}.voyage-backup button{-webkit-appearance:none;appearance:none;color:#f5f0e2;cursor:pointer;background:#18232a;border:1px solid #e8cb9177;border-radius:4px;min-height:48px;padding:12px 20px;font:500 14px/1.6 Yu Gothic,Meiryo,sans-serif}.voyage-backup button:hover{background:#2c383f;border-color:#e8cb91}.voyage-backup button:active{filter:brightness(1.2)}.voyage-backup button:disabled{opacity:.5;cursor:wait}.voyage-backup button:focus-visible{outline-offset:4px;outline:2px solid #b7e5ec}.voyage-backup .backup-note,.voyage-backup .backup-date{color:#cbb8a6;font-size:14px}.voyage-backup .backup-status{color:#b7e5ec;font-size:14px}.voyage-backup .backup-error{color:#ffd0bd;font-size:14px}.backup-status:empty,.backup-error:empty{display:none}.voyage-backup .backup-undo{color:#b7e5ec;background:0 0;border-color:#b7e5ec55}.backup-dialog{box-sizing:border-box;color:#f5f0e2;background:#18232a;border:1px solid #e8cb9177;border-radius:8px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:32px;overflow-y:auto;box-shadow:0 24px 80px #0009}.backup-dialog::backdrop{background:#090c11c9}.backup-dialog:not([open]){display:none}.star-map .backup-dialog li{color:#f5f0e2;border:0;padding:6px 0;font-size:16px;display:block}.backup-dialog ul{border-top:1px solid #f5f0e233;border-bottom:1px solid #f5f0e233;margin:16px 0;padding:16px 0;list-style:none}.backup-dialog #backup-confirm-note{font-size:14px}.voyage-backup .backup-confirm{color:#18232a;background:#e8cb91;border-color:#e8cb91}.voyage-backup .backup-confirm:hover{background:#f5dba8}.backup-dialog .backup-actions{justify-content:flex-end;margin-bottom:0}@media (max-width:500px){.backup-dialog{padding:24px}.backup-actions>button{flex:1}.backup-dialog .backup-actions{flex-direction:column-reverse}}.voyage-backup .backup-dialog{margin:auto}
