:root{color-scheme:light;--ink:#163e35;--muted:#5c6d64;--paper:#f5f4ed;--line:#dce2d6;--accent:#297658;--pale:#e8f1dc}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b27d16;outline-offset:4px}.page{max-width:1192px;margin:auto;padding:0 38px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:650;letter-spacing:-.4px}.mark{display:grid;place-items:center;background:var(--ink);color:white;border-radius:11px;font-size:15px;width:38px;height:38px}.source-link{font-size:13px;text-decoration:none;color:var(--muted)}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:56px 0 36px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin:0 0 12px}h1{font:normal 54px/1.09 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:0 0 18px}h2{font-size:20px;letter-spacing:-.55px;margin:0;font-weight:600}.lede{font-size:15px;color:var(--muted);margin:0;line-height:1.7}.update{display:flex;gap:9px;padding-bottom:4px;font-size:12px;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:6px}.update strong{font-weight:600}.update p{margin:3px 0 0;color:var(--muted)}.rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rate-card{background:var(--ink);color:#f8fbf5;padding:25px 26px 0;border-radius:17px;overflow:hidden}.rate-card[id="card-EUR"]{background:#e5ecd9;color:var(--ink)}.card-top{display:flex;align-items:center;gap:12px}.currency-icon{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;width:41px;height:41px;font:25px Georgia,serif;flex-shrink:0}.rate-card[id="card-EUR"] .currency-icon{border-color:#163e3530}.card-top h2{font-size:16px;letter-spacing:0}.card-top p{font-size:11px;opacity:.75;margin:2px 0 0}.badge{margin-left:auto;font-size:10px;font-weight:600;border:1px solid currentColor;opacity:.85;border-radius:20px;padding:4px 9px;white-space:nowrap}.badge.good{background:#d1e9a9;color:#183d20;border-color:transparent;opacity:1}.big-rate{font-size:55px;font-weight:500;letter-spacing:-2.5px;line-height:1;margin:27px 0 10px;font-variant-numeric:tabular-nums}.daily{font-size:12px;opacity:.8;margin:0 0 24px}.card-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding:14px 0;font-size:12px}.rate-card[id="card-EUR"] .card-foot{border-color:#163e3520}.card-foot span{opacity:.8}.card-foot strong{font-size:15px;font-weight:600}.rate-note{font-size:11px;color:var(--muted);margin:13px 0 30px}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px}.panel{border:1px solid var(--line);border-radius:17px;background:#ffffffa3;padding:26px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-top .eyebrow{margin-bottom:7px}.tabs{display:flex;background:#e9ede3;border-radius:9px;padding:3px}.tabs button{border:0;background:none;padding:7px 12px;border-radius:7px;color:var(--muted);font-size:11px;font-weight:650;cursor:pointer}.tabs button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 4px #163e3512}.chart-summary{font-size:12px;color:var(--muted);margin:18px 0 0}#chart{display:block;width:100%;height:auto;overflow:visible;margin-top:10px}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin:7px 0 20px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-line{display:inline-block;width:17px;height:2px;background:var(--accent)}.legend-line.dashed{height:0;background:none;border-top:2px dashed #8c9a88}.chart-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:17px;border-top:1px solid var(--line)}.chart-stats span{display:block;font-size:10px;color:var(--muted)}.chart-stats strong{display:block;margin-top:6px;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.converter .eyebrow{margin-bottom:7px}.converter label{display:block;font-size:11px;color:var(--muted);margin:26px 0 7px}.amount-field{display:flex;gap:9px;align-items:center;border:1px solid #b7c5b3;border-radius:9px;padding:11px 12px;background:white}.amount-field span{color:var(--muted);font-size:14px}.amount-field input{width:100%;min-width:0;border:none;outline:none;font-size:23px;color:var(--ink);background:transparent;appearance:textfield}.amount-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.conversion-result{margin:21px 0 14px}.conversion-result>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.conversion-result span{font-size:12px;color:var(--muted)}.conversion-result strong{font-size:24px;font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.small{font-size:11px;line-height:1.6;color:var(--muted)}.button{display:flex;justify-content:space-between;gap:7px;text-decoration:none;color:white;background:var(--ink);border-radius:9px;padding:12px 13px;font-size:11px;margin-top:24px}.history{margin-top:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;margin-top:19px}th,td{padding:12px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--muted);font-weight:500}th:first-child,td:first-child{text-align:left;padding-left:0}th:last-child,td:last-child{padding-right:0}tbody tr:last-child td{border-bottom:0}.method{margin:25px 0 38px;border-bottom:1px solid var(--line);padding-bottom:21px}.method summary{font-size:13px;font-weight:600;cursor:pointer}.method p{max-width:850px;font-size:12px;color:var(--muted)}footer{padding:0 0 28px;font-size:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}footer p{margin:0}footer>div{display:flex;gap:22px}footer a{text-decoration:none;color:var(--muted)}footer #built-at{flex-basis:100%;margin-top:8px}.notice{background:#fff0ce;border:1px solid #e5d3a2;border-radius:9px;padding:12px 16px;font-size:13px;margin-bottom:20px}.input-error{color:#a03222;font-size:11px}.negative{color:#995039}.positive{color:#23734f}@media(max-width:850px){.intro{display:block;padding-top:38px}.update{margin-top:25px}.workspace{grid-template-columns:1fr}.converter{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.converter>.eyebrow,.converter>h2{grid-column:1/-1}.converter>.conversion-result{grid-column:2;grid-row:3/6;margin:18px 0 0}.converter>label,.converter>.amount-field,.converter>#amount-error{grid-column:1}.converter>.small{grid-column:1/-1}.converter>.button{grid-column:1/-1}.converter .button{margin-top:12px}}@media(max-width:540px){.page{padding:0 18px}header{padding:20px 0}.wordmark{font-size:13px}.source-link{font-size:11px}.mark{width:33px;height:33px}h1{font-size:43px}.lede{font-size:13px}.intro{padding:33px 0 25px}.desktop{display:none}.rate-grid{grid-template-columns:1fr;gap:13px}.rate-card{padding:21px 22px 0}.big-rate{font-size:50px;margin-top:23px}.card-foot{padding:12px 0}.daily{margin-bottom:21px}.rate-note{margin-bottom:23px}.panel{padding:21px 17px}h2{font-size:18px}.tabs button{padding:7px 10px}.converter{display:block}.converter label{margin-top:20px}.converter>.conversion-result{margin-top:16px}.chart-stats strong{font-size:14px}.chart-stats span{font-size:9px}.section-top>.small{max-width:94px;text-align:right;font-size:10px}footer{font-size:11px}footer>div{gap:15px}}

.rate-card[id="card-USD"]{background:#dbe7e8;color:var(--ink)}.rate-card[id="card-USD"] .currency-icon{border-color:#163e3530}.rate-card[id="card-USD"] .card-foot{border-color:#163e3520}.tabs{flex-shrink:0}@media(min-width:541px) and (max-width:1050px){.rate-grid{grid-template-columns:1fr 1fr}}@media(max-width:390px){.trend .section-top{align-items:flex-start;flex-direction:column}.trend .tabs{align-self:flex-start}}

[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.currency-settings{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;margin:0 0 22px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.currency-settings h2{font-size:15px;letter-spacing:0}.currency-settings p{margin:5px 0 0}.currency-switches{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0}.currency-switches label{display:flex;gap:8px;align-items:center;cursor:pointer;background:#ffffffa3;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:600}.currency-switches input{accent-color:var(--accent);width:15px;height:15px;margin:0}.currency-switches small{display:block;font-size:9px;font-weight:400;color:var(--muted)}.currency-switches label:has(input:checked){background:#e5ecd9;border-color:#b4c7a6}.empty-currencies{border:1px dashed #adbbac;border-radius:12px;padding:28px;text-align:center;color:var(--muted)}.rate-card[id="card-JPY"]{background:#eee3d6;color:var(--ink)}.rate-card[id="card-JPY"] .currency-icon{border-color:#163e3530}.rate-card[id="card-JPY"] .card-foot{border-color:#163e3520}.rate-grid[data-count="1"]{grid-template-columns:1fr}.trend .section-top{flex-wrap:wrap}.tabs{flex-wrap:wrap}.trend .tabs{max-width:100%}@media(min-width:1051px){.rate-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.currency-settings{align-items:flex-start}.currency-switches{display:grid;grid-template-columns:1fr 1fr;width:100%}.currency-switches label{padding:10px 12px}.rate-grid{grid-template-columns:1fr}}

:root{--surface:#ffffffa3;--field:#fff;--button:#163e35;--button-text:#fff;--first-card:#163e35;--first-card-text:#f8fbf5;--card2:#e5ecd9;--card3:#dbe7e8;--card4:#eee3d6;--toggle-bg:#e5ecd9;--chart-grid:#e1e7dc;--chart-label:#687b6e;--chart-fill:#e7efdd;--chart-line:#297658;--chart-average:#8c9a88}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e6f1ea;--muted:#b5c7bc;--paper:#10241d;--line:#3b594a;--accent:#a5d4ad;--surface:#19372b;--field:#10271f;--button:#a5d4ad;--button-text:#10241d;--first-card:#214b39;--first-card-text:#edf8ee;--card2:#254334;--card3:#23434a;--card4:#4b3d2f;--toggle-bg:#29523d;--chart-grid:#3b594a;--chart-label:#b5c7bc;--chart-fill:#2b543d;--chart-line:#b3de98;--chart-average:#b5c7bc}
:root[data-theme="ocean"]{--ink:#183e5b;--muted:#526b7e;--paper:#eff5fb;--line:#cddde8;--accent:#236c99;--surface:#ffffffc9;--field:#fff;--button:#214e70;--button-text:#fff;--first-card:#214e70;--card2:#deedf2;--card3:#dbe5f5;--card4:#e8e2f2;--toggle-bg:#deedf2;--chart-grid:#d8e5ec;--chart-label:#526b7e;--chart-fill:#d6e9f4;--chart-line:#236c99;--chart-average:#778ca1}
.panel{background:var(--surface)}.mark,.button{background:var(--button);color:var(--button-text)}.rate-card{background:var(--first-card);color:var(--first-card-text)}.rate-card[id="card-EUR"]{background:var(--card2);color:var(--ink)}.rate-card[id="card-USD"]{background:var(--card3);color:var(--ink)}.rate-card[id="card-JPY"]{background:var(--card4);color:var(--ink)}.amount-field{background:var(--field);border-color:var(--line)}.tabs{background:var(--line)}.tabs button[aria-pressed=true]{background:var(--field);color:var(--ink)}.currency-switches label{background:var(--surface)}.currency-switches label:has(input:checked){background:var(--toggle-bg);border-color:var(--accent)}.chart-legend .legend-line{background:var(--chart-line)}.chart-legend .legend-line.dashed{background:none;border-color:var(--chart-average)}.settings-panel{margin-bottom:23px}.settings-panel>summary{cursor:pointer;font-weight:600;font-size:15px}.settings-panel>summary .small{font-weight:400;margin-left:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 32px;margin-top:24px}.settings-grid fieldset{margin:0;padding:18px;border:1px solid var(--line);border-radius:11px;min-width:0}.settings-grid legend{font-weight:600;font-size:13px;padding:0 6px}.settings-grid label:not(.setting-check){display:block;margin:13px 0 6px;color:var(--muted);font-size:12px}.settings-grid select,.settings-grid input[type=number]{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--ink)}.settings-grid input[type=range]{width:100%;accent-color:var(--accent)}.setting-check{display:flex;gap:9px;align-items:center;font-size:12px;margin:12px 0;cursor:pointer}.setting-check input{accent-color:var(--accent);width:16px;height:16px;margin:0;flex-shrink:0}.notification-currencies{border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:17px}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.secondary-button{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:8px;padding:9px 12px;cursor:pointer;font-size:11px;line-height:1.4;margin:6px 0}.secondary-button:hover{border-color:var(--accent)}.alert-banner{border:1px solid var(--accent);border-radius:10px;background:var(--toggle-bg);padding:14px 17px;margin-bottom:20px;font-size:13px}:root[data-theme="dark"] .currency-icon,:root[data-theme="dark"] .card-foot{border-color:#ffffff35}:root[data-theme="dark"] .notice{background:#423a22;color:#fff0c8;border-color:#80703f}.settings-grid .small{margin:12px 0}.settings-grid #reset-settings{margin-top:15px}@media(max-width:650px){.settings-grid{grid-template-columns:1fr;gap:18px}.settings-panel>summary .small{display:block;margin:5px 0 0 18px}.settings-grid fieldset{padding:14px}}

.settings-trigger{display:inline-flex;align-items:center;justify-content:center;height:44px;line-height:1.2;gap:8px;flex-shrink:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:10px 14px;font-size:12px;font-weight:600;cursor:pointer}.settings-trigger:hover{border-color:var(--accent)}header{gap:14px}.settings-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-left:1px solid var(--line);border-radius:19px 0 0 19px;background:var(--paper);color:var(--ink);padding:0;box-shadow:-16px 0 60px #0003;overflow-y:auto;overscroll-behavior:contain}.settings-drawer::backdrop{background:#081b1899}.drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;background:var(--paper);padding:24px 26px;border-bottom:1px solid var(--line);z-index:1}.drawer-heading .eyebrow{margin-bottom:5px}.drawer-heading h2{font-size:25px}.drawer-close{display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--field);color:var(--ink);width:38px;height:38px;font-size:27px;line-height:1;cursor:pointer}.drawer-body{padding:22px 26px 32px}.settings-drawer .currency-settings{border-top:0;padding-top:0}.settings-drawer .settings-panel{margin-bottom:0}.settings-drawer .settings-grid{margin-top:22px}.settings-open{overflow:hidden}.text-button{border:0;padding:0;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;cursor:pointer}@media(max-width:650px){.settings-drawer{border-radius:0}.drawer-heading{padding:20px 18px}.drawer-body{padding:20px 18px 28px}.settings-trigger{padding:9px 11px;font-size:11px}}

.range-toolbar{display:flex;align-items:center;justify-content:flex-start;margin-top:22px}.range-tabs{display:inline-flex;gap:3px;flex-wrap:wrap;background:var(--line);border-radius:9px;padding:3px}.range-tabs button{min-width:34px;border:0;background:transparent;color:var(--muted);padding:6px 10px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer}.range-tabs button[aria-pressed="true"]{background:var(--field);color:var(--ink);box-shadow:0 1px 4px #0001}.history-filter{display:flex;align-items:center;gap:9px;flex-shrink:0}.history-filter label,.page-size-control label{font-size:11px;color:var(--muted)}.history-filter select,.page-size-control select{border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);padding:8px 28px 8px 10px;font:inherit;font-size:12px;min-height:36px}.history-heading{flex-wrap:wrap}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line);margin-top:6px}.page-size-control{display:flex;align-items:center;gap:8px}.table-footer>p{margin:0}.pagination,.page-numbers{display:flex;align-items:center;gap:4px}.pagination button{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);min-width:32px;min-height:34px;padding:5px 8px;font-size:11px;cursor:pointer}.pagination button:hover:not(:disabled){background:var(--toggle-bg)}.pagination button[aria-current="page"]{background:var(--button);color:var(--button-text)}.pagination button:disabled{opacity:.4;cursor:default}.page-numbers>span{padding:0 4px;color:var(--muted);font-size:12px}.history #history-caption{margin:12px 0 0}.history table{margin-top:12px}@media(max-width:540px){.range-tabs{gap:2px;width:100%;justify-content:space-between}.range-tabs button{min-width:0;padding:7px 8px;flex:1}.history-filter{width:100%;justify-content:space-between}.history-filter select{flex:1;max-width:190px}.table-footer{gap:12px}.pagination{width:100%;justify-content:center;flex-wrap:wrap}.pagination button{min-width:28px;padding:5px 7px}.page-numbers{gap:2px}}

.header-actions{display:flex;align-items:center;gap:10px}
.alerts-state{font-size:10px;border-radius:20px;background:var(--paper);padding:3px 7px;border:1px solid var(--line)}
.alerts-trigger[data-active="true"] .alerts-state{background:var(--accent);color:var(--field)}
.alerts-drawer{width:min(510px,100%)}
.alerts-drawer .drawer-body>p{line-height:1.6}
.alert-setup{padding:18px;border:1px solid var(--line);border-radius:12px;margin:20px 0;background:var(--paper)}
.alert-setup #alert-status{margin-top:0;line-height:1.6;font-size:14px}
.alert-setup .button,.converter button.button{width:100%;font-family:inherit;cursor:pointer;font-size:13px}
.alert-setup .settings-actions{margin-top:12px}
.alert-setup .button:disabled{opacity:.65;cursor:default}
.alert-limit{padding-left:12px;border-left:3px solid var(--accent);font-size:13px;color:var(--muted)}
.alerts-drawer fieldset{border:1px solid var(--line);border-radius:12px;padding:16px;margin:22px 0}
.alerts-drawer legend{font-size:14px;font-weight:650;padding:0 6px}
.alert-delivery label{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:14px 0 8px}
.alert-delivery .setting-check{justify-content:flex-start}
.alert-delivery input[type="range"]{width:100%;accent-color:var(--accent)}
@media(max-width:650px){header{flex-wrap:wrap;gap:15px}.header-actions{margin-left:auto}.settings-trigger{padding:9px;gap:5px}.alerts-state{padding:2px 5px}}

.alert-setup .button,.converter button.button{border:0;justify-content:center}.secondary-button:disabled{opacity:.45;cursor:default}.alerts-trigger[data-active="true"] .alerts-state{background:var(--button);color:var(--button-text)}

.rate-card{position:relative}
.card-toolbar{position:absolute;right:12px;bottom:64px;z-index:2}
.rate-card .daily{padding-right:36px}
.card-move{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:6px;padding:4px 7px;background:transparent;color:inherit;font-size:10px;line-height:1;cursor:grab;touch-action:none;opacity:.8}
.card-move:hover,.card-move:focus-visible{opacity:1;border-color:currentColor}
.card-move:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.card-move svg{flex-shrink:0}
.rate-card.is-dragging{opacity:.55;outline:2px dashed var(--accent);outline-offset:3px}
.reordering-cards,.reordering-cards .card-move{cursor:grabbing;user-select:none;-webkit-user-select:none}
@media(pointer:coarse){.card-move{width:44px;height:44px}.card-toolbar{right:6px;bottom:57px}.rate-card .daily{padding-right:44px}}

.site-select{position:relative;min-width:0}
.site-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:var(--toggle-bg);color:var(--ink);font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;text-align:left}
.site-select-trigger:hover,.site-select-trigger[aria-expanded="true"]{border-color:var(--accent)}
.site-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-select-arrow{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex-shrink:0}
.site-select-trigger[aria-expanded="true"] .site-select-arrow{transform:translateY(2px) rotate(225deg)}
.site-select-menu{position:fixed;z-index:50;overflow-y:auto;overscroll-behavior:contain;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:5px;box-shadow:0 10px 30px #0002}
.site-select-option{position:relative;min-height:38px;display:flex;align-items:center;padding:9px 32px 9px 11px;border-radius:7px;font-size:12px;line-height:1.4;cursor:pointer}
.site-select-option:hover,.site-select-option.is-active{background:var(--toggle-bg)}
.site-select-option[aria-selected="true"]{font-weight:650;color:var(--accent)}
.site-select-option[aria-selected="true"]::after{content:"✓";position:absolute;right:11px}
@media(max-width:540px){.history-filter .site-select{flex:1;max-width:190px}.site-select-option{min-height:44px}}

/* Keep the currency heading and prominent status aligned in one header. */
.card-top{display:grid;grid-template-columns:41px minmax(0,1fr) auto;column-gap:10px;row-gap:3px;align-items:center}
.card-top>.currency-icon{grid-column:1;grid-row:1/3;align-self:center}
.card-top>div{display:contents}
.card-top h2{grid-column:2;grid-row:1;min-width:0;line-height:1.3}
.card-top p{grid-column:2/4;grid-row:2;margin:0;line-height:1.4;opacity:.9}
.card-top .badge{grid-column:3;grid-row:1;justify-self:end;margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;font-size:13px;line-height:1.2;font-weight:750;letter-spacing:.1px;opacity:1;background:#eef4fa;color:#17354a;border:1px solid #71889b;border-radius:999px}
.card-top .badge.good{background:#155934;color:#fff;border-color:#0c4928;opacity:1}
:root[data-theme="dark"] .card-top .badge{background:#e1edf7;color:#17354a;border-color:#a5bed1}
:root[data-theme="dark"] .card-top .badge.good{background:#b9ee95;color:#12381c;border-color:#8acb6b}
@media(max-width:380px){.card-top{grid-template-columns:36px minmax(0,1fr) auto;column-gap:8px}.card-top .currency-icon{width:36px;height:36px;font-size:23px}.card-top h2{font-size:14px}.card-top .badge{font-size:12px;padding:7px 10px}}

/* A shared control size and surface throughout Settings. */
.settings-grid label:not(.setting-check){font-size:12px;font-weight:550;margin:16px 0 7px;color:var(--ink)}
.settings-grid .site-select{width:100%}
.settings-grid .site-select-trigger{height:44px;min-height:44px;background:var(--field);font-size:13px;font-weight:500;border-radius:9px}
.settings-grid .site-select-trigger>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.number-stepper{display:flex;align-items:stretch;height:44px;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--field);overflow:hidden;transition:border-color .15s}
.number-stepper:hover{border-color:var(--accent)}
.number-stepper:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)}
.settings-grid .number-stepper input[type="number"]{appearance:textfield;-moz-appearance:textfield;flex:1;width:0;min-width:0;height:42px;min-height:0;border:0;border-radius:0;outline:0;background:transparent;padding:8px;font-size:14px;line-height:1.4;text-align:center;font-variant-numeric:tabular-nums;box-shadow:none}
.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.stepper-button{display:grid;place-items:center;flex:0 0 42px;border:0;background:var(--toggle-bg);color:var(--ink);font:500 20px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.stepper-button:first-child{border-right:1px solid var(--line)}
.stepper-button:last-child{border-left:1px solid var(--line)}
.stepper-button:hover:not(:disabled){background:var(--button);color:var(--button-text)}
.stepper-button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:8px}
.stepper-button:disabled{opacity:.4;cursor:default}
.settings-grid .secondary-button,#reset-settings{min-height:44px;padding:10px 14px;font-size:12px;border-radius:9px}

/* A quiet radar mark for the dashboard; the mascot lives in Settings. */
.wordmark{gap:10px;font-size:24px;letter-spacing:-1px;line-height:1}
.brand-mark{display:block;width:40px;height:40px;flex-shrink:0;border-radius:10px}
.settings-brand{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}
.settings-brand img{display:block;object-fit:contain;flex-shrink:0}
.settings-brand strong{font-size:12px;font-weight:650;color:var(--ink)}
.settings-brand p{font-size:11px;margin:2px 0 0}
@media(max-width:540px){.wordmark{font-size:23px}.brand-mark{width:36px;height:36px;border-radius:9px}}