:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#17181a;background:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;--muted: #6c7078;--hairline: rgba(20, 22, 26, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% -8%,rgba(255,255,255,.98),transparent 34rem),linear-gradient(145deg,#f7f7f8,#eceef2)}button{font:inherit}.app-shell{width:min(100% - 2rem,70rem);margin:0 auto;padding:clamp(2.5rem,7vw,5.5rem) 0 9rem}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.eyebrow{margin:0 0 .5rem;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.16em}h1{margin:0;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:720;line-height:.92;letter-spacing:-.055em}.status-wrap{display:flex;align-items:center;flex:0 0 auto;gap:.48rem;padding-bottom:.25rem;color:var(--muted);font-size:.76rem;font-weight:590;letter-spacing:.02em}.status-dot{width:.44rem;height:.44rem;border-radius:50%;background:#717780;box-shadow:0 0 0 .2rem #7177801f}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quote-card{min-width:0;padding:clamp(1.35rem,3vw,2rem);overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:1.65rem;background:#ffffffb3;box-shadow:0 1px 1px #14161a0a,0 16px 45px #20263012;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ticker{display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:750;letter-spacing:.07em}.quote-card h2{min-height:1.15rem;margin:0;overflow:hidden;color:var(--muted);font-size:.76rem;font-weight:540;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.currency{padding:.32rem .48rem;border-radius:.5rem;color:var(--muted);background:#1e20240d;font-size:.62rem;font-weight:700;letter-spacing:.06em}.current-price{margin:clamp(1.8rem,4vw,2.8rem) 0 1.7rem;font-size:clamp(2.25rem,5vw,4rem);font-weight:690;line-height:.98;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding-top:1rem;border-top:1px solid var(--hairline)}.metric{min-width:0}.metric+.metric{padding-left:.75rem;border-left:1px solid var(--hairline)}.metric dt{margin-bottom:.28rem;color:var(--muted);font-size:.64rem;font-weight:560;letter-spacing:.02em}.metric dd{margin:0;overflow:hidden;font-size:clamp(.7rem,1.5vw,.82rem);font-weight:650;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.notice{min-height:1.4rem;margin:1rem 0 0;padding:0 .25rem;color:var(--muted);font-size:.72rem}.notice.is-warning{color:#8a5c17}.unavailable{min-height:15rem}.unavailable p{margin-top:3rem;color:var(--muted);font-size:.84rem}.bottom-bar{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom));background:linear-gradient(to bottom,#f3f4f600,#f3f4f6c7 30%);pointer-events:none}.reload-button{display:flex;align-items:center;justify-content:center;gap:.55rem;width:min(22rem,100%);min-height:3.55rem;border:1px solid rgba(255,255,255,.72);border-radius:1.15rem;color:#fff;background:#16171aeb;box-shadow:0 12px 34px #14161a33,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);cursor:pointer;font-size:.92rem;font-weight:670;letter-spacing:-.01em;pointer-events:auto;transition:box-shadow .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent}.reload-button svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reload-button.is-pressed{transform:scale(.975)}.reload-button:focus-visible{outline:3px solid rgba(0,100,255,.4);outline-offset:3px}.reload-button:disabled{cursor:wait;opacity:.72}.reload-button.is-loading svg{animation:spin .8s linear infinite}.skeleton{border-radius:.5rem;background:#e5e7ea;animation:pulse 1.5s ease-in-out infinite}.skeleton-price{width:58%;height:3.4rem;margin:2.25rem 0 2rem}.skeleton-metrics>div{height:2.1rem;margin-right:.7rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@media(max-width:720px){.app-shell{width:min(100% - 1.25rem,40rem);padding-top:2.25rem}.page-header{align-items:flex-start;flex-direction:column;gap:1.25rem}.quote-grid{grid-template-columns:1fr}.quote-card{border-radius:1.35rem}.current-price{font-size:clamp(2.7rem,14vw,4.2rem)}}@media(prefers-color-scheme:dark){:root{color:#f4f4f5;background:#111214;--muted: #a4a7ad;--hairline: rgba(255, 255, 255, .09)}body{background:radial-gradient(circle at 12% -8%,#303238,transparent 32rem),linear-gradient(145deg,#18191c,#0e0f11)}.quote-card{border-color:#ffffff17;background:#232529ad;box-shadow:0 16px 45px #0000003d}.currency{background:#ffffff12}.bottom-bar{background:linear-gradient(to bottom,#11121400,#111214d6 30%)}.reload-button{color:#161719;background:#fafafbf0;box-shadow:0 12px 34px #00000059}.skeleton{background:#33363b}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){.quote-card,.reload-button{-webkit-backdrop-filter:none;backdrop-filter:none}.quote-card{background:#fff}}@media(prefers-contrast:more){.quote-card{border:2px solid currentColor;background:Canvas}.reload-button{border:2px solid currentColor}}