:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263e37;background:#f5f7f4;font-synthesis:none;font-weight:400;--green:#176452;--muted:#75847e;--line:#e4eae5;--orange:#bb704d}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #82bd9f;outline-offset:3px}[hidden]{display:none!important}
.shell{max-width:1180px;margin:0 auto;padding:0 42px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;text-decoration:none;letter-spacing:-.6px}.brand b{font-weight:400;color:#79847e}.context{font-size:12px;border:1px solid #dde5de;padding:8px 12px;border-radius:7px;color:#708077;background:#fff8}.intro{display:flex;align-items:center;justify-content:space-between;padding:43px 0 32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#7a8a80;margin:0 0 15px}h1{font-size:44px;font-weight:550;letter-spacing:-2px;line-height:1.1;margin:0}h1 span{color:var(--green)}.lead{font-size:14px;line-height:1.7;color:#78867e;margin:15px 0 0}.date-card{border-left:2px solid #d5dfd6;display:flex;flex-direction:column;padding-left:23px;gap:11px;margin-right:16px}.tiny-label{font-size:10px;letter-spacing:1.3px;color:#7c8a81;font-weight:650}.date-card strong{font-size:22px;font-weight:550;letter-spacing:-.5px}.daily{font-size:11px;color:#678071;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:#58967b}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:24px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:15px}.converter{padding:27px 29px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0}.subtle{font-size:9px;letter-spacing:1.2px;color:#8d9992}.converter form{margin-top:27px}label,legend{font-size:11px;color:#6f7f75;font-weight:550;display:block;margin-bottom:9px}.amount-wrap{border:1px solid #dce4dd;border-radius:9px;display:flex;align-items:center;padding:0 16px;background:#fcfdfb}.amount-wrap:focus-within{border-color:#428c70}.amount-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:32px;font-weight:500;letter-spacing:-1px;color:#263e37;padding:15px 0;font-variant-numeric:tabular-nums}.amount-wrap>span{font-size:12px;color:#87968c;font-weight:600}.field-error{color:#ac4835;font-size:11px;min-height:14px;margin:5px 0 12px}.currency-row{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:end;gap:11px}select{width:100%;padding:13px 9px;border:1px solid #dde5df;border-radius:8px;background:#fff;color:#334d40;font-size:13px;min-width:0}.swap{border:1px solid var(--line);width:36px;height:38px;background:#f5f8f4;border-radius:50%;margin-bottom:3px;color:var(--green);font-size:22px}fieldset{border:0;padding:0;margin:24px 0}legend{padding:0}.segmented{display:flex;gap:8px}.segmented label{flex:1;margin:0;position:relative}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;border:1px solid #e1e7e1;border-radius:7px;padding:11px 8px;font-size:12px;cursor:pointer}.segmented input:checked+span{border-color:#bdd5c6;background:#edf6ef;color:var(--green)}.segmented input:focus-visible+span{outline:3px solid #82bd9f;outline-offset:3px}.result-box{background:var(--green);border-radius:11px;color:#fff;padding:23px 24px;position:relative;overflow:hidden}.result-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#b2d3c6}.result-mark{border:1px solid #568a79;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;letter-spacing:0}.result{display:flex;align-items:baseline;gap:10px;margin:17px 0 11px;flex-wrap:wrap}.result strong{font-size:clamp(24px,3.5vw,42px);font-weight:500;letter-spacing:-1.3px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.result>span{font-size:15px;color:#c0d8ce}.result-box p{font-size:11px;color:#c0d8ce;margin:0;line-height:1.6}.copy-button{color:#ebf5ec;border:0;border-top:1px solid #437f6d;background:transparent;font-size:11px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 0 0;margin-top:20px}.calculation-note{font-size:10px;color:#8b978f;line-height:1.7;margin:17px 0 0;max-width:430px}.side-column{display:grid;gap:20px}.rates-card{padding:25px 23px}.panel-subtitle{font-size:10px;color:#859187;margin:10px 0 24px}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}th{text-align:right;font-size:10px;color:#94a096;font-weight:400;padding-bottom:13px}th:first-child{text-align:left}td{text-align:right;padding:15px 0;border-top:1px solid #edf0eb;color:#557164}td:first-child{text-align:left;font-weight:650;color:#304e3c}td:last-child{color:#27593f;font-weight:600}.currency-symbol{color:#96a296;display:inline-block;width:22px;font-weight:400}.refresh-button{border:1px solid #dfe8df;border-radius:7px;padding:11px;background:#fff;color:#54775f;font-size:11px;width:100%;margin-top:15px}.refresh-button span{font-size:15px;margin-right:5px}.refresh-button:hover{background:#f4f8f2}.checked{text-align:center;font-size:9px;color:#8e9b90;margin:11px 0 0;line-height:1.5}.info-card{padding:23px 24px;background:#ebf0e8;border-radius:12px}.info-icon{border:1px solid #a8b7a2;width:18px;height:18px;border-radius:50%;font-size:11px;display:grid;place-items:center;color:#789069;margin-bottom:13px}.info-card h2{font-size:13px;color:#55674c}.info-card p{font-size:11px;line-height:1.8;color:#7a8871;margin:11px 0}.info-card a{font-size:10px;color:#5f7853;text-decoration:none;border-bottom:1px solid #bbc7b2;padding-bottom:3px;display:inline-block;margin-top:5px}footer{display:flex;justify-content:space-between;gap:15px;padding:28px 0 22px;margin-top:12px;color:#8f9b91;font-size:9px;line-height:1.6}.footer-dot{padding:0 7px}.notice{background:#fff2db;color:#856030;border:1px solid #efdcb9;padding:12px 16px;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:18px}.deal-panel{border:1px solid #cfe0d2;background:#edf5ee;padding:16px 20px;display:flex;gap:16px;justify-content:space-between;align-items:center;border-radius:10px;margin-bottom:18px}.deal-panel>div{display:grid;gap:6px}.deal-panel strong{font-size:15px;overflow-wrap:anywhere}.deal-panel span:last-child{font-size:11px;color:#6f8273}.text-button{font-size:11px;background:transparent;color:var(--green);border:0;white-space:nowrap}.install-shell{max-width:620px;margin:60px auto;padding:25px}.install-card{padding:32px;margin-top:24px}.install-card h1{font-size:28px;letter-spacing:-1px}.install-card p,.install-card li{font-size:14px;line-height:1.8;color:#6f8074}.primary-button{background:var(--green);border:0;color:#fff;padding:13px 20px;border-radius:8px;font-size:14px}.install-status{font-size:12px!important}
.sync-panel{padding:24px;margin-bottom:24px}.sync-panel p{font-size:12px;line-height:1.7;color:#6f8074}.sync-panel select{max-width:300px}.sync-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.sync-actions button{width:auto;margin:0;font-size:12px}.sync-table-wrap{overflow:auto}.sync-panel td{padding:12px 8px}.sync-panel th{padding:8px}.sync-panel .sync-note{font-size:11px}.sync-panel #sync-status{font-weight:600;color:var(--green)}
@media(max-width:820px){.shell{padding:0 24px}.layout{grid-template-columns:minmax(0,1fr)}.side-column{grid-template-columns:1fr 1fr;align-items:start}.intro{padding-top:32px}h1{font-size:38px}.result strong{font-size:40px}.date-card{margin:0}.desktop-break{display:none}}
@media(max-width:550px){.shell{padding:0 16px}.topbar{height:73px}.context{font-size:10px}.intro{display:block;padding:28px 0 22px}.intro h1{font-size:36px}.lead{font-size:13px}.date-card{margin-top:22px;padding-left:14px;gap:7px}.date-card strong{font-size:18px}.daily{font-size:10px}.converter{padding:23px 18px}.side-column{grid-template-columns:1fr}.currency-row{gap:7px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.swap{width:31px;height:31px;margin-bottom:6px}.currency-row select{font-size:11px;padding:13px 5px}.result-box{padding:20px}.result strong{font-size:32px}footer{flex-direction:column;gap:3px;font-size:9px}.deal-panel{align-items:start;flex-direction:column}.install-shell{margin:15px auto;padding:16px}.install-card{padding:24px}}