:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;color:#243e34;background:#f6f5f0;font-synthesis:none;line-height:1.5;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:#224b3e}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aa5b19;outline-offset:5px}[hidden]{display:none!important}
.header,main,footer{width:min(100% - 40px,760px);margin-inline:auto}.header{padding:38px 0 24px}.brand{display:flex;align-items:center;gap:13px;color:#52685d;font-size:.85rem}.brand img{border-radius:14px}.today{margin:30px 0 6px;color:#52685d;font-size:.95rem}h1{font-size:clamp(2.5rem,8vw,3.5rem);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:750}h1 span{color:#8b9f72}.intro{margin:14px 0 0;font-size:1.12rem;color:#52685d}.demo-notice{display:flex;flex-direction:column;gap:3px;background:#eee9dc;border:1px solid #dcd4c0;border-radius:12px;padding:15px 18px;font-size:.88rem;color:#645638}.demo-notice strong{font-size:.9rem}.bill-section{margin-top:32px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.section-heading h2{font-size:1.3rem;letter-spacing:-.03em;margin:0}.section-heading>span{font-size:.85rem;color:#52685d}.bill-card{display:flex;justify-content:space-between;gap:20px;width:100%;text-align:left;color:inherit;background:#fff;border:1px solid #d9dfd6;border-radius:16px;padding:22px;margin-top:12px;box-shadow:0 3px 0 #20372d04}.bill-card:hover{border-color:#879c8b;background:#fcfdf9}.card-main,.card-side{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}.bill-name{font-size:1.22rem;line-height:1.25;font-weight:700;letter-spacing:-.025em}.badge{display:inline-flex;border-radius:6px;padding:3px 9px;font-size:.8rem;font-weight:650;line-height:1.45;width:fit-content}.auto{background:#eaf1e8;color:#35533b}.manual{background:#fbedd9;color:#855117}.account-label{color:#536559;font-size:.9rem}.card-side{text-align:right;align-items:flex-end;flex-shrink:0}.due-date{font-weight:650;font-size:1rem}.amount{color:#536559;font-size:.95rem}.details-label{color:#355842;font-size:.85rem;margin-top:auto;font-weight:650}.reference-note{font-size:.85rem;color:#57695e;margin:24px 4px}.install-help{border-top:1px solid #d5dcd0;border-bottom:1px solid #d5dcd0;margin-top:28px;padding:7px 0}.install-help summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:12px 2px;font-size:.95rem;font-weight:600;min-height:48px;gap:16px}.install-help summary::-webkit-details-marker{display:none}.install-help[open] summary span{transform:rotate(45deg)}.install-help ol{color:#52685d;padding-left:28px;margin-top:6px}.install-help li{padding:5px 0}footer{text-align:center;font-size:.8rem;color:#5e7164;padding:32px 0 max(32px,env(safe-area-inset-bottom))}.skip-link{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:5}.skip-link:focus{top:10px}.loading,.empty-state{padding:22px;background:#fff;border-radius:12px}.error-state{padding:24px;background:#fff;border:1px solid #dcc5a1;border-radius:12px;margin-top:24px}.error-state h2{font-size:1.25rem}.retry-button,.provider-link{display:block;background:#224b3e;color:white;border:0;border-radius:10px;padding:13px 20px;min-height:48px;text-align:center;text-decoration:none;font-weight:600}
dialog{color:#243e34;background:#fafaf6;border:0;border-radius:20px;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;overscroll-behavior:contain;box-shadow:0 20px 90px #142d3a30}dialog::backdrop{background:#142e25a6}.dialog-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #d9dfd6;background:#fafaf6;z-index:1;font-size:.9rem;color:#52685d}.dialog-header button{display:flex;align-items:center;gap:12px;background:#e9eee5;color:#224b3e;border:0;border-radius:8px;min-height:48px;padding:10px 15px;font-weight:650}.dialog-header button span{font-size:1.4rem;line-height:1}#detail-content{padding:25px}#detail-content h2{font-size:2rem;line-height:1.12;letter-spacing:-.045em;margin:15px 0 5px}.provider{margin:0;color:#52685d}.facts{margin:25px 0;background:white;border:1px solid #d9dfd6;border-radius:12px;padding:4px 18px}.facts>div{display:grid;grid-template-columns:40% 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #e8ebe4}.facts>div:last-child{border:0}dt{color:#52685d;font-size:.9rem}dd{margin:0;font-weight:600;font-size:.95rem;overflow-wrap:anywhere}h3{font-size:1.18rem;margin:26px 0 10px}.example-label{font-size:.88rem;color:#855117;background:#fbedd9;padding:12px;border-radius:8px}.payment-steps{padding-left:25px}.payment-steps li{padding-left:6px;margin:14px 0}.payment-steps li::marker{color:#607953;font-weight:700}.muted,.detail-note{color:#52685d;font-size:.95rem}.provider-link{margin:12px 0}.detail-note{padding-bottom:8px}
@media(max-width:440px){.header,main,footer{width:calc(100% - 32px)}.header{padding-top:max(24px,env(safe-area-inset-top))}.brand{font-size:.8rem}.bill-card{padding:18px 16px;gap:10px}.bill-name{font-size:1.13rem}.card-side{max-width:43%}.due-date{font-size:.95rem}.account-label{font-size:.82rem}.amount{font-size:.9rem}.section-heading>span{font-size:.78rem}.facts>div{grid-template-columns:1fr;gap:3px}#detail-content{padding:22px 20px}}
@media(prefers-reduced-motion:no-preference){.bill-card{transition:background .15s,border-color .15s}}
body:has(dialog[open]){overflow:hidden}