.markets-page { background:#fff; color:#221432; }
.token-contract-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#faf7ff;border:1px solid #e9defa;padding:12px;border-radius:12px;margin-bottom:16px}.token-contract-tools[hidden]{display:none}.token-contract-tools label{font-size:9px;letter-spacing:.1em;color:#796987}.token-contract-tools input{flex:1 1 270px;min-width:0;width:100%;font:11px monospace;border:0;background:transparent;color:#542879;padding:9px 0}.token-contract-tools button,.token-contract-tools a{font-size:11px;font-weight:700;border:0;border-radius:8px;padding:10px;background:#eee4ff;color:#7130c9;cursor:pointer;text-decoration:none}.token-contract-tools span{font-size:11px;color:#7130c9}
.markets-shell { max-width:1400px; margin:auto; padding:24px 32px 60px; }
.market-topline,.section-bar,.selected-market,.order-label { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.market-tabs { display:flex; gap:6px; padding:5px; background:#f3eefb; border-radius:12px; }
.market-tabs a { padding:11px 18px; font-size:11px; letter-spacing:.06em; font-weight:800; color:#75628d; border-radius:8px; text-decoration:none; }
.market-tabs a.selected { background:#fff; box-shadow:0 2px 8px #60399510; color:#742bea; }
.network-pill { border:1px solid #e7dff0; padding:9px 12px; border-radius:99px; font-size:10px; letter-spacing:.12em; font-weight:700; }
.network-pill i,.note-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#9a5deb; margin-right:8px; }
.market-intro { display:flex; justify-content:space-between; align-items:center; padding:30px 0 25px; gap:32px; }
.market-intro h1 { font-size:clamp(32px,3vw,43px); line-height:1.1; letter-spacing:-.055em; margin:9px 0 10px; font-weight:650; }
.market-intro h1 em { color:#833bea; font-style:normal; }
.market-intro p { max-width:620px; font-size:13px; color:#796987; line-height:1.8; margin:0; }
.market-emblem { width:245px; height:205px; position:relative; display:grid; place-items:center; margin-right:70px; flex-shrink:0; background:radial-gradient(ellipse,#a44fff1c,transparent 67%); }
.market-emblem img { width:88px; transform:rotate(-10deg); filter:drop-shadow(0 14px 20px #973df22a); }
.market-emblem > span { position:absolute; bottom:2px; font:10px monospace; letter-spacing:.3em; color:#9975bb; }
.orbit { position:absolute; width:230px; height:80px; border:1px solid #a66ae337; border-radius:50%; transform:rotate(-27deg); }
.orbit-two { transform:rotate(36deg); width:195px; height:135px; }
.service-note { display:flex; gap:6px; align-items:center; flex-wrap:wrap; border:1px solid #e9defa; background:#faf7ff; padding:13px 18px; border-radius:12px; font-size:12px; color:#75588e; }
.service-note a { margin-left:auto; font-weight:700; color:#7c3bd5; }
.market-browser { margin:24px 0 20px; }
.section-bar h2,.section-bar h3 { font-size:16px; margin:0; letter-spacing:-.02em; }
.section-bar small { color:#917e9e; font-size:10px; }
#market-search { display:flex; align-items:center; width:360px; max-width:100%; border:1px solid #e7dff0; border-radius:9px; background:#fff; }
#market-search input { background:transparent; border:0; outline:none; padding:10px 2px; font-size:12px; font-family:inherit; width:100%; min-width:0; color:#442b60; }
#market-search button { background:transparent; border:0; color:#8b45dd; padding:6px 12px; font-size:22px; cursor:pointer; }
.market-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; margin-top:18px; }
.market-list-empty { grid-column:1/-1; display:flex; align-items:center; gap:18px; padding:20px; border:1px dashed #ddd0ed; border-radius:14px; background:#fcfbfe; }
.market-list-empty > span { font-size:28px; color:#b796d8; }
.market-list-empty strong { font-size:13px; font-weight:600; }.market-list-empty p { font-size:11px; color:#947fa4; margin:6px 0 0; }
.market-item { cursor:pointer; text-align:left; padding:18px; border:1px solid #e5d8f6; border-radius:14px; background:#fff; color:#39204d; display:flex; flex-direction:column; gap:8px; }
.market-item:hover,.market-item.active { border-color:#a374e1; background:#faf6ff; box-shadow:0 4px 16px #64259c09; }.market-item span { font-size:11px; color:#987fa8; }
.trading-workspace { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:20px; align-items:start; }
.market-main,.market-order { border:1px solid #e7def0; border-radius:20px; background:#fff; overflow:hidden; box-shadow:0 6px 28px #38115604; }
.selected-market { justify-content:flex-start; padding:24px; }.token-monogram { border:1px solid #e0cef9; width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:#8741df; background:#f3eaff; font-weight:800; flex-shrink:0; }
.selected-market h2 { margin:0; font-size:20px; letter-spacing:-.04em; }.selected-market p { margin:5px 0 0; font-size:11px; color:#93829e; }.selected-market a { margin-left:auto; font-size:11px; color:#9154dc; }
.market-metrics { display:grid; grid-template-columns:1fr 1fr 1fr; padding:0 24px 22px; gap:10px; border-bottom:1px solid #f0e9f7; }.market-metrics > div { display:flex; flex-direction:column; gap:8px; }.market-metrics span { font-size:8px; letter-spacing:.1em; color:#987cae; font-weight:800; }.market-metrics strong { font-size:21px; font-weight:650; color:#542080; letter-spacing:-.025em; }.market-metrics small { font-size:9px; color:#a292ac; }
.market-chart { position:relative; height:345px; background:linear-gradient(#fff,#fcfaff); overflow:hidden; }.chart-caption { display:flex; justify-content:space-between; padding:20px 24px; color:#a186b4; font-size:9px; letter-spacing:.08em; }.chart-caption small { font-size:9px; letter-spacing:0; }
#market-chart { display:block; width:100%; height:272px; }.chart-empty { position:absolute; inset:40px 16px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:2; }.chart-empty[hidden]{display:none;}.empty-mark { font-size:56px; line-height:1; color:#c7a4f7; margin-bottom:14px; }.chart-empty strong { font-size:14px; font-weight:600; color:#9174a9; }.chart-empty p { color:#b09bbe; font-size:11px; margin-top:10px; }.chart-brand { position:absolute; bottom:26px; left:24px; font-size:29px; font-weight:800; color:#dccaea77; letter-spacing:-.06em; }.chart-brand span { color:#c8a4ee77; }
.history-panel { border-top:1px solid #eee5f7; padding:22px 24px; }.history-panel .section-bar { margin-bottom:18px; }.table-scroll { overflow:auto; }table { width:100%; text-align:left; border-collapse:collapse; white-space:nowrap; }th { font-size:8px; color:#aa95b9; font-weight:600; padding:10px 9px; border-bottom:1px solid #eee5f7; }td { font-size:11px; padding:14px 9px; color:#826895; border-bottom:1px solid #f4eff8; }td a { color:#8b49d3; }td.buy { color:#258777; }td.sell { color:#b2618e; }.table-empty { text-align:center; height:72px; color:#a48db4; }
.market-order { padding:20px; }.order-tabs { display:grid; grid-template-columns:1fr 1fr; border-radius:12px; background:#f5f0fb; padding:5px; gap:5px; margin-bottom:24px; }.order-tabs button { padding:11px; border:0; border-radius:8px; color:#9b80af; background:transparent; font-weight:700; cursor:pointer; }.order-tabs .active { background:#fff; color:#8240ce; box-shadow:0 2px 8px #652caa0c; }.order-label { font-size:11px; color:#79618d; }.order-label span { font-size:10px; color:#a38eaf; }.order-input { border:1px solid #e7d9f4; border-radius:12px; display:flex; gap:10px; align-items:center; padding:16px; margin-top:10px; background:#fefcff; }.order-input input { min-width:0; width:100%; border:0; outline:none; background:transparent; font-size:27px; letter-spacing:-.04em; color:#532375; }.order-input input::placeholder { color:#c6b4d5; }.order-input strong { font-size:11px; color:#8452a5; flex-shrink:0; }.order-fractions { display:flex; gap:8px; justify-content:flex-end; margin-top:9px; }.order-fractions button { border:1px solid #eee3fa; background:#fbf8fe; color:#9e7cb9; font-size:9px; padding:5px 9px; border-radius:5px; cursor:pointer; }.swap-divider { color:#b999d3; text-align:center; padding:10px 0; }.order-output { padding:14px 16px; background:#faf7fd; border-radius:12px; display:flex; flex-direction:column; gap:10px; }.order-output > span { font-size:11px; color:#9d84ad; }.order-output strong { font-size:27px; color:#663093; }.order-output small { font-size:10px; color:#a78bb9; }.order-details { margin:19px 0; display:flex; flex-direction:column; gap:12px; }.order-details > div { display:flex; justify-content:space-between; gap:10px; font-size:10px; }.order-details dt { color:#9c84af; }.order-details dd { color:#725286; margin:0; text-align:right; }.order-details select { border:1px solid #e7d9f3; border-radius:5px; background:#fff; color:#7b4b9f; font-size:10px; }.order-submit { width:100%; padding:16px 8px; background:linear-gradient(105deg,#8240eb,#a450e5); box-shadow:0 6px 14px #9450d929; border:0; border-radius:11px; color:#fff; font-weight:700; font-size:11px; letter-spacing:.06em; cursor:pointer; }.order-submit:disabled { background:#eee5f8; color:#aa8ebe; box-shadow:none; cursor:not-allowed; }.order-message { font-size:11px; color:#826593; line-height:1.6; overflow-wrap:anywhere; margin:10px 0; }.order-message.error { color:#a64971; }.order-footnote { font-size:9px; color:#a38cab; line-height:1.75; }
.rewards-card { border-top:1px solid #eee4f5; margin-top:24px; padding-top:22px; }.rewards-card .section-index { font-size:8px; }.rewards-card > div { display:flex; align-items:baseline; gap:8px; margin:16px 0; }.rewards-card strong { font-size:26px; color:#8541c8; }.rewards-card > div span { font-size:10px; color:#b08bc4; }.rewards-card p { font-size:10px; color:#9b83ab; line-height:1.8; }.rewards-card button { width:100%; padding:11px; background:#fff; border:1px solid #dbc7ee; color:#8b54b0; border-radius:8px; font-size:9px; font-weight:700; cursor:pointer; }.rewards-card button:disabled { color:#bba7c8; border-color:#eee4f5; cursor:not-allowed; }
.market-roadmap { margin-top:34px; padding:32px; border:1px solid #e9dcf7; border-radius:20px; background:linear-gradient(115deg,#fcfaff,#f3eafb); display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }.market-roadmap h2 { font-size:26px; letter-spacing:-.04em; margin:10px 0; }.market-roadmap p { color:#937ba4; font-size:12px; line-height:1.8; max-width:500px; }.asset-candidates { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }.asset-candidates > span { border:1px solid #ddcaf0; border-radius:10px; padding:13px 17px; color:#8b5ca7; background:#ffffff90; font-size:12px; font-weight:700; }.asset-candidates small { width:100%; text-align:center; font-size:10px; color:#aa8eba; margin-top:10px; }.market-risk { color:#a28bab; font-size:10px; line-height:1.9; margin:22px 8px; max-width:1030px; }
@media(max-width:1050px) { .trading-workspace { grid-template-columns:minmax(0,1fr) 310px; gap:14px; }.markets-shell { padding:20px; }.market-emblem { margin-right:10px; }.market-order { padding:16px; }.market-metrics strong { font-size:17px; } }
@media(max-width:780px) { .trading-workspace { grid-template-columns:1fr; }.market-intro { padding:30px 0; }.market-emblem { display:none; }.market-intro h1 { font-size:43px; }.markets-shell { padding:16px; }.market-roadmap { grid-template-columns:1fr; padding:24px; }.market-metrics { padding:0 16px 18px; }.market-metrics strong { font-size:17px; }.selected-market { padding:20px 16px; }.market-chart { height:300px; }.history-panel { padding:18px 12px; }.section-bar { flex-wrap:wrap; }#market-search { width:100%; max-width:none; }.market-tabs a { padding:10px; font-size:9px; }.network-pill { font-size:8px; }.chart-caption small { display:none; }.service-note a { margin-left:14px; }.market-risk { margin:20px 0; } }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #a65ced; outline-offset:3px; }

/* A compact market terminal; the creator lives on its own route. */
.markets-page { background:radial-gradient(ellipse at 85% 0%,#f8f3ff,transparent 600px),#fff; }
.markets-page .grain { display:none; }
.markets-shell { max-width:1450px; }
.markets-page .site-header { background:#fffffff2; }
.market-tabs a { text-transform:none; font-size:12px; letter-spacing:0; padding:9px 16px; }
.market-tabs a span { margin-right:6px; font-size:15px; }
.market-intro h1 > span { color:#8740ef; }
.market-intro .section-index { font-size:9px; letter-spacing:.12em; color:#9b7bbb; }
.create-market-cta { display:inline-flex; align-items:center; gap:12px; border:1px solid #d6beef; border-radius:11px; background:#fff; color:#6c2ab7; padding:13px 17px; font-size:12px; font-weight:650; white-space:nowrap; box-shadow:0 3px 12px #703baa08; }
.create-market-cta > span { font-size:18px; }.create-market-cta b { font-size:16px; margin-left:18px; font-weight:400; }.create-market-cta:hover { border-color:#9353e8; background:#faf5ff; }
.service-note { font-size:11px; padding:11px 14px; border-radius:9px; }
.market-directory-title { display:flex; align-items:center; gap:10px; }.market-directory-title > span { font-size:10px; background:#f3eefb; border:1px solid #e8dff1; padding:3px 7px; border-radius:6px; color:#8e67aa; }
.market-search-tools { display:flex; gap:8px; align-items:center; min-width:0; }#market-search > span { font-size:23px; color:#aa8dbc; padding:0 12px; }#market-search button { color:#ac8bbd; font-size:15px; }
.refresh-markets { width:35px; height:35px; border:1px solid #e7dff0; background:#fff; border-radius:8px; font-size:20px; color:#9976b1; cursor:pointer; flex-shrink:0; }.refresh-markets:disabled { opacity:.4; cursor:wait; }
.market-list { margin-top:12px; }.market-list-empty { padding:13px 18px; gap:13px; border-style:solid; border-color:#ede5f4; border-radius:10px; }.market-list-empty > span { width:33px; height:33px; display:grid; place-items:center; border-radius:9px; background:#f2eafa; font-size:24px; }.market-list-empty strong { font-size:12px; }.market-list-empty p { margin-top:4px; }
.market-item { position:relative; padding-left:58px; min-height:85px; gap:5px; }.market-item > b { position:absolute; left:14px; top:20px; display:grid; place-items:center; width:32px; height:32px; background:#f1e5ff; color:#8f49d0; border-radius:10px; font-size:12px; }.market-item strong { font-size:13px; overflow-wrap:anywhere; }.market-item span { font-size:10px; }
.market-main,.market-order { border-radius:15px; border-color:#e4d7f0; box-shadow:0 8px 35px #4e126408; }.market-order { background:linear-gradient(150deg,#fdfaff,#fff 55%); }.selected-market { background:linear-gradient(105deg,#faf6ff,#fff); border-bottom:1px solid #eee5f7; padding:19px 22px; }.selected-market h2 { font-size:18px; }.token-monogram { width:39px; height:39px; border-radius:11px; }.selected-market p { font-size:10px; }.market-metrics { padding:18px 22px; }.market-metrics strong { font-variant-numeric:tabular-nums; font-size:22px; }.market-metrics small { font-size:9px; color:#8c789a; }.market-metrics span { color:#846398; font-size:8px; letter-spacing:.06em; }
.chart-caption { align-items:center; padding:17px 22px; height:52px; }.chart-caption > div { display:flex; align-items:center; gap:8px; }.chart-caption strong { font-size:11px; color:#755287; font-weight:600; letter-spacing:0; }.chart-caption small { margin-left:9px; color:#907e9a; }.chart-indicator { width:6px; height:6px; border-radius:50%; background:#a365e6; }.chart-caption button { border:1px solid #e9dff3; background:#fff; color:#9c7fb0; border-radius:5px; font-size:17px; width:28px; height:26px; cursor:pointer; }.market-chart { height:342px; }#market-chart { height:290px; touch-action:pan-y; }.chart-empty { inset:55px 20px 30px; pointer-events:none; }.chart-empty a { pointer-events:auto; font-size:10px; color:#8c49c8; margin-top:14px; }.chart-empty a span { margin-left:8px; }.empty-mark { width:64px; height:64px; display:grid; place-items:center; border:1px solid #e8d5fa; border-radius:20px; background:linear-gradient(145deg,#fff,#f5ecff); box-shadow:0 10px 35px #7a39be0c; transform:rotate(-7deg); margin-bottom:20px; }.empty-mark img { width:31px; opacity:.65; }.chart-empty strong { color:#7f6092; font-size:14px; }.chart-empty p { color:#927ca1; font-size:11px; }.chart-brand { font-size:24px; bottom:20px; }
.chart-tooltip { position:absolute; z-index:4; top:58px; left:22px; background:#fff; border:1px solid #e2d3ef; border-radius:8px; box-shadow:0 5px 15px #41215d10; color:#784a94; font-size:10px; padding:9px 12px; pointer-events:none; white-space:pre-line; line-height:1.8; }.chart-tooltip[hidden] { display:none; }.market-chart:fullscreen { background:#fff; height:100vh; width:100vw; }.market-chart:fullscreen #market-chart { height:calc(100vh - 52px); }
.history-panel { padding:18px 22px; }.history-panel .section-bar { margin-bottom:8px; }.history-panel .section-bar h3 { font-size:12px; }.table-empty { font-size:11px; height:60px; }.order-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }.order-heading h2 { font-size:15px; margin:0; }.order-heading > span { font-size:8px; font-weight:700; letter-spacing:.05em; color:#9e7ab7; padding:5px 7px; background:#f2eafa; border-radius:5px; }.order-tabs { margin-bottom:19px; }.order-tabs .active { background:#8040d8; color:#fff; box-shadow:0 3px 10px #8443cf26; }.order-input { background:#fff; }.order-input strong { max-width:115px; overflow-wrap:anywhere; }.order-output { border:1px solid #eee2f8; background:#fbf7ff; }.fee-split-mini { display:flex; justify-content:space-between; gap:8px; color:#9775ad; margin-top:14px; font-size:8px; }.fee-split-mini i { display:inline-block; width:5px; height:5px; background:#a466df; border-radius:50%; margin-right:4px; }.order-details { gap:10px; margin:15px 0; }.order-details dt { color:#816690; }.order-footnote { color:#8c729b; }.order-submit:disabled { background:#f0e7fa; color:#9a7ab1; }.rewards-card p { color:#886b9b; }.rewards-card .section-index { color:#88689e; }.rewards-card { padding-top:18px; margin-top:20px; }.rewards-card > div { margin:12px 0; }
.market-roadmap { background:linear-gradient(120deg,#f8f2ff,#fcfaff); margin-top:24px; padding:27px; border-radius:15px; }.market-roadmap h2 { font-size:25px; }.market-roadmap .section-index { font-size:9px; }.market-roadmap p { font-size:11px; color:#806391; }.market-risk { color:#8d7899; }
@media(min-width:1100px) { .market-order { position:sticky; top:90px; } }
@media(max-width:780px) { .market-intro { padding:24px 0 21px; }.market-intro h1 { font-size:34px; }.market-intro .create-market-cta { display:none; }.market-search-tools { width:100%; }.market-search-tools form { width:100%; }.market-tabs a { padding:9px 12px; font-size:11px; }.market-topline { gap:8px; }.network-pill { padding:8px; letter-spacing:.03em; font-size:8px; }.service-note { align-items:flex-start; line-height:1.6; gap:2px; }.service-note > .note-dot { margin-top:6px; }.service-note > #market-service-text { flex:1; }.service-note a { margin-left:16px; width:100%; }.market-main { display:contents; }.selected-market { border:1px solid #e4d7f0; border-radius:14px 14px 0 0; }.market-metrics { margin-top:-14px; border:1px solid #e4d7f0; border-top:0; background:#fff; }.market-chart { margin-top:-14px; border:1px solid #e4d7f0; border-top:0; border-radius:0 0 14px 14px; height:310px; }#market-chart { height:258px; }.market-order { grid-row:4; }.history-panel { border:1px solid #e4d7f0; border-radius:14px; background:#fff; }.trading-workspace { gap:14px; }.market-metrics { padding:17px 16px; gap:6px; }.market-metrics strong { font-size:18px; }.market-metrics small { font-size:8px; }.market-metrics span { font-size:7px; }.selected-market { padding:16px; }.selected-market h2 { font-size:16px; }.selected-market a { font-size:10px; }.chart-caption { padding:15px 16px; }.market-roadmap { padding:23px; }.market-roadmap h2 { font-size:24px; }.markets-page footer { padding:25px 16px; }.order-footnote,.rewards-card p { font-size:11px; }.order-details > div,.order-label { font-size:12px; }.fee-split-mini { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .markets-page { scroll-behavior:auto; } }
.market-main > .rewards-card { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:24px; padding:20px 22px; margin:0; background:linear-gradient(115deg,#faf6ff,#fff); }
.market-browser[hidden],#native-chart[hidden],#dex-chart[hidden] { display:none; }
.detail-backline { display:flex; justify-content:space-between; padding:26px 0; color:#936da9; font-size:11px; }.detail-backline > span { font-size:9px; letter-spacing:.08em; color:#aa8aba; }
.token-detail-page .market-topline { display:none; }.token-detail-page .service-note { margin:0 0 20px; }.token-detail-page .selected-market { padding:25px; }.token-detail-page .selected-market h2 { font-size:30px; }.token-detail-page .token-monogram { width:61px; height:61px; font-size:24px; border-radius:17px; }.token-about { padding:0 25px 18px; background:#fff; }.token-about p { font-size:12px; color:#987ba9; line-height:1.8; margin:14px 0 0; max-width:650px; }.token-detail-page .market-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #eee4f7; }.token-detail-page .market-metrics strong { font-size:19px; }.token-detail-page .market-chart { height:465px; }.token-detail-page #market-chart { height:413px; }.token-detail-page .market-chart:fullscreen { height:100vh; }.token-detail-page .market-chart:fullscreen #market-chart { height:calc(100vh - 52px); }
.chart-mode-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:12px 22px; border-bottom:1px solid #eee4f7; background:#fdfaff; }.chart-mode-bar > div { display:flex; gap:5px; }.chart-mode-bar button { background:transparent; color:#a685b9; border-radius:6px; border:1px solid transparent; font-size:10px; padding:7px 9px; cursor:pointer; }.chart-mode-bar button.active { color:#8f4fbc; border-color:#e3cdf2; background:#f4eafb; }.chart-mode-bar button:disabled { color:#bca8c9; cursor:not-allowed; }.chart-mode-bar > a { font-size:9px; color:#9556bf; }.chart-mode-bar > small { font-size:8px; color:#a68bb8; }#dex-chart { width:100%; height:100%; border:0; background:#fff; }
@media(max-width:780px) { .token-detail-page .selected-market { padding:20px 16px; }.token-detail-page .selected-market h2 { font-size:23px; }.token-detail-page .token-monogram { width:50px; height:50px; font-size:20px; }.token-detail-page .selected-market a { max-width:60px; line-height:1.8; }.token-about { margin-top:-14px; padding:0 16px 16px; border:1px solid #e4d7f0; border-top:0; }.token-detail-page .market-metrics { grid-template-columns:1fr 1fr; gap:18px 10px; }.token-detail-page .market-metrics strong { font-size:20px; }.token-detail-page .market-metrics span { font-size:8px; }.chart-mode-bar { margin-top:-14px; border:1px solid #e4d7f0; border-top:0; padding:12px; }.token-detail-page .market-chart { height:395px; }.token-detail-page #market-chart { height:343px; }.token-detail-page .market-order { grid-row:6; }.detail-backline { padding:7px 0 22px; }.detail-backline > span { font-size:7px; }.chart-mode-bar > small { width:100%; padding-left:4px; } }
.market-main > .rewards-card .section-index { grid-column:1; }.market-main > .rewards-card > div { grid-column:1; margin:10px 0 0; }.market-main > .rewards-card p { grid-column:1; max-width:490px; font-size:10px; margin:8px 0 0; line-height:1.6; }.market-main > .rewards-card button { grid-column:2; grid-row:1/4; width:auto; padding:13px 17px; font-size:9px; background:#fff; }
@media(max-width:780px) { .market-main > .rewards-card { grid-column:1; padding:22px; border:1px solid #e4d7f0; border-radius:14px; column-gap:12px; }.market-main > .rewards-card p { grid-column:1/-1; margin-top:12px; font-size:11px; }.market-main > .rewards-card button { grid-row:1/3; font-size:8px; max-width:145px; line-height:1.6; padding:10px; }.market-main > .rewards-card .section-index { font-size:8px; line-height:1.6; }.market-main > .rewards-card strong { font-size:24px; } }
.settlement-picker{margin:0 0 20px;padding:15px;border:1px solid #e5d4f4;border-radius:12px;background:#fcf8ff}.settlement-picker label{display:block;font-size:11px;color:#80678f;margin-bottom:8px}.settlement-picker select{width:100%;padding:10px;border:1px solid #dabbea;border-radius:8px;background:white;color:#552573;font:inherit;font-size:12px}.settlement-picker p{font-size:11px;line-height:1.6;color:#8c759c;margin:10px 0 0}
.settlement-picker label{font-weight:750;color:#632e91;font-size:12px}.settlement-picker select{cursor:pointer;min-width:0}.settlement-picker select:disabled{cursor:wait}
.market-order .rewards-card{padding:23px 0 0;margin-top:26px}.market-order .rewards-card h2{font-size:24px;letter-spacing:-.04em;margin:10px 0}.market-order .rewards-card p{font-size:12px}.market-order .rewards-card p strong{font-size:inherit;color:#723aae}.market-order .rewards-funded{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;background:#f6efff;border:1px solid #e9d8ff;border-radius:12px;padding:15px;margin:18px 0}.rewards-funded>span,.rewards-personal>span{display:block;flex-basis:100%;font-size:11px;color:#8c739f}.rewards-funded strong{font-size:21px}.rewards-funded small,.rewards-personal>div>span{font-size:11px;color:#916caf}.market-order .rewards-personal{display:block;margin:20px 0}.rewards-personal>div{display:flex;align-items:baseline;gap:8px;margin-top:8px;flex-wrap:wrap}.market-order .rewards-card button{background:#7936db;color:white;border:0;font-size:12px;padding:15px}.market-order .rewards-card button:disabled{background:#f0e7f8;color:#a88bba}.market-order .rewards-card .rewards-disclaimer{font-size:10px;color:#a18bae}.market-order #rewards-message{overflow-wrap:anywhere}
@media(max-width:780px){.trading-workspace{grid-template-columns:minmax(0,1fr)}.trading-workspace>*,.market-main>*{min-width:0}.selected-market>div:not(.token-monogram){min-width:0;overflow-wrap:anywhere}.selected-market a{flex-shrink:0}.token-about,.market-metrics{overflow-wrap:anywhere}}
.token-detail-page .market-chart{height:570px;background:radial-gradient(ellipse at 35% 10%,#352048 0%,#20142e 55%,#160e21 100%);border-top:1px solid #b08cdd33}
.token-detail-page #market-chart{height:416px}
.market-chart .chart-caption{border-bottom:1px solid #c297ff1c;color:#ae96c5}
.market-chart .chart-caption strong{color:#e9dafa}.market-chart .chart-caption small{color:#ab92c3}
.market-chart .chart-caption button{background:#ffffff08;border-color:#b897da44;color:#e6caff}
.market-chart .chart-caption button+button{margin-left:8px}.market-chart .chart-caption #chart-trace-toggle{width:auto;padding:0 9px;font:10px ui-monospace,monospace}.market-chart .chart-caption #chart-trace-toggle[aria-pressed=true]{background:#b580ed21;border-color:#bb8bf780}
.chart-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 24px 18px;height:102px;color:#f5ebff}
.chart-summary>div>span{display:block;font:9px ui-monospace,monospace;letter-spacing:.13em;color:#bda3d3}
.chart-summary strong{display:block;font-size:32px;line-height:1.3;font-weight:650;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.chart-summary small{display:block;font-size:10px;color:#a88bbf;margin-top:5px}
.chart-switch{text-align:right;flex-shrink:0}.chart-switch button{padding:7px 12px;border:1px solid #b38ee238;background:transparent;color:#ac92c0;cursor:pointer;font:11px inherit;border-radius:6px;margin-left:3px}.chart-switch button[aria-pressed=true]{background:#b581f02e;color:#eddaff;border-color:#c298fc80}
.market-chart .chart-tooltip{top:157px;left:24px;background:#261837ed;color:#f0ddff;border-color:#b58bd859;box-shadow:0 8px 24px #10071955}
.market-chart .chart-brand{bottom:73px;color:#ceb0f31c;font-size:39px;pointer-events:none}.market-chart .chart-brand span{color:#b685ea22}
.market-chart .chart-empty{inset:163px 20px 30px}.market-chart .chart-empty strong{color:#d6b8ee}.market-chart .chart-empty p{color:#ac92c2}.market-chart .chart-empty a{color:#cca0ff}.market-chart .empty-mark{background:#b98dea14;border-color:#b58bd840}
.token-detail-page .market-chart:fullscreen{height:100vh;background:#20142e}.token-detail-page .market-chart:fullscreen #market-chart{height:calc(100vh - 154px)}
.chart-periods{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:8px;color:#bca4d0;border-bottom:1px solid #ffffff09}.chart-periods>div{display:flex;gap:4px}.chart-periods button{border:0;background:transparent;color:#a88bc2;font:10px ui-monospace,monospace;padding:5px 8px;border-radius:5px;cursor:pointer}.chart-periods button[aria-pressed=true]{background:#b77dff2e;color:#ead6ff}.chart-periods>span{font-size:9px;text-align:right}.token-detail-page .market-chart{height:608px}.market-chart .chart-tooltip{top:196px}.token-detail-page .market-chart:fullscreen #market-chart{height:calc(100vh - 192px)}
@media(max-width:780px){.token-detail-page .market-chart{height:513px}.token-detail-page #market-chart{height:321px}.chart-summary{padding:20px 16px}.chart-switch button{padding:6px 9px}.chart-switch small{font-size:8px;max-width:110px;line-height:1.5}.chart-summary>div>small{font-size:9px}.market-chart .chart-tooltip{left:16px;font-size:9px;max-width:calc(100% - 32px)}.chart-periods{padding:0 12px}.chart-periods>span{font-size:8px;max-width:150px}.chart-periods button{padding:5px 6px}}
/* Controls may wrap on mobile; keep the canvas inside its panel. */
.token-detail-page .market-chart{height:auto;min-height:0}.token-detail-page .market-chart #dex-chart{min-height:550px}
.token-detail-page .market-chart:is(:fullscreen,.chart-expanded){position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh;margin:0;border-radius:0;overflow:auto;background:#20142e}.market-chart:is(:fullscreen,.chart-expanded) #native-chart{display:flex;flex-direction:column;height:100%;min-height:450px}.token-detail-page .market-chart:is(:fullscreen,.chart-expanded) #market-chart{flex:1;min-height:200px;height:0}.chart-view-controls{position:relative;z-index:5}.chart-view-controls label{white-space:nowrap}

/* Focused line chart: automatic scale and no technical control stack. */
.token-detail-page .market-chart{background:radial-gradient(ellipse at 30% 0%,#352146,#1b1226 75%);border-radius:12px;overflow:hidden}
.token-detail-page #market-chart{height:440px}
.market-chart .chart-caption{height:50px}
.market-chart .chart-summary{height:90px;padding-top:17px;padding-bottom:14px}
.market-chart .chart-brand{font-size:27px;bottom:55px;opacity:.45}
.chart-summary strong{font-variant-numeric:tabular-nums}
@media(max-width:780px){.token-detail-page #market-chart{height:320px}.chart-summary strong{font-size:27px}}