header .header-inner{position:relative}
/* Repeat the page's opaque gradient at viewport scale: content cannot show through. */
body>header.is-scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}
body>header{padding-bottom:14px;isolation:isolate}
body>header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--page-gradient);background-color:var(--bg);background-size:100% 100vh;background-position:left top;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1}
body>header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;opacity:0;transition:opacity .25s;pointer-events:none}
body>header.is-scrolled::after{opacity:.65}
header .search{position:relative;isolation:isolate;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s}
header .search::before{content:'';position:absolute;inset:-1px;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#c6b5ff26 45%,#aabaff33 52%,transparent 78%);transform:translateX(-110%)}
header .search:hover,header .search:focus-within{background:#ffffff1f;border-color:#d4c9ff99;box-shadow:0 0 0 3px #9c85ff14,0 5px 20px #19133c26}
header .search:hover::before,header .search:focus-within::before{animation:search-shimmer 1.1s ease-out both}
header .search>svg{transition:transform .25s,color .25s}
header .search:hover>svg,header .search:focus-within>svg{transform:rotate(-10deg) scale(1.08);color:#eee8ff}
@keyframes search-shimmer{to{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){header .search::before{animation:none!important}header .search>svg{transform:none!important}}
:is(header .header-actions .primary,.flipdex-primary){position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#272044;border-color:#fff;box-shadow:0 3px 18px #16112d26}
/* A soft moving spotlight and dotted texture, inspired by Eldora's hero CTA. */
:is(header .header-actions .primary,.flipdex-primary){background:#fff;border-color:#ece6ff;animation:none}
:is(header .header-actions .primary,.flipdex-primary)::before,:is(header .header-actions .primary,.flipdex-primary)::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}
:is(header .header-actions .primary,.flipdex-primary)::before{background:linear-gradient(110deg,transparent 20%,#9470f838 45%,#5f79f532 55%,transparent 80%);transform:translateX(-110%);animation:button-light-sweep 5.5s linear infinite}
:is(header .header-actions .primary,.flipdex-primary)::after{background-image:radial-gradient(circle,#6547e460 .65px,transparent .85px);background-size:4px 4px;-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000);mask-image:linear-gradient(90deg,transparent 35%,#000);opacity:.45}
:is(header .header-actions .primary,.flipdex-primary):hover,:is(header .header-actions .primary,.flipdex-primary):focus-visible{background:#fff;border-color:#c4b5ff;box-shadow:0 3px 16px #8a3afb30}
@keyframes button-light-sweep{0%,12%{transform:translateX(-110%)}62%,100%{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){:is(header .header-actions .primary,.flipdex-primary)::before{animation:none;transform:none;opacity:.3}}
:is(header .header-actions .primary,.flipdex-primary) img{display:block;flex:none;filter:brightness(0);opacity:.8}
.search-shell{position:relative;flex:1;min-width:0;margin-right:auto}
#search-close{display:none}
header .search{margin:0;width:100%}
#search-clear{padding:0;width:20px;height:20px;flex:none;display:grid;place-items:center;font-size:20px;color:#ffffffa6}
.search input::-webkit-search-cancel-button{display:none}
/* Shared dropdown appearance: the approved header/trading menu. */
:root{--dropdown-surface:linear-gradient(135deg,#49407bef,#2c3462f5);--dropdown-border:#ffffff33;--dropdown-shadow:0 16px 48px #15103166;--dropdown-radius:16px;--dropdown-padding:8px;--dropdown-blur:28px;--dropdown-hover:#ffffff14;--dropdown-selected:#ffffff14;--dropdown-check:#d5c9ff}
.header-panel,.settings-options,.profile-options,.watchlist-options,#account-menu{padding:var(--dropdown-padding);border:1px solid var(--dropdown-border);border-radius:var(--dropdown-radius);background:var(--dropdown-surface);box-shadow:var(--dropdown-shadow);backdrop-filter:blur(var(--dropdown-blur));-webkit-backdrop-filter:blur(var(--dropdown-blur));color:#fff;font:400 14px/20px 'DM Sans',sans-serif;text-align:left;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
:root :is(.header-panel,.settings-options,.profile-options,.watchlist-options,#account-menu) :is(.menu-item,.account-menu-row,[role=option]){min-height:42px;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;font:400 14px/20px 'DM Sans',sans-serif;--control-scale:1;transform:scale(var(--control-scale));transform-origin:center;transition:transform var(--motion-normal,220ms) var(--motion-out,cubic-bezier(.22,.61,.36,1)),background-color 160ms,color 160ms}
:root :is(.header-panel,.settings-options,.profile-options,.watchlist-options,#account-menu) :is(.menu-item,.account-menu-row,[role=option]):is(:hover,:focus-visible){background:var(--dropdown-hover);border-color:transparent;color:#fff}
:root :is(.header-panel,.settings-options,.profile-options,.watchlist-options,#account-menu) :is(.menu-item,.account-menu-row,[role=option]):is([aria-selected=true],[aria-checked=true]:not([role=switch])){background:var(--dropdown-selected);color:#fff}
.header-panel .order-type-check,.portfolio-menu .menu-item>svg{color:var(--dropdown-check)}
@media(hover:hover) and (pointer:fine){:root :is(.header-panel,.settings-options,.profile-options,.watchlist-options,#account-menu) :is(.menu-item,.account-menu-row,[role=option]):not(:disabled):hover{--control-scale:1.01}}
:root :is(.header-panel,.settings-options,.profile-options,.watchlist-options,#account-menu) :is(.menu-item,.account-menu-row,[role=option]):not(:disabled):active{--control-scale:.995;transition-duration:90ms}
@media(prefers-reduced-motion:reduce){:root :is(.header-panel,.settings-options,.profile-options,.watchlist-options,#account-menu) :is(.menu-item,.account-menu-row,[role=option]){--control-scale:1!important;transition:none!important}}
.header-panel{position:absolute;z-index:40}
#search-panel{top:calc(100% + 10px);left:0;width:max(100%,480px);max-width:calc(100vw - 72px);padding:16px;max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.search-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.search-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.search-chips button{border:1px solid #ffffff33;padding:4px 10px;color:#ffffffb3;font-size:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-chips button:hover{background:#ffffff1a;color:#fff}
.search-recent>div:first-child{display:flex;justify-content:space-between;color:#ffffff80;font-size:12px;margin-bottom:8px}
.search-recent button[data-clear-recent]{color:#ffffffb3;font-size:12px}
#search-panel .search-result{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 8px;border-radius:8px;border-bottom:1px solid #ffffff0d}
.search-result:hover,.search-result[aria-selected=true]{background:#ffffff14}
.search-thumb{width:44px;height:44px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:6px}
.search-thumb img{display:block;width:44px;height:44px;object-fit:cover}
.search-thumb.eth-crop img{position:absolute;left:-26.92%;top:-20.23%;width:153.85%;height:140.47%;max-width:none}
.search-crest img{width:26px;height:32px;object-fit:contain}
.search-symbol{background:#ffffff14;color:#d5c4ff;font-size:26px}
.search-result-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.search-result-copy strong{font:600 14px/20px 'DM Sans',sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-result-copy small{font:400 12px/18px 'DM Sans',sans-serif;color:#ffffff80}.search-result-copy i{font-style:normal;padding:0 4px}
.search-probability{font-weight:600;font-size:16px;text-align:right;min-width:38px;font-variant-numeric:tabular-nums}.search-probability small{display:block;font-size:11px;font-weight:400;color:#ffffff80}
.search-empty{padding:28px 12px;display:flex;flex-direction:column;gap:8px;text-align:center}.search-empty span{font-size:12px;color:#ffffff99}

#site-menu{top:calc(100% + 10px);right:36px;width:280px;padding:var(--dropdown-padding);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.menu-label{font-size:11px;color:#ffffff80;padding:4px 10px 8px;margin:0;letter-spacing:.5px;text-transform:uppercase}
:is(#site-menu,.order-type-menu) .menu-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 10px;font-size:14px;border-radius:8px;color:#fff}
.menu-item:hover{background:#ffffff14}.menu-icon{width:20px;text-align:center;color:#d7c5ff;font-size:18px}.menu-count{margin-left:auto;color:#ffffff80;font-size:12px}
.menu-separator{height:1px;background:#ffffff1a;margin:10px 0}
.menu-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 4px}.menu-category-grid button{border:1px solid #ffffff26;padding:7px 10px;text-align:center;font-size:12px;color:#ffffffb3}.menu-category-grid button:hover{background:#ffffff14;color:white}
.menu-switch{margin-left:auto;width:30px;height:18px;border-radius:100px;background:#ffffff26;padding:3px;flex:none}.menu-switch:before{content:'';display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.menu-item[aria-checked=true] .menu-switch{background:#8a3afb}.menu-item[aria-checked=true] .menu-switch:before{transform:translateX(12px)}
.menu-help{padding:8px 10px;color:#ffffffb3;font-size:12px}.menu-help summary{cursor:pointer;color:#ffffffb3}.menu-help p{line-height:1.6;color:#ffffff80;margin:10px 0 2px}.menu-footnote{padding:8px 10px 0;font-size:10px;color:#ffffff66;margin:0}
.compact-market.highlight{outline:2px solid #c4b5ff;outline-offset:-2px}
@media(max-width:800px){#site-menu{right:20px}}
@media(max-width:560px){.search-shell{order:3;flex-basis:100%}#search-panel{width:100%;max-width:none;padding:12px;max-height:calc(100dvh - 160px)}#site-menu{right:17px;top:68px;max-width:calc(100vw - 34px)}.search-result{gap:8px}:is(header .header-actions .primary,.flipdex-primary){gap:6px;padding:9px 10px}}