/* Cohesive surfaces and accessible interactions, shared by existing routes. */
:root{--focus-ring:0 0 0 3px #b9f64145;--card-shadow:0 6px 24px #18240c06}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #88b728;outline-offset:4px;border-radius:6px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #88b728;outline-offset:2px}
.site-header .icon-btn:hover{background:#ffffff16;border-radius:9px}.search-trigger{display:flex;align-items:center;gap:10px;transition:background .18s}.search-trigger:hover{background:#303332!important}.search-trigger kbd{margin-left:18px;border:1px solid #ffffff30;border-radius:4px;padding:2px 5px;font:11px Geist;color:#aaa}
.account-page{--account-muted:#767d85;--account-panel:#fff;--account-control:#f3f5f6;background:#f8faf9}.account-page .wallet-content>h1,.profile-content>h1{letter-spacing:-1px}.wallet-surface{border:1px solid #e5eae6;box-shadow:var(--card-shadow);border-radius:18px}.wallet-surface .account-table thead{background:#f7f9f7}.wallet-surface .account-table th{padding-top:14px;padding-bottom:14px}.wallet-surface .account-table tbody tr:not(:has(.account-empty)):hover{background:#f7faf2}.account-search{border:1px solid #e1e7e2!important;transition:border-color .18s,box-shadow .18s}.account-search:focus{outline:0;border-color:#9ac635!important;box-shadow:var(--focus-ring)}.wallet-actions{flex-wrap:wrap;gap:12px}.wallet-actions .account-button{border-radius:10px}.account-section-heading h2{letter-spacing:-.4px}.account-empty{color:#7b838a}.account-allocation a{border-radius:12px;transition:background .18s;padding-left:12px;padding-right:12px}.account-allocation a:hover{background:#f3f7ed}.api-guide{font-size:14px;color:var(--secondary);line-height:1.75}.api-guide h3{font-size:14px;color:var(--text);margin:22px 0 8px}.api-guide ul{padding-left:20px}.api-guide .btn{margin-top:24px}
.account-tabs button,.profile-tabs a{position:relative;transition:color .18s,background .18s}.account-tabs button:hover,.profile-tabs a:hover{color:#668d1c}.wallet-surface .account-tabs button.active{color:#567b12}.wallet-surface .account-tabs button.active:after{content:'';display:block;height:3px;margin-top:8px;border-radius:3px;background:#a3d839}.ranking article{transition:border-color .2s,box-shadow .2s}.ranking article:hover{border-color:#91ba3950;box-shadow:var(--card-shadow)}.ranking article>a{border-radius:8px;transition:background .18s}.ranking article>a:hover{background:var(--input)}.table-action{border-radius:7px;padding:7px 12px;transition:background .18s}.table-action:hover{background:#b9f64130}.support{box-shadow:0 4px 20px #0002;transition:transform .18s,box-shadow .18s}.support:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0003}
@media(min-width:1024px){.wallet-layout{grid-template-columns:236px minmax(0,1fr);gap:40px;padding:36px 32px 64px}.wallet-sidebar nav{position:sticky;top:80px;background:#fff;padding:10px;border:1px solid #e5eae6;border-radius:16px;gap:3px}.wallet-sidebar nav>a,.wallet-sidebar nav>button{height:48px;font-size:14px;gap:12px;padding:0 12px}.wallet-sidebar nav>a.active,.wallet-sidebar nav>button.active{background:#eaf5d6;color:#42630a}.wallet-sidebar nav>a:hover,.wallet-sidebar nav>button:hover{background:#f3f7ee;transform:none}.wallet-history-links a{padding-left:42px;font-size:12px}}
@media(max-width:767px){.account-page .wallet-sidebar{background:#fff;border-bottom:1px solid #e5eae6}.wallet-sidebar nav{gap:8px;padding:10px 16px;scrollbar-width:none}.wallet-sidebar nav>a{padding:8px 12px;height:38px;font-size:14px;border-radius:9px}.wallet-sidebar nav>a.active{background:#eaf5d6;color:#42630a!important}.wallet-surface{padding:18px 16px!important;border-radius:14px}.wallet-content{padding-top:24px}.profile-tabs{background:#fff;scrollbar-width:none}.profile-tabs a{font-size:13px}.modal input{font-size:16px!important}.account-page .wallet-actions{gap:8px}.api-guide{font-size:13px}.support{bottom:82px}}
@media(prefers-reduced-motion:reduce){.support:hover{transform:none}}
@media(max-width:767px){.site-header .search-trigger{display:none}}