:root{font:16px system-ui,sans-serif;color:#172c34;background:#f1f4f3}*{box-sizing:border-box}body{margin:0}main{max-width:480px;padding:8px 16px;margin:auto}header,.row{display:flex;align-items:center;justify-content:space-between;gap:8px}h1{font-size:20px;margin:0}h2{font-size:14px;margin:0 0 4px;color:#425b63}section{background:white;border:1px solid #d4dfdc;border-radius:8px;padding:6px 12px;margin:6px 0}strong{font-size:22px;font-variant-numeric:tabular-nums}small{display:block;color:#52666d;font-size:12px;margin-top:4px}.columns{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-top:6px}button{min-height:44px;padding:6px 12px;border:1px solid #6a827b;border-radius:6px;background:#fff;color:#172c34;font:inherit}button:disabled{opacity:.5}.product{font-size:14px;overflow-wrap:anywhere;margin-bottom:4px}#message{font-size:12px;margin:5px 0}#logout{font-size:12px}input{display:block;width:100%;min-height:44px;margin:8px 0}dialog{max-width:calc(100% - 32px);border:1px solid #52666d;border-radius:8px}dialog::backdrop{background:#0008}[hidden]{display:none!important}

.shop-price+.shop-price{border-top:1px solid #d4dfdc;margin-top:6px;padding-top:6px}.shop-price h3{font-size:14px;margin:0 0 2px}.shop-price strong{font-size:20px}.shop-price .product{font-size:13px;margin-bottom:2px}.sale,.shop-price details{font-size:12px;margin:5px 0 0;color:#425b63;overflow-wrap:anywhere}.shop-price summary{cursor:pointer}.shop-price details p{margin:5px 0}

.checkin-image{display:inline-block;color:#245c52;font-size:12px;padding:4px 8px;border:1px solid #6a827b;border-radius:4px;text-decoration:underline}#reservations>div{margin:2px 0}

#reservation-settings-dialog{width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow:auto}.settings-note{font-size:13px}.checkbox-label{min-height:44px;display:flex;align-items:center;gap:8px;margin:12px 0}.checkbox-label input{width:22px;min-height:22px;margin:0}#reservation-settings-dialog label{font-size:14px}#reservation-settings-message{font-size:13px;min-height:1.4em}

.section-heading{margin-bottom:6px}.section-heading h2{margin:0}select{display:block;width:100%;min-height:44px;margin:8px 0;font:inherit}.priority-note strong{font-size:inherit}

.backup-summary{font-size:12px;color:#52666d;margin-top:2px}.backup-summary h2{font-size:12px;margin-bottom:2px}

.backup-row{margin-top:2px}.backup-row .backup-summary{min-width:0;margin-top:0}.backup-row #logout{flex-shrink:0}
#studio-status .checkin-image{padding:0 4px;font-size:inherit}