:root{--nexa-accent:#1386ee;--nexa-accent-2:#22b5db;--nexa-ink:#102b4e;--nexa-radius:22px;--nexa-font:'DM Sans',system-ui,sans-serif}body{font-family:var(--nexa-font)}.topbar,.bottom-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.feature,.tool-card,.device-stat,.showcase-card,.nexa-access-panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.feature:hover,.tool-card:hover,.device-stat:hover,.showcase-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #0b4d8b18;border-color:#7dbbf0}.primary,.white-btn,.secondary{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary:hover,.white-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0879e844;filter:saturate(1.08)}button:active,.primary:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #42a5ff88;outline-offset:2px}.nexa-utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px;margin:16px 0 30px}.utility-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}.utility-card h3{padding-right:42px;margin:3px 0 4px}.utility-index{position:absolute;right:18px;top:18px;font-size:11px;letter-spacing:.14em;color:#6d93bd;font-weight:800}.utility-card textarea,.utility-card input:not([type=color]){width:100%;box-sizing:border-box;border:1px solid #cbd9e8;border-radius:12px;padding:12px;background:#f7faff;color:#142d4b;font:inherit;min-width:0}.utility-card output{display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;color:#254768;font-size:13px;line-height:1.6}.utility-card output.has-result{padding:12px;border-radius:12px;background:#edf5ff;border:1px solid #d4e6f8}.utility-card output[data-result=gradient]{min-height:24px}.utility-card .inline-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.utility-card .inline-controls>*{min-width:0}.nexa-lab-section{margin-top:26px}.nexa-access-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;margin:28px 0;border:1px solid #b9d9f4;border-radius:24px;background:linear-gradient(120deg,#eaf5ff,#f9fdff 60%,#e5faff);box-shadow:0 14px 35px #1c69a312}.nexa-access-panel h2{margin:4px 0}.nexa-access-panel p{margin:6px 0;color:#68809a}.nexa-access-actions{display:flex;gap:10px;flex-wrap:wrap}.nexa-access-actions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:13px}.online-label{white-space:nowrap}.online-label b{font-variant-numeric:tabular-nums}.online-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#26c78a;box-shadow:0 0 10px #26c78a}.skeleton-shimmer{background:linear-gradient(90deg,#edf2f8 25%,#f9fbff 38%,#edf2f8 62%);background-size:400% 100%;animation:nexaShimmer 1.4s ease infinite}@keyframes nexaShimmer{0%{background-position:100% 0}100%{background-position:0 0}}@media(max-width:620px){.nexa-access-panel{align-items:stretch;flex-direction:column}.nexa-access-actions a{flex:1}.nexa-utility-grid{grid-template-columns:1fr}.utility-card{padding:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}