*{box-sizing:border-box}html{background:#080d19}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -20%,#1b2949 0,#0b1020 38%,#080d19 72%);color:#f5f7fb;min-height:100vh;min-height:100dvh;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}button,input{font:inherit}.topbar{height:calc(74px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) 20px 0;max-width:760px;margin:auto}.topbar strong{font-size:17px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#8f9ab3;font-weight:800;margin-bottom:5px}.ghost-link{color:#aeb8cc;text-decoration:none;font-size:13px}.app-shell{width:min(100% - 28px,700px);margin:8px auto 40px}.tab-panel{display:none}.tab-panel.active{display:block}.hero-card{padding:28px 22px 20px;border:1px solid #26324b;border-radius:26px;background:linear-gradient(145deg,rgba(35,49,78,.88),rgba(16,24,43,.94));box-shadow:0 24px 70px rgba(0,0,0,.26)}.hero-label{font-size:11px;letter-spacing:.16em;color:#9aa6bf;font-weight:800}.hero-value{font-size:clamp(38px,11vw,62px);font-weight:800;letter-spacing:-.05em;margin:8px 0 2px}.hero-value span{font-size:.33em;letter-spacing:.03em;color:#b6bfd0}.hero-sub{color:#aeb7c8;font-size:15px}.rate-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2d3850;margin-top:22px;padding-top:16px;font-size:12px;color:#9ca8be}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.stat-card{background:#10182a;border:1px solid #202d46;border-radius:18px;padding:17px}.stat-card span{display:block;color:#8f9bb2;font-size:11px;margin-bottom:7px}.stat-card strong{font-size:16px}.positive{color:#65d6a2}.negative{color:#ff8d98}.button{border:0;border-radius:15px;padding:15px 18px;font-weight:800;cursor:pointer}.button.primary{background:#f3f6fa;color:#0b1120}.button.secondary{background:#121c31;color:#d7deea;border:1px solid #263550}.full{width:100%}.inline-refresh{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:12px}.inline-refresh .button{padding:10px 13px;font-size:12px}.inline-refresh span{font-size:11px;color:#77849c}.section-head{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 14px}.section-head h2{margin:0;font-size:30px}.pill{font-size:11px;padding:8px 10px;border:1px solid #28344d;border-radius:999px;color:#a9b4c9}.history-list{display:grid;gap:10px}.history-item{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;background:#10182a;border:1px solid #202c44;border-radius:18px;padding:16px 42px 16px 16px}.history-item>div>span,.history-values span{display:block;color:#8793aa;font-size:11px;margin-top:4px}.history-values{text-align:right}.history-rate{grid-column:1/-1;color:#68768f;font-size:10px}.delete-btn{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#67748b;font-size:22px;cursor:pointer}.empty{padding:35px;text-align:center;color:#7e8ba3;border:1px dashed #26334b;border-radius:18px}.converter-card{background:#10182a;border:1px solid #202d46;border-radius:24px;padding:22px}.converter-card label,.form-card label,.modal-card label{font-size:12px;color:#9ca8bd;font-weight:700}.money-input{margin-top:8px;display:flex;align-items:center;background:#090f1d;border:1px solid #263550;border-radius:16px;padding:0 15px}.money-input span{font-size:22px;color:#8e9ab1}.money-input input{width:100%;border:0;outline:0;background:transparent;color:#f4f7fb;padding:17px 10px;font-size:25px;font-weight:750}.money-input.large input{font-size:34px}.convert-arrow{text-align:center;color:#6f7e98;font-size:22px;margin:14px}.conversion-result{background:#151f34;border-radius:18px;padding:18px}.conversion-result span,.conversion-result small{display:block;color:#8592a9;font-size:11px}.conversion-result strong{display:block;font-size:30px;margin:7px 0}.bottom-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),500px);display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:rgba(13,20,35,.92);border:1px solid #26324a;border-radius:19px;backdrop-filter:blur(18px);z-index:20}.nav-btn{background:transparent;border:0;color:#7f8ca4;padding:12px 5px;border-radius:14px;font-size:12px;font-weight:800}.nav-btn.active{background:#eef2f7;color:#0b1120}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.show{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,5,12,.72);backdrop-filter:blur(7px)}.modal-card{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,600px);background:#101827;border:1px solid #2a3650;border-bottom:0;border-radius:28px 28px 0 0;padding:28px 22px max(30px,env(safe-area-inset-bottom));box-shadow:0 -30px 80px rgba(0,0,0,.35)}.modal-card h2{margin:3px 0 5px;font-size:28px}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#1b263b;color:#aeb9cc;width:34px;height:34px;border-radius:50%;font-size:20px}.muted{color:#8793aa;font-size:13px}.notice{padding:13px 15px;border-radius:13px;margin-bottom:13px;font-size:13px}.notice.success{background:#102a24;border:1px solid #1d4c3d;color:#88e1b9}.notice.error{background:#30191e;border:1px solid #5a2933;color:#ffb1bb}.auth-page{padding:calc(28px + env(safe-area-inset-top,0px)) 16px calc(28px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at top,#1b2847,#090e1b 50%)}.auth-shell{width:min(100%,430px);margin:5vh auto}.auth-shell h1{text-align:center;font-size:30px;margin:14px 0 6px}.auth-shell>.eyebrow{text-align:center}.center{text-align:center}.brand-mark{width:54px;height:54px;margin:auto;border-radius:17px;background:#f2f5f9;color:#0a1020;display:grid;place-items:center;font-size:25px;font-weight:900}.form-card{display:grid;gap:15px;margin-top:24px;padding:20px;background:#10182a;border:1px solid #202d46;border-radius:22px}.form-card label{display:grid;gap:7px}.form-card input{background:#090f1d;border:1px solid #263550;border-radius:13px;padding:14px;color:#fff;outline:0}.section-label{font-size:10px;letter-spacing:.15em;color:#76849c;font-weight:800}.gap-top{margin-top:8px}.tiny{font-size:11px;color:#76839b;margin-top:16px}@media(max-width:420px){.rate-row{flex-direction:column;gap:5px}.hero-card{padding:24px 18px 18px}.stats-grid{grid-template-columns:1fr}.inline-refresh{flex-direction:column;gap:7px}}

/* iOS Home Screen safe-area support: keeps UI below the status bar/Dynamic Island and above the home indicator. */