
/* Charcoal / copper visual theme. */
:root{color-scheme:dark;--ink:#f2f2f3;--muted:#a7a7ae;--green:#f5a25b;--lime:#f5a25b;--line:#343438;--paper:#101012;--white:#1b1b1f;--red:#ff7979}
body{background:radial-gradient(ellipse at 80% 0%,#27211d 0,transparent 45%),var(--paper)}
input{background:#141416;color:var(--ink)}
input:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f5a25b;outline-offset:4px}
.dev-banner{background:#19191c;color:#b5b5bb;border-bottom:1px solid #49372a}
.brand small{color:var(--muted)}.mark{background:linear-gradient(145deg,#363639,#171719);color:#f5a25b;border:1px solid #8b5a36;border-radius:12px}
.button{background:#f5a25b;color:#17120e;gap:12px;box-shadow:0 3px 12px #0002}.button:hover{background:#ffb578}
.button.secondary{color:#e6e6e9;border-color:#505055;background:#202024}.button.secondary:hover{background:#303034}
.button.google-login{background:#f2f2f2;color:#1f1f1f;border-color:#8e918f;gap:12px;font-weight:500}.button.google-login:hover{background:#fff}
.google-icon{width:20px;height:20px;flex:none;display:block}
h1 em{color:#f5a25b}.status-dot{background:#62d49b}
.pass-card{background:linear-gradient(125deg,#363639 0%,#202023 35%,#101012 78%);border:1px solid #575052;box-shadow:0 30px 65px -20px #000c,inset 0 1px 0 #ffffff1a}
.pass-card:before,.pass-card:after{border-color:#d78d4430}.pass-card:after{border-color:#ffffff0c}
.pass-top{color:#d3d3d7}.pass-symbol{color:#eda96f;text-shadow:0 2px 10px #0005}.pass-code{color:#e4e1df}.pass-bottom{border-color:#ffffff20}.pass-bottom small{color:#a7a7ae}.chip{background:linear-gradient(140deg,#c7905e,#f2ca98);color:#3b291b;border:1px solid #d5aa79}
.steps b,.package-number{color:#b88a65}.package{background:linear-gradient(145deg,#242427,#1a1a1d);border-color:var(--line)}.package:focus-within{border-color:#f5a25b;box-shadow:0 0 0 1px #f5a25b30}
.days-input{background:#141416}.checkout{background:#25211e;border-color:#59402e;border-top:2px solid #d68b4f}.access-panel{background:#1c1c20;border:1px solid var(--line)}.code-box{background:#141416;border-color:#555057}.muted-code{color:#8e8e97}
.balance-panel,.deposit-card,.history{background:#1c1c20}.summary-card{background:#202023}.notice{background:#28221d;border-color:#66503a;color:#eac7a8}.notice.danger{background:#311d21;border-color:#80434d;color:var(--red)}
.bitcoin-badge{background:#32261c;color:#f5a25b}.preset{background:#141416}.preset:hover,.preset.selected{background:#f5a25b;color:#17120e;border-color:#f5a25b}.placeholder{background:#141416}.placeholder>span{color:#827368}
.qr-layout img{background:#fff;border-color:#fff}.network-label{background:#37291e;color:#f4be8c}.timeline li:before{border-color:#67503d;color:#f5a25b}.pending-status{border-color:#35654f}.pending-status:not(.pending){color:#79d7a6}
#partner-token{background:#29241e}#toast{background:#303034;color:#f2f2f3;border:1px solid #59595f;box-shadow:0 6px 35px #0008}
.wallet-popover{background:#222226;box-shadow:0 12px 35px #0008}.wallet-link.pending,.pending-status.pending{background:#341f24;color:var(--red)}
::selection{background:#f5a25b;color:#17120e}

/* Duration focus belongs to its enclosing field, including the unit label. */
.days-input:focus-within{border-color:#f5a25b;box-shadow:0 0 0 1px #f5a25b}
.days-input input:focus,.days-input input:focus-visible{outline:none;box-shadow:none}
.days-input>span{flex-shrink:0}.days-input input{border-radius:6px}
.presets{grid-template-columns:repeat(4,minmax(0,1fr))}
#login-dialog{position:fixed;width:min(460px,calc(100% - 32px));padding:34px;border:1px solid #66503a;border-top:2px solid #f5a25b;border-radius:16px;background:#202023;color:var(--ink);box-shadow:0 25px 90px #000a}
#login-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
#login-dialog h2{font-size:27px;line-height:1.25}#login-dialog-description{color:var(--muted);margin:20px 0 24px}
#login-dialog .eyebrow{margin-top:12px}#login-dialog .google-login{width:100%}
.dialog-close{position:absolute;right:12px;top:8px;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:26px}
.dialog-close:hover{background:#343438;color:white}
@media(max-width:430px){#login-dialog{padding:28px 22px}.presets{gap:8px}.preset{padding:13px 3px}}

.packages-nav{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 17px;border:1px solid #b99558;border-radius:7px;color:#edc88a;background:linear-gradient(135deg,#b9955812,#b9955804);font-weight:600;transition:background .2s,border-color .2s}.packages-nav:hover{background:#b9955820;border-color:#edc88a}
@media(max-width:760px){nav>a.packages-nav:first-child{display:inline-flex}.packages-nav{padding:8px 10px;min-height:36px;font-size:12px}}
@media(max-width:430px){header{flex-wrap:wrap;gap:14px}header nav{flex-wrap:wrap}.packages-nav{padding:8px 10px}}

/* Muted visitor action remains clickable for the sign-in prompt. */
#purchase-form[data-signed-in="false"] #purchase-button{opacity:.45}
#purchase-form[data-signed-in="false"] #purchase-button:hover{background:#f5a25b;transform:none}
.packages-nav{border-color:#b9955859;color:#c3ad88;background:transparent;font-weight:400;padding:8px 13px;min-height:38px;margin-right:-13px}
.packages-nav:hover{border-color:#b9955880;background:#b9955809}
@media(max-width:760px){.packages-nav{margin-right:-5px;padding:8px 10px;min-height:36px}}
@media(max-width:430px){.packages-nav{margin-right:-2px}}

.purchase-guidance{display:grid;gap:12px;margin-top:18px}.purchase-warning{display:flex;flex-direction:column;gap:7px;padding:17px 20px;background:#2a241e;border:1px solid #8b653c;border-left:3px solid #e6aa68;border-radius:9px;color:#eac7a8;font-size:13px}.purchase-warning strong{font-size:15px}.purchase-warning progress{width:100%;height:7px;margin-top:5px;accent-color:#e6aa68;border:0;border-radius:5px;overflow:hidden;background:#44372c}.purchase-warning progress::-webkit-progress-bar{background:#44372c}.purchase-warning progress::-webkit-progress-value{background:#e6aa68}.purchase-warning progress::-moz-progress-bar{background:#e6aa68}.funds-warning{border-color:#994b53;border-left-color:#ff7979;background:#301e23;color:#ffaaaa}.funds-warning a{align-self:flex-start;margin-top:5px}#order-total.insufficient-total{color:#ff7979;animation:funds-pulse 1.4s ease-in-out infinite}@keyframes funds-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){#order-total.insufficient-total{animation:none}}

.brand-logo{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0}.footer-brand{display:inline-flex;align-items:center;gap:10px}.footer-brand img{display:block}.pass-logo{line-height:1;margin:17px 0}.pass-logo img{display:block;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 12px #0005)}@media(max-width:430px){.brand-logo{width:42px;height:42px}}
