:root{--red:var(--error)}
.hidden{display:none!important}
.device-copy{flex:1;min-width:0}
.device-state{color:#288350;font-size:.65rem;white-space:nowrap}
.device-state.waiting{color:var(--muted)}
.device-state.error{color:var(--error)}
.loading{font-size:.83rem;color:var(--muted);padding-bottom:1.7rem;line-height:1.8}
.price{font-size:3.1rem;font-weight:650;letter-spacing:-.05em;line-height:1.4;margin:.6rem 0}
.price small{font-size:1.3rem;letter-spacing:0;margin-right:.2rem}
.pay-button{display:flex;justify-content:center;align-items:center;min-height:3rem;padding:.75rem 1rem;border:0;border-radius:.85rem;background:var(--accent);color:#fff;font-size:.85rem;font-weight:500;line-height:1.4}
.pay-button:hover{background:#0572df}
.panel-state .status{font-size:.72rem;line-height:1.75;margin:1rem 0;color:var(--muted)}
.panel-state .status.error{color:var(--error)}
.pay-modal-panel{padding:2rem}
.pay-modal-content h2{font-size:1.6rem;font-weight:600;letter-spacing:-.04em;line-height:1.4;margin:.6rem 0}
.pay-modal-content>p{font-size:.82rem;color:var(--muted);line-height:1.8}
.pay-modal-actions{display:grid;gap:.3rem;margin-top:1.4rem}
.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%,1rem);max-width:calc(100% - 2rem);padding:.8rem 1.1rem;border-radius:.85rem;background:var(--ink);color:var(--surface);font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:30;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:600px){.pay-modal-panel{padding:1.6rem}.pay-modal-content h2{font-size:1.4rem}.price{font-size:2.8rem}.device-state{font-size:.6rem}}
@media(prefers-color-scheme:dark){.device-state:not(.waiting):not(.error){color:#9cddb0}}