:root{font-family:system-ui,sans-serif;color:#181b17;background:#f6f0e4}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid;padding:24px clamp(20px,5vw,70px)}header a:first-child{font-size:32px;font-weight:950;text-decoration:none}a{color:inherit;font-weight:700}main{max-width:960px;padding:50px 24px;margin:auto}.eyebrow{letter-spacing:.13em;font-size:12px;font-weight:800}h1{font-size:clamp(36px,7vw,64px);margin:12px 0}main>p{line-height:1.65}.subscription{padding:24px;background:#fff;border:2px solid;border-radius:24px;margin:25px 0;box-shadow:0 5px #58c1c2}.subscription h2{margin-top:0}.status{display:inline-block;padding:6px 12px;border-radius:30px;background:#def3ed;font-size:13px;font-weight:750}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}button,#login{font:inherit;padding:12px 18px;border:2px solid #181b17;border-radius:30px;background:#fff;cursor:pointer;font-weight:700}button.primary,#confirm-action,#login{background:#ff751e}button:disabled{opacity:.5;cursor:wait}#notice{padding:12px 0}dialog{width:min(500px,90vw);border:2px solid;border-radius:24px;padding:26px}dialog::backdrop{background:#151b1780}.help{font-size:14px;color:#4d554c;margin-top:40px}
#quantity-lines label{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 0;border-bottom:1px solid #ddd}#quantity-lines input,#quantity-lines select{width:100%;font:inherit;padding:10px;border:1px solid #555;border-radius:10px;background:#fff;color:inherit}#quantity-lines input{max-width:120px}#quantity-notice{line-height:1.5}dialog[open]{max-height:90dvh;overflow:auto}
.box-contents{list-style:none;padding:0;margin:20px 0;border-top:1px solid #ddd}.box-contents li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #ddd}.box-contents li span{overflow-wrap:anywhere}.box-contents strong{white-space:nowrap}.box-totals{font-weight:750;background:#def3ed;padding:14px;border-radius:12px}