:root{color-scheme:light dark;font-family:Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #130a1c;--panel: linear-gradient(145deg, rgba(39, 21, 51, .65), rgba(24, 11, 33, .65));--panel-solid: #1d0f2a;--selected: linear-gradient(145deg, rgba(255, 42, 122, .15), rgba(160, 106, 255, .15));--control: rgba(255, 255, 255, .055);--control-border: rgba(255, 255, 255, .16);--border: rgba(255, 255, 255, .08);--divider: rgba(255, 255, 255, .11);--text: #f7f9fb;--muted: #aeb6be;--quiet: #76808a;--green: #39a871;--blue: #4d91ff;--purple: #a06aff;--teal: #39bec2;--orange: #ff991f;--amber: #efb93e;--red: #ef6262;--pink: #ff2a7a;--shadow: 0 18px 46px rgba(0, 0, 0, .32);background:var(--bg);color:var(--text)}@media (prefers-color-scheme: light){:root:not(.dark){--bg: #fdf5f9;--panel: linear-gradient(145deg, rgba(255, 255, 255, .75), rgba(253, 242, 250, .75));--panel-solid: #fff7fa;--selected: linear-gradient(145deg, rgba(255, 42, 122, .1), rgba(160, 106, 255, .1));--control: rgba(255, 255, 255, .9);--control-border: rgba(19, 29, 39, .13);--border: rgba(19, 29, 39, .08);--divider: rgba(19, 29, 39, .1);--text: #111820;--muted: #5c6670;--quiet: #8a949f;--shadow: 0 18px 42px rgba(29, 42, 55, .12)}}:root.light{--bg: #fdf5f9;--panel: linear-gradient(145deg, rgba(255, 255, 255, .75), rgba(253, 242, 250, .75));--panel-solid: #fff7fa;--selected: linear-gradient(145deg, rgba(255, 42, 122, .1), rgba(160, 106, 255, .1));--control: rgba(255, 255, 255, .9);--control-border: rgba(19, 29, 39, .13);--border: rgba(19, 29, 39, .08);--divider: rgba(19, 29, 39, .1);--text: #111820;--muted: #5c6670;--quiet: #8a949f;--shadow: 0 18px 42px rgba(29, 42, 55, .12)}*{box-sizing:border-box}html{min-width:320px;min-height:100svh;background:radial-gradient(circle at 0% 0%,rgba(160,106,255,.2),transparent 70vw),radial-gradient(circle at 100% 10%,rgba(255,42,122,.2),transparent 70vw),radial-gradient(circle at 50% 100%,rgba(255,153,31,.15),transparent 80vw),var(--bg)}body{min-width:320px;min-height:100svh;margin:0;color:var(--text);background:transparent}button,input,select{font-family:inherit}button{touch-action:manipulation}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}.app-shell{min-height:100svh;width:min(100%,480px);margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 12px max(22px,env(safe-area-inset-bottom))}.topbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;padding:8px 2px 18px}.topbar h1{margin:0;font-size:clamp(2rem,8vw,2.65rem);font-weight:780;line-height:1;letter-spacing:0;text-align:center}.icon-button,.swap-button{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;color:var(--text);background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.icon-button:active,.swap-button:active,.category:active,.glance-row:active{transform:scale(.98)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 10px 10px}.section-title h2{margin:0;color:var(--muted);font-size:1.32rem;font-weight:520;line-height:1.1}.rate-status{color:var(--quiet);font-size:.72rem;font-weight:700;text-transform:uppercase}.rate-status.live{color:var(--green)}.glance-list,.category-rail,.converter-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glance-list{overflow:hidden;border-radius:22px}.glance-row{display:grid;grid-template-columns:46px 1fr auto 26px;align-items:center;min-height:74px;width:100%;padding:0 14px;border:0;border-bottom:1px solid var(--divider);color:var(--text);background:transparent;font:inherit;text-align:left;cursor:pointer}.glance-row:last-child{border-bottom:0}.glance-left{min-width:0;font-size:clamp(1.35rem,5.4vw,1.8rem);font-weight:520}.glance-value{color:var(--text);font-size:clamp(1.35rem,5.4vw,1.85rem);font-weight:560;white-space:nowrap}.chevron{color:var(--quiet);justify-self:end}.round-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--accent-color);box-shadow:inset 0 1px #ffffff3d,0 2px 6px #00000026}[data-accent=green]{--accent-color: var(--green)}[data-accent=blue]{--accent-color: var(--blue)}[data-accent=purple]{--accent-color: var(--purple)}[data-accent=teal]{--accent-color: var(--teal)}[data-accent=orange]{--accent-color: var(--orange)}[data-accent=amber]{--accent-color: var(--amber)}[data-accent=red]{--accent-color: var(--red)}.category-rail{position:sticky;top:0;z-index:3;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(86px,1fr);gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;margin:10px 0 12px;padding:7px;border-radius:15px;scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.category{position:relative;display:grid;place-items:center;gap:5px;min-height:70px;min-width:84px;border:0;border-radius:10px;color:var(--muted);background:transparent;font:inherit;font-size:.82rem;font-weight:640;cursor:pointer;-webkit-tap-highlight-color:transparent}.category.active{color:var(--accent-color);background:var(--selected)}.category.active:after{position:absolute;right:12px;bottom:-7px;left:12px;height:3px;border-radius:99px;background:var(--accent-color);content:""}.converter-stack{display:grid;gap:10px}.converter-card{scroll-margin-top:98px;border-radius:14px;padding:14px}.converter-card.active{border-color:color-mix(in srgb,var(--accent-color) 36%,var(--border))}.converter-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-bottom:12px}.converter-head h2{margin:0;font-size:1.42rem;font-weight:760;line-height:1}.swap-button{justify-self:end;color:var(--accent-color)}.converter-grid{display:grid;grid-template-columns:minmax(96px,1.1fr) minmax(82px,.95fr) 24px minmax(82px,.95fr);align-items:end;gap:10px}.converter-grid label{display:grid;gap:6px}.converter-grid label span{color:var(--muted);font-size:.86rem;font-weight:640}.converter-grid input,.converter-grid select{min-width:0;height:52px;border:1px solid var(--control-border);border-radius:10px;color:var(--text);background:var(--control);font:inherit;font-size:1.22rem;font-weight:560;outline:none}.converter-grid input{padding:0 12px}.converter-grid select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 30px 0 12px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 22px,calc(100% - 10px) 22px;background-size:6px 6px;background-repeat:no-repeat}.converter-grid input:focus,.converter-grid select:focus,.app-input:focus,.app-select:focus{border-color:color-mix(in srgb,var(--accent-color) 70%,var(--control-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 18%,transparent)}.app-input,.app-select{min-width:0;height:52px;border:1px solid var(--control-border);border-radius:10px;color:var(--text);background:var(--control);font:inherit;font-size:1.1rem;font-weight:560;outline:none;width:100%}.app-input{padding:0 12px}.app-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 30px 0 12px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 25px,calc(100% - 10px) 25px;background-size:6px 6px;background-repeat:no-repeat}.grid-arrow{align-self:center;margin-bottom:14px;color:var(--quiet)}.result{grid-column:1 / -1;justify-self:end;min-height:34px;color:var(--accent-color);font-size:clamp(1.38rem,5.4vw,1.85rem);font-weight:780;line-height:1.1;text-align:right}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;align-items:end;padding:12px;background:#0000007a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.action-panel{width:min(100%,480px);max-height:min(78svh,680px);margin:0 auto;overflow:auto;border:1px solid var(--border);border-radius:24px 24px 18px 18px;background:var(--panel-solid);box-shadow:0 24px 70px #00000073}.panel-head{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:1fr 44px;align-items:center;gap:12px;padding:18px 16px 10px;background:var(--panel-solid)}.panel-head h2{margin:0;font-size:1.45rem;font-weight:780;line-height:1}.menu-grid,.settings-stack{display:grid;gap:8px;padding:8px 14px 18px}.menu-item{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;min-height:58px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--control);font:inherit;font-size:1rem;font-weight:720;text-align:left;cursor:pointer}.menu-item>svg:last-child{color:var(--quiet)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:0 4px;border-bottom:1px solid var(--divider)}.settings-row span{color:var(--muted);font-size:.94rem;font-weight:650}.settings-row strong{color:var(--text);font-size:1rem;font-weight:780;text-align:right}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin-top:4px;border:0;border-radius:14px;color:#fff;background:var(--green);font:inherit;font-size:1rem;font-weight:780;cursor:pointer}.primary-action:disabled{opacity:.62;cursor:wait}@media (max-width: 390px){.app-shell{padding-inline:9px}.glance-row{grid-template-columns:42px 1fr auto 20px;min-height:67px;padding-inline:10px}.round-icon{width:34px;height:34px}.converter-grid{grid-template-columns:1fr 1fr}.grid-arrow{display:none}.result{grid-column:1 / -1}}@media (min-width: 720px){.app-shell{width:min(100%,760px)}.converter-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.today-block,.category-rail{grid-column:1 / -1}}@media (prefers-reduced-motion: no-preference){.icon-button,.swap-button,.category,.glance-row,.converter-grid input,.converter-grid select,.primary-action,.menu-item{transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}}