:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fd;--card:#fff;--text:#0d1442;--muted:#5a6180;--border:#e3e6f5;--accent:#2547d6;--accent-soft:#e8ecfd;--warn-bg:#fff6df;--warn-text:#8a6100;--info-bg:#eef1fd;--info-text:#26339e;--t1:#2e9e5b;--t2:#f5b400;--t3:#e0524f;--danger-soft:#fdeceb;--danger-strong:#c33f3c;--radius:14px;--shadow:0 1px 2px #0d14420d, 0 6px 20px #0d14420f;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.35s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-standard:ease}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--card:#151b30;--text:#e9ecfb;--muted:#99a1c9;--border:#2b3455;--accent:#6d8dff;--accent-soft:#1d2748;--warn-bg:#3a2c10;--warn-text:#f4c46a;--info-bg:#17224a;--info-text:#9db2ff;--t1:#45c47f;--t2:#f0c04a;--t3:#f3726d;--danger-soft:#3a1e1e;--danger-strong:#ff8783;--shadow:0 1px 2px #0006, 0 6px 20px #00000073}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--card:#151b30;--text:#e9ecfb;--muted:#99a1c9;--border:#2b3455;--accent:#6d8dff;--accent-soft:#1d2748;--warn-bg:#3a2c10;--warn-text:#f4c46a;--info-bg:#17224a;--info-text:#9db2ff;--t1:#45c47f;--t2:#f0c04a;--t3:#f3726d;--danger-soft:#3a1e1e;--danger-strong:#ff8783;--shadow:0 1px 2px #0006, 0 6px 20px #00000073}::view-transition-old(root){animation-duration:var(--dur-slow)}::view-transition-new(root){animation-duration:var(--dur-slow)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}*{box-sizing:border-box}html,body{background:radial-gradient(560px 420px at 100% -10%, #2547d61a, transparent 70%), var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}.app{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.header{align-items:center;gap:12px;padding:4px 4px 0;display:flex}.header img{border-radius:12px;flex:none;box-shadow:0 2px 6px #2547d638,0 8px 18px #2547d629}.header-text{min-width:0}.header h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,5.4vw,1.55rem);font-weight:800;line-height:1.15}.header h1 .brand{color:var(--accent)}.header h1 .brand-suffix{color:var(--muted);white-space:nowrap;font-weight:600}.header p{color:var(--muted);text-wrap:balance;margin:6px 0 0;font-size:.85rem;line-height:1.35}@media (width<=480px){.header{gap:10px;padding-top:2px}.header img{width:40px;height:40px}.header p{margin-top:3px;font-size:.8rem}.header .settings-btn{width:38px;height:38px}.header .settings-btn svg{width:19px;height:19px}}.tabs{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;gap:4px;padding:4px;display:flex;position:relative}.tab{font:inherit;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-base) var(--ease-standard), transform var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:999px;flex:1;padding:8px 10px;font-size:.85rem;font-weight:600;position:relative}.tab.active{color:#fff}.tab:active{transform:scale(.96)}.tab svg{display:none}.slide-indicator{background:var(--accent);pointer-events:none;z-index:0;transition:transform var(--dur-base) var(--ease-out), width var(--dur-base) var(--ease-out), height var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-standard);position:absolute;top:0;left:0}.tabs .slide-indicator{border-radius:999px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px}.form{flex-direction:column;gap:20px;padding:22px 18px;display:flex}.form[hidden]{display:none}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.label-row{flex-direction:column;align-items:center;gap:8px;display:flex}.label-row .label{width:100%}input[type=text],input[type=number],select{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);min-height:44px;transition:outline-offset var(--dur-fast) var(--ease-out);border-radius:10px;padding:10px 12px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.amount-wrap{position:relative}.amount-wrap .unit{color:var(--muted);pointer-events:none;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.amount-wrap input{padding-right:64px}input.amount{letter-spacing:-.01em;padding:8px 64px 8px 14px;font-size:1.8rem;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-6px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out);border-radius:999px;padding:6px 12px;font-size:.9rem}.chip:active{transform:scale(.96)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.chip:disabled{opacity:.6;cursor:not-allowed}.suggestions{display:block}.suggestions-cta{cursor:pointer;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent);-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:600;list-style:none;display:flex}.suggestions-cta::-webkit-details-marker{display:none}.suggestions-cta:after{content:"";width:7px;height:7px;transition:transform var(--dur-fast) var(--ease-out);border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.suggestions[open]>.suggestions-cta:after{transform:translateY(2px)rotate(-135deg)}.suggestions-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.suggestions-count{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;display:inline-flex}.suggestions-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.suggestion{border:1px solid var(--border);background:var(--info-bg);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.suggestion-body{flex-direction:column;gap:2px;min-width:0;display:flex}.suggestion-apply{font:inherit;border:1px solid var(--accent);color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;flex-shrink:0;margin-left:auto;padding:6px 12px;font-size:.85rem;font-weight:600}.suggestion-apply:active{transform:scale(.96)}.suggestion-apply:hover{background:var(--accent);color:#fff}.suggestion-amount{color:var(--accent);white-space:nowrap;font-weight:700}.suggestion-text{color:var(--muted);font-size:.8rem;line-height:1.35}.segmented{border:1px solid var(--border);border-radius:999px;display:inline-flex;position:relative;overflow:hidden}.segmented button{font:inherit;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);background:0 0;border:0;padding:4px 12px;font-size:.85rem;position:relative}.segmented button:active:not(:disabled):not([aria-checked=true]){background:var(--border)}.segmented button[aria-checked=true]{color:#fff;font-weight:600}.segmented button:disabled{opacity:.5;cursor:default}.help{color:var(--muted);margin:0;font-size:.85rem}.mismatch-note{color:var(--danger-strong);font-weight:600}.help-notice{color:var(--accent);font-weight:600}button.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:6px 0 0;font-size:.85rem;text-decoration:underline}.result{flex-direction:column;gap:16px;display:flex}.result.empty{color:var(--muted);text-align:center}.headline{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.kwh{white-space:nowrap;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,12vw,3.6rem);font-weight:800;line-height:1.05}.kwh small{letter-spacing:0;font-size:.4em;font-weight:700}.sub{color:var(--muted);font-size:.95rem}.breakdown{flex-direction:column;gap:6px;margin:0;font-size:.95rem;display:flex}.breakdown>div{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.breakdown dt{color:var(--muted)}.breakdown dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.breakdown .minus dd{color:var(--muted)}.breakdown .total{border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-weight:700}.breakdown .total dt{color:var(--text)}.breakdown .line{padding-left:12px;font-size:.88rem}.breakdown .line em{color:var(--t3);font-style:normal}.dot{vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot.t1{background:var(--t1)}.dot.t2{background:var(--t2)}.dot.t3{background:var(--t3)}.gauge{margin:0}.gauge-track{border-radius:999px;height:18px;margin:6px 0 26px;position:relative;overflow:visible}.gauge-seg{opacity:.25;height:100%;position:absolute;top:0}.gauge-seg.t1{background:var(--t1);border-radius:999px 0 0 999px}.gauge-seg.t2{background:var(--t2)}.gauge-seg.t3{background:var(--t3);border-radius:0 999px 999px 0}.gauge-before{background:var(--muted);height:100%;transition:width var(--dur-slow) var(--ease-out);border-radius:999px 0 0 999px;position:absolute;top:0;left:0}.gauge-new{background:var(--accent);height:100%;transition:left var(--dur-slow) var(--ease-out), width var(--dur-slow) var(--ease-out);background-image:repeating-linear-gradient(135deg,#ffffff40 0 4px,#0000 4px 8px);border-radius:0 999px 999px 0;position:absolute;top:0}.gauge-tick{color:var(--muted);white-space:nowrap;padding-top:7px;font-size:.7rem;position:absolute;top:100%;transform:translate(-50%)}.gauge-tick.start{transform:none}.gauge-tick.start:before{display:none}.gauge-tick.start:after{left:3px}.gauge-tick:before{content:"";background:var(--card);width:4px;height:18px;margin-left:-2px;position:absolute;top:-18px;left:50%;box-shadow:inset 1px 0 #0d144224,inset -1px 0 #0d144224}.gauge-tick:after{content:"";background:var(--border);width:1px;height:4px;margin-left:-.5px;position:absolute;top:1px;left:50%}.gauge-caption{color:var(--muted);margin:0;font-size:.85rem}.gauge-caption b{color:var(--text)}@media (width<=360px){.gauge-tick-unit{display:none}}.nowrap{white-space:nowrap}.tips{flex-direction:column;gap:6px;margin:0 4px;padding:0;font-size:.76rem;line-height:1.35;list-style:none;display:flex}.tips li{background:0 0;border-left:3px solid #0000;border-radius:8px;padding:6px 10px}.tips .info{color:var(--info-text);border-left-color:var(--info-text);background:var(--info-bg)}.tips .warn{color:var(--warn-text);border-left-color:var(--warn-text);background:var(--warn-bg)}.about{flex-direction:column;gap:16px;display:flex}.about-block{flex-direction:column;gap:10px;display:flex}.about-block h2{margin:0;font-size:1.05rem}.about-block p.about-independent{color:var(--muted);border-left:3px solid var(--border);padding-left:10px;font-size:.85rem}.about-block p{color:var(--text);margin:0}.about-steps,.about-tips{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.about-steps li,.about-tips li{color:var(--text)}.about-table{overflow-x:auto}.about-table table{border-collapse:collapse;width:100%;font-size:.9rem}.about-table caption{caption-side:top;text-align:left;color:var(--muted);padding-bottom:6px;font-size:.8rem}.about-table th,.about-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:8px 10px}.about-table thead th,.about-table tbody th{text-align:left;font-weight:600}.about-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem}.about-table thead th+th{text-align:right}.about-table tbody tr:last-child td,.about-table tbody tr:last-child th{border-bottom:0}.about-faq{padding:4px 16px}@supports (interpolate-size:allow-keywords){.about-item,.suggestions{interpolate-size:allow-keywords}.about-item::details-content{height:0;transition:height var(--dur-base) var(--ease-out), content-visibility var(--dur-base) var(--ease-out) allow-discrete;overflow:hidden}.suggestions::details-content{height:0;transition:height var(--dur-base) var(--ease-out), content-visibility var(--dur-base) var(--ease-out) allow-discrete;overflow:hidden}.about-item[open]::details-content{height:auto}.suggestions[open]::details-content{height:auto}}.about-item{border-bottom:1px solid var(--border)}.about-item:last-child{border-bottom:0}.about-item summary{cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent;padding:14px 26px 14px 0;font-size:1.05rem;font-weight:600;list-style:none;position:relative}.about-item summary::-webkit-details-marker{display:none}.about-item summary:after{content:"+";color:var(--muted);transition:transform var(--dur-fast) var(--ease-out);font-size:1.3rem;font-weight:400;position:absolute;top:12px;right:2px}.about-item[open]>summary:after{content:"+";transform:rotate(45deg)}.about-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-item-body{flex-direction:column;gap:10px;padding:0 0 16px;display:flex}.about-item-body p{color:var(--text);margin:0}.about-example{flex-direction:column;gap:6px;margin:0;display:flex}.about-example img{border:1px solid var(--border);border-radius:10px;width:100%;max-width:320px;display:block}.about-example figcaption{color:var(--muted);font-size:.85rem}.devices{flex-direction:column;gap:16px;display:flex}.device-add,.device-list-card{flex-direction:column;gap:12px;display:flex}.device-add h2,.device-list-card h2{margin:0;font-size:1.05rem}.device-fields{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.device-fields label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}@media (width<=380px){.device-fields{grid-template-columns:1fr}}.open-add-device-btn,.add-device-btn{border-radius:10px;align-self:flex-start;padding:10px 16px;font-weight:700}.log-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scan-receipt-btn{border-radius:10px;padding:10px 16px;font-weight:700}.receipt-scan{flex-direction:column;gap:14px;display:flex}.receipt-scan h2{margin-bottom:0}.scan-progress{flex-direction:column;gap:8px;display:flex}.scan-progress .help{margin:0}.scan-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.scan-bar span{background:var(--accent);height:100%;transition:width var(--dur-base) var(--ease-out);display:block}.scan-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scan-list label{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;display:flex}.scan-list label>span{flex-direction:column;gap:3px;min-width:0;display:flex}.scan-list input{accent-color:var(--accent);flex:none;margin-top:2px}.scan-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.7rem}.scan-tag-fill,.scan-tag-add{color:var(--accent)}.scan-summary{font-variant-numeric:tabular-nums;font-size:.9rem}.scan-source{color:var(--muted);overflow-wrap:anywhere;font-size:.72rem}.scan-skipped label{cursor:default;opacity:.6}.modal-overlay{z-index:50;animation:modal-overlay-in var(--dur-slow) var(--ease-out);background:#0d144273;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:modal-overlay-out var(--dur-slow) var(--ease-out) forwards}@media (width>=480px){.modal-overlay{align-items:center}}.modal-panel{width:100%;max-width:420px;max-height:min(80vh,640px);animation:modal-panel-in var(--dur-slow) var(--ease-out);overflow-y:auto}.modal-panel.closing{animation:modal-panel-out var(--dur-slow) var(--ease-out) forwards}@keyframes modal-overlay-in{0%{opacity:0}}@keyframes modal-overlay-out{to{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(24px)}}@keyframes modal-panel-out{to{opacity:0;transform:translateY(24px)}}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h2{margin:0}.modal-close-btn{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;font-size:1.2rem;line-height:1}.modal-close-btn:active{transform:scale(.9)}.recharge-add .add-device-btn{margin:0 auto;display:block}.device-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.device-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:8px 0;display:flex}.device-list li:last-child{border-bottom:0;margin-bottom:0}.device-list li>div{flex-direction:column;gap:2px;display:flex}.icon-btn,.remove-btn{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;font-size:1.1rem;line-height:1}.icon-btn:active,.remove-btn:active{transform:scale(.9)}.recharge-list li>.row-actions,.device-list li>.row-actions{flex-direction:row;flex:none;align-items:center;gap:6px;display:flex}.recharge-list li.editing,.device-list li.editing{display:block}@keyframes row-enter{0%{opacity:0;transform:translateY(-6px)}}.recharge-list li.row-enter,.device-list li.row-enter{animation:row-enter var(--dur-base) var(--ease-out)}@supports (interpolate-size:allow-keywords){.recharge-list li,.device-list li{interpolate-size:allow-keywords;height:auto;transition:height var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-standard), margin-bottom var(--dur-base) var(--ease-out), padding var(--dur-base) var(--ease-out), border-bottom-width var(--dur-base) var(--ease-out)}.recharge-list li.row-leaving,.device-list li.row-leaving{opacity:0;border-bottom-width:0;height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden}}.inline-edit{flex-direction:column;gap:10px;width:100%;padding:10px 0;display:flex}.inline-edit .recharge-fields{margin-top:0}.inline-edit-name{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.inline-edit-actions{gap:8px;display:flex}.inline-edit-actions .chip{padding:8px 16px;font-weight:600}.inline-edit-actions .chip:disabled{opacity:.5;cursor:not-allowed}.inline-edit .help{margin:0}.device-summary{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-bottom:12px;display:flex}.device-total{border-top:1px solid var(--border);padding-top:10px}.footer{color:var(--muted);text-align:center;padding:0 8px;font-size:.78rem}.footer p{margin:4px 0}.footer a{color:inherit}@media (width<=640px){.tabs{left:0;right:0;bottom:max(10px, env(safe-area-inset-bottom));z-index:30;background:var(--card);justify-content:stretch;width:calc(100% - 24px);max-width:536px;margin:0 auto;padding:6px 10px;position:fixed;box-shadow:0 8px 28px #0d14422e,0 1px 3px #0d144214}.tab{white-space:nowrap;letter-spacing:-.01em;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;padding:7px 4px;font-size:.7rem;line-height:1.15;display:flex}.tab svg{width:21px;height:21px;display:block}.app{padding-bottom:calc(78px + max(10px, env(safe-area-inset-bottom)))}}@media (width<=360px){.tab{font-size:.64rem}}@media (width<=340px){.tab{font-size:.6rem}}.result-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.share{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.share-label{color:var(--muted);font-size:.85rem;font-weight:600}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-btn{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.share-btn:active{transform:scale(.96)}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-btn.whatsapp{color:#04351a;background:#25d366;border-color:#25d366}.share-btn.whatsapp:hover{color:#04351a;background:#1fbb59;border-color:#1fbb59}.save-row{flex-direction:column;align-items:center;gap:8px;display:flex}.save-recharge{font:inherit;text-align:center;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard), transform var(--dur-fast) var(--ease-out);border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:600}.save-recharge:active:not(:disabled){transform:scale(.97)}.save-recharge:hover{background:var(--accent);color:var(--card)}.save-recharge:disabled{opacity:.6;cursor:not-allowed}.recharges{flex-direction:column;gap:16px;display:flex}.recharges .card h2{margin:0 0 8px;font-size:1.05rem}.recharge-add{flex-direction:column;gap:14px;display:flex}.recharge-add h2{margin-bottom:0}.recharge-add .recharge-fields{margin-top:0}.recharge-fields{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.recharge-fields label{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:.8rem;display:flex}.recharge-fields input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;width:100%;min-width:0;padding:9px 10px;font-size:.95rem}@media (width<=430px){.recharge-fields{grid-template-columns:1fr 1fr}.recharge-fields label:first-child{grid-column:1/-1}}.form-error{color:var(--t3);margin:8px 0 0;font-size:.85rem;font-weight:600}.month-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:8px;margin-top:14px;padding-bottom:6px;font-size:.9rem;display:flex}.month-head b{text-transform:capitalize}.month-head span{color:var(--muted);font-size:.85rem}.recharge-list{flex-direction:column;margin:8px 0 0;padding:0;list-style:none;display:flex}.recharge-list li{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.recharge-list li:last-child{margin-bottom:0}.recharge-list li>div{flex-direction:column;min-width:0;display:flex}.recharge-list .help{margin:0}.log-summary{background:var(--accent-soft);color:var(--info-text);border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.log-summary button.link{white-space:nowrap;padding:0;font-size:.85rem}.ad-slot{min-height:1px}.ad-slot .adsbygoogle{width:100%}.about-more{margin:0}.about-more a,.about-more button{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600;text-decoration:none}.about-more a:hover,.about-more button:hover{text-decoration:underline}.about-guide-amounts{flex-wrap:wrap;gap:6px;display:flex}.about-guide-amounts a{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none}.about-guide-amounts a:hover{border-color:var(--accent);color:var(--accent)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.settings-btn{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--muted);box-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-out);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.settings-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.settings-btn:active{transform:scale(.94)}.settings-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #2547d64d}.settings-btn svg{width:20px;height:20px}.settings{flex-direction:column;gap:16px;display:flex}.settings-block{flex-direction:column;gap:12px;display:flex}.settings-block h2{margin:0;font-size:1.05rem}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-actions .chip{border-radius:10px;padding:10px 16px;font-weight:600}.confirm-banner{background:var(--info-bg);color:var(--info-text);animation:confirm-banner-in var(--dur-base) var(--ease-out);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.confirm-banner.error{background:var(--danger-soft);color:var(--danger-strong)}.confirm-banner .link{flex:none;padding:0;font-weight:700}@keyframes confirm-banner-in{0%{opacity:0;transform:translateY(-4px)}}.settings-block>.chip.danger{align-self:flex-start}.erase-menu,.erase-confirm{flex-direction:column;gap:8px;display:flex}.erase-option{font:inherit;text-align:left;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-base) var(--ease-standard), transform var(--dur-fast) var(--ease-out);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.erase-option:hover{border-color:var(--t3)}.erase-option:active{transform:scale(.98)}.erase-option b{font-size:.95rem}.erase-menu .row-actions,.erase-confirm .row-actions{flex-wrap:wrap;gap:6px;display:flex}.chip.danger{border-color:var(--t3);color:var(--t3);background:var(--danger-soft);font-weight:600}.chip.danger:hover,.chip.danger.solid{background:var(--t3);color:#fff}.chip.danger.solid:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.danger-hint{color:var(--t3);font-weight:600}