:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;background:#080908;color:#f5f6f2;font-synthesis:none;-webkit-font-smoothing:antialiased;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.app{width:100%;max-width:680px;min-height:100vh;min-height:100dvh;margin:0 auto;background:#080908;display:flex;flex-direction:column}.header{background:#a6cd68;color:#1c2612;padding:calc(env(safe-area-inset-top) + 23px) 24px 20px}.header-main{display:flex;justify-content:space-between;align-items:center;gap:14px}.eyebrow,.header-sub,.bottom-note,.search-label{font-size:10px;font-weight:750;letter-spacing:.14em}.eyebrow{opacity:.66;margin-bottom:5px}h1{font-size:clamp(29px,7vw,39px);letter-spacing:-.055em;line-height:1.12;margin:0;font-weight:760}.period{color:#f7f9ee}.header-actions{display:flex;border:1px solid rgba(18,38,6,.28);border-radius:28px;background:rgba(30,65,7,.055);padding:2px;flex-shrink:0}.header-button{border:0;color:#254012;background:none;width:40px;height:42px;border-radius:22px;display:grid;place-items:center}.header-button:hover,.header-button:focus-visible{background:rgba(255,255,255,.18)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-sub{display:flex;justify-content:space-between;margin-top:23px;opacity:.59;gap:10px}.currency-list{padding:6px 24px 22px;flex:1}.currency-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #292b29;min-height:92px;position:relative}.flag{font-size:37px;line-height:1;flex-shrink:0;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#202220}.currency-label{min-width:0;flex:1}.code{font-size:22px;line-height:1.2;font-weight:690;letter-spacing:-.015em}.name{font-size:12px;color:#8e918b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.amount{width:42%;min-width:0;text-align:right;border:0;background:transparent;color:#f6f7f3;outline:none;font-size:clamp(22px,5.5vw,33px);font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.035em;border-radius:4px;padding:10px 0;appearance:none}.amount:focus{color:#b5d978}.amount:disabled{color:#666b65}.amount::placeholder{color:#5f625c}.edit-control{display:none;gap:4px;align-items:center}.editing .edit-control{display:flex}.editing .amount{display:none}.mini-button{background:#20231d;color:#eaf3df;border:0;border-radius:9px;width:32px;height:34px;font-size:20px}.mini-button:disabled{opacity:.25}.mini-button.remove{color:#f2a8a8;margin-left:2px}.editing .currency-row{min-height:75px}.editing .flag{font-size:29px;width:40px;height:40px}.editing .code{font-size:19px}.footer{border-top:1px solid #202420;margin:0 24px;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.status-wrap{display:flex;align-items:center;gap:11px;min-width:0}.status-dot{height:7px;width:7px;border-radius:50%;background:#989d93;flex-shrink:0}.status-dot.live{background:#a6cd68}.status-dot.cached{background:#e9bb74}.status-dot.error{background:#db807c}#rateStatus{font-size:12px;font-weight:600;color:#c8cdc3}.rate-detail{font-size:11px;color:#72776e;margin-top:4px}.refresh-button{border:1px solid #394038;border-radius:50%;background:#171a15;color:#a6cd68;width:38px;height:38px;flex-shrink:0;display:grid;place-items:center}.refresh-button:disabled{opacity:.3}.refresh-button svg{height:18px;width:18px}.bottom-note{color:#50564c;text-align:center;padding:6px 10px calc(env(safe-area-inset-bottom) + 19px)}.bottom-note span{padding:0 6px;color:#a6cd68}.sheet{color:#eaf0e5;border:1px solid #3e4539;border-radius:23px;background:#171a16;box-shadow:0 20px 70px #000b;width:min(calc(100% - 22px),530px);max-height:min(76dvh,740px);padding:22px 18px 14px;overflow:auto;margin:auto auto max(18px,env(safe-area-inset-bottom))}.sheet::backdrop{background:#000a;backdrop-filter:blur(5px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sheet-head h2{margin:0;font-size:23px;letter-spacing:-.035em}.close-button{color:#bdc7b3;border:0;background:#2a3126;border-radius:50%;height:32px;width:32px;font-size:23px;line-height:1}.search-label{display:block;color:#8a9981;margin:0 0 9px}.search-field{height:49px;border-radius:12px;border:1px solid #444f3c;background:#252b23;color:#f9fff4;outline:none;padding:0 14px;font-size:17px;width:100%;margin-bottom:10px}.search-field:focus{border-color:#9aca64}.sheet-results{max-height:49dvh;overflow-y:auto}.add-item{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid #30352d;color:#f2f5ee;background:none;padding:13px 4px;text-align:left}.add-item:disabled{opacity:.4}.add-item .add-left{display:flex;align-items:center;gap:12px}.add-item .add-flag{font-size:28px}.add-item .add-code{font-weight:700;font-size:16px}.add-item .add-name{font-size:12px;color:#969f90;margin-top:3px}.add-plus{color:#a6cd68;font-size:24px}.empty{padding:22px 0;color:#9fa79a;font-size:14px}.setting{border-top:1px solid #30392d;padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.setting-title{font-size:14px;font-weight:650;margin-bottom:5px}.setting-sub{font-size:12px;color:#a3ad9c;line-height:1.55}.segmented{display:flex;padding:3px;background:#282f24;border-radius:10px;flex-shrink:0}.segmented button{border:0;color:#a4aea0;background:none;border-radius:8px;padding:7px 13px}.segmented button[aria-pressed="true"]{background:#a6cd68;color:#17200f;font-weight:700}.text-link{color:#b9dc91;font-size:13px;white-space:nowrap;text-decoration:none}@media(max-width:360px){.header{padding-left:17px;padding-right:17px}.currency-list{padding-left:17px;padding-right:17px}.footer{margin-left:17px;margin-right:17px}.header-button{width:35px}.currency-row{gap:9px}.flag{font-size:30px;width:40px;height:40px}.code{font-size:19px}.name{font-size:11px}.amount{font-size:22px}}@media(min-width:700px){body{background:#111410}.app{border-inline:1px solid #30372c}}@media(prefers-reduced-motion:no-preference){.header-button,.mini-button,.refresh-button{transition:background .15s,transform .15s}.header-button:active,.mini-button:active,.refresh-button:active{transform:scale(.93)}}
.bottom-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
/* Compact layout: ten currencies fit one iPhone screen. */
.header{padding:calc(env(safe-area-inset-top) + 10px) 18px 10px}
.header-main{gap:10px}
h1{font-size:27px;line-height:1.05;letter-spacing:-.05em}
.header-count{font-size:9px;font-weight:750;letter-spacing:.14em;opacity:.6;margin-top:3px}
.header-button{width:36px;height:34px}
.header-button svg{width:19px;height:19px}
.currency-list{padding:0 18px 4px}
.currency-row{min-height:52px;gap:11px}
.flag{font-size:21px;width:32px;height:32px}
.code{font-size:16px;line-height:1.15;font-weight:680}
.name{font-size:11px;margin-top:1px}
.amount{width:50%;font-size:21px;font-weight:560;letter-spacing:-.02em;padding:6px 0}
.editing .currency-row{min-height:52px}
.editing .flag{font-size:21px;width:32px;height:32px}
.editing .code{font-size:16px}
.mini-button{width:30px;height:30px;font-size:17px}
.footer{margin:0 18px;padding:9px 0;gap:12px}
#rateStatus{font-size:11px}
.rate-detail{font-size:10px;margin-top:2px}
.refresh-button{width:32px;height:32px}
.refresh-button svg{width:17px;height:17px}
.bottom-note{font-size:9px;padding:2px 10px calc(env(safe-area-inset-bottom) + 10px)}
@media(max-width:360px){.header,.currency-list{padding-left:14px;padding-right:14px}.footer{margin-left:14px;margin-right:14px}.currency-row{gap:8px}.flag{font-size:19px;width:30px;height:30px}.code{font-size:15px}.amount{font-size:19px}}