@layer screens{.shortcut-grid{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 40%, var(--bg)));border:1px solid color-mix(in srgb, var(--text) 7%, var(--line));border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 2px;margin-top:14px;padding:12px 4px 8px;display:grid}.shortcut-grid a{min-height:64px;color:var(--secondary);font-size:var(--text-11);text-align:center;overflow-wrap:anywhere;transition:color var(--motion-micro) var(--ease-standard);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:4px 2px;font-weight:500;line-height:14px;display:flex}.shortcut-grid a:hover{color:var(--text)}.shortcut-key{width:40px;height:40px;color:var(--accent);background:linear-gradient(180deg, #ffffff17, transparent 60%), color-mix(in srgb, var(--accent) 12%, var(--surface-raised));transition:transform var(--motion-micro) var(--ease-standard);border-radius:13px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000040}[data-theme=light] .shortcut-key{box-shadow:inset 0 1px #ffffffe6,0 4px 10px -6px #13202d59}.shortcut-grid a:active .shortcut-key{transform:scale(.92)}.promo-carousel{margin-top:16px}.promo-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:18px;grid-auto-columns:100%;grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.promo-track::-webkit-scrollbar{display:none}.promo-slide{scroll-snap-align:start;isolation:isolate;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:radial-gradient(120% 120% at 100% 50%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), linear-gradient(135deg, var(--surface-raised), var(--surface) 70%);border-radius:18px;grid-template-columns:minmax(0,1fr) 112px;align-items:center;min-height:132px;padding:16px 8px 16px 16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.promo-slide[data-art=chart]{background:radial-gradient(120% 120% at 100% 50%, color-mix(in srgb, var(--gain) 18%, transparent), transparent 60%), linear-gradient(135deg, var(--surface-raised), var(--surface) 70%)}.promo-copy{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.promo-kicker{font-size:var(--text-11);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600}.promo-copy h2{font-size:var(--text-16);letter-spacing:-.01em;line-height:22px}.promo-copy p{font-size:var(--text-12);color:var(--secondary);line-height:17px}.promo-copy a{background:var(--brand-solid);min-height:32px;color:var(--brand-ink);font-size:var(--text-12);border-radius:999px;align-items:center;margin-top:6px;padding:0 14px;font-weight:650;display:inline-flex}.promo-art{filter:drop-shadow(0 12px 18px #00000080);background:50%/contain no-repeat;align-self:stretch;margin:-8px -4px -8px 0}.promo-slide[data-art=markets] .promo-art{background-image:url(/art/icons/convert.webp);background-size:92%}.promo-slide[data-art=security] .promo-art{background-image:url(/art/icons/deposit.webp);background-size:92%}.promo-slide[data-art=chart] .promo-art{filter:none;background-image:linear-gradient(var(--gain), var(--gain)), linear-gradient(var(--loss), var(--loss)), linear-gradient(var(--gain), var(--gain)), linear-gradient(var(--gain), var(--gain)), linear-gradient(var(--loss), var(--loss)), linear-gradient(var(--gain), var(--gain)), linear-gradient(var(--secondary), var(--secondary));background-position:0 72%,20% 60%,40% 48%,60% 36%,80% 30%,100% 10%,0 100%;background-size:12px 30%,12px 22%,12px 34%,12px 26%,12px 18%,12px 40%,100% 1px;border-radius:2px;margin:18px 10px 18px 6px}.promo-controls{justify-content:center;align-items:center;gap:2px;margin-top:6px;display:flex}.promo-dot{background:0 0;border:0;place-items:center;width:28px;height:24px;padding:0;display:grid}.promo-dot:before{content:"";background:var(--control-line);width:18px;height:6px;transition:transform var(--motion-control) var(--ease-standard), background var(--motion-control) var(--ease-standard);border-radius:999px;transform:scaleX(.3333)}.promo-dot[aria-current=true]:before{background:var(--accent);transform:none}.promo-dot,.promo-pause{position:relative}.promo-dot:after,.promo-pause:after{content:"";position:absolute;inset:-10px 0}.promo-pause{width:28px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.home-app .market-focus{margin-top:8px}.home-app .market-focus>:is(.market-filter,.spot-ranks,.spot-ranks-note),.home-app .market-focus>.home-coin-browser>.global-coin-search{grid-column:1/-1}.home-app .market-focus>.home-coin-browser>.global-coin-search{margin-top:10px}.home-app .market-filter{border:0;border-bottom:1px solid var(--line);scrollbar-width:none;background:0 0;border-radius:0;gap:10px;padding:0;overflow-x:auto}.home-app .market-filter::-webkit-scrollbar{display:none}.home-app .market-filter button{min-height:44px;color:var(--muted);font-size:var(--text-14);white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;padding:10px 4px;font-weight:550;position:relative}.home-app .market-filter button:after{content:"";background:var(--accent);width:18px;height:3px;transition:transform var(--motion-control) var(--ease-standard);border-radius:3px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)scaleX(0)}.home-app .market-filter button[aria-pressed=true]{color:var(--text);background:0 0;border:0}.home-app .market-filter button[aria-pressed=true]:after{transform:translate(-50%)scaleX(1)}.spot-ranks-note{font-size:var(--text-11);color:var(--muted);margin:10px 0 0;line-height:16px}.spot-ranks-note[data-source=unavailable]{color:var(--warning)}.spot-ranks-columns{font-size:var(--text-11);color:var(--muted);grid-template-columns:minmax(0,1fr) auto 84px;gap:12px;padding:10px 0 4px;display:grid}.spot-ranks-columns>span:not(:first-child){text-align:right}.spot-ranks ol{margin:0;padding:0;list-style:none}.spot-ranks li{animation:spot-rise var(--motion-nav) var(--ease-standard) both;animation-delay:calc(var(--rank) * 28ms)}.spot-ranks a{border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto 84px;align-items:center;gap:10px;min-height:60px;padding:6px 0;display:grid}.spot-ranks a:active{background:var(--surface)}.spot-logo{background:color-mix(in srgb, var(--coin) 22%, var(--surface-raised));width:30px;height:30px;color:var(--coin);font-size:var(--text-13);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--coin) 40%, transparent);border-radius:999px;place-items:center;font-weight:700;display:grid}.spot-pair{flex-direction:column;min-width:0;display:flex}.spot-pair b{font-size:var(--text-14);font-weight:650}.spot-pair span small{color:var(--muted);font-size:var(--text-12)}.spot-pair>small{font-size:var(--text-11);color:var(--muted)}.spot-price{font-size:var(--text-14);font-variant-numeric:tabular-nums;border-radius:4px;justify-self:end;padding:2px 4px;font-weight:600}.change-pill{font-variant-numeric:tabular-nums;width:84px;min-height:32px;font-size:var(--text-13);border-radius:6px;justify-content:center;justify-self:end;align-items:center;font-weight:700;display:inline-flex}.change-pill.positive{background:var(--gain);color:var(--on-gain)}.change-pill.negative{background:var(--loss);color:var(--on-loss)}.change-pill.muted{background:var(--raised);color:var(--muted)}@keyframes spot-rise{0%{opacity:0;transform:translateY(6px)}}.home-app .balance .financial-value{animation:balance-in var(--motion-scene) var(--ease-standard) both}@keyframes balance-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}}[data-motion=reduced] :is(.spot-ranks li,.home-app .balance .financial-value){animation:none}@media (prefers-reduced-motion:reduce){:is(.spot-ranks li,.home-app .balance .financial-value){animation:none}}.home-app .market-filter{padding-inline-end:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.home-app .workspace-directory{border:1px solid color-mix(in srgb, var(--text) 7%, var(--line));background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 40%, var(--bg)));border-radius:20px;margin-top:24px;padding:4px 16px 8px}.home-app .workspace-directory details:last-child{border-bottom:0}.home-app .workspace-directory details a>svg:first-child{box-sizing:content-box;background:linear-gradient(180deg, #ffffff17, transparent 60%), color-mix(in srgb, var(--accent) 12%, var(--surface-raised));border-radius:12px;padding:9px}.home-app .workspace-directory details a{transition:background-color var(--motion-micro) var(--ease-standard);border-radius:12px}.home-app .workspace-directory details a:active{background:var(--raised)}.home-app .service-card{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:radial-gradient(100% 120% at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--surface);border-radius:20px;margin-top:16px;padding:18px 16px}.home-app .service-card>svg{color:var(--accent)}.home-app .layout-trigger{border-radius:999px;margin-top:16px}}
