/* D-Wallet Local Preview 4.0 — production-oriented visual system */
:root{
  color-scheme:dark;
  --bg:#070b12;--bg-elev:#0b111c;--surface:#0e1624;--surface-2:#111c2d;--surface-3:#142136;
  --text:#f5f7fb;--text-2:#d7deea;--muted:#8e9bb0;--muted-2:#6f7d92;
  --line:#202d3d;--line-soft:rgba(151,171,199,.12);
  --blue:#2f9dff;--blue-soft:rgba(47,157,255,.10);--blue-line:rgba(47,157,255,.34);
  --violet:#806dff;--violet-soft:rgba(128,109,255,.10);--violet-line:rgba(128,109,255,.34);
  --green:#41d58d;--green-soft:rgba(65,213,141,.09);--green-line:rgba(65,213,141,.32);
  --red:#ff5d6f;--red-soft:rgba(255,93,111,.09);--red-line:rgba(255,93,111,.32);
  --amber:#f2bc62;--amber-soft:rgba(242,188,98,.09);
  --radius:14px;--radius-sm:10px;--container:1180px;
  --shadow:0 18px 55px rgba(0,0,0,.30);--shadow-sm:0 10px 30px rgba(0,0,0,.22);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#080d16 0,#070b12 55%,#060a10 100%);color:var(--text);font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 420px at 50% -140px,rgba(47,157,255,.09),transparent 72%),linear-gradient(90deg,transparent 0,rgba(255,255,255,.012) 50%,transparent 100%)}a{color:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:#fff;color:#07101c;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:800}.skip-link:focus{top:12px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #62b8ff;outline-offset:3px}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(137,158,190,.14);background:rgba(7,11,18,.86);backdrop-filter:blur(18px) saturate(125%);transition:box-shadow .2s,border-color .2s}.site-header.scrolled{box-shadow:0 10px 35px rgba(0,0,0,.28);border-color:rgba(137,158,190,.20)}.header-inner{width:min(var(--container),calc(100% - 40px));height:70px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}.brand-logo{width:34px;height:34px;border-radius:9px;object-fit:cover;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(47,157,255,.15)}.brand-copy{display:grid;line-height:1.05}.brand-copy b{font-size:16px;letter-spacing:-.02em}.brand-copy small{margin-top:5px;color:var(--muted-2);font-size:9px;letter-spacing:.10em;text-transform:uppercase}.main-nav{justify-self:center;display:flex;align-items:center;gap:2px}.nav-link{position:relative;padding:9px 12px;border-radius:8px;color:#aab5c8;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;transition:color .16s,background .16s}.nav-link:hover{color:#fff;background:rgba(255,255,255,.045)}.nav-link.active{color:#fff;background:rgba(47,157,255,.075)}.nav-link.active::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:var(--blue);border-radius:2px}.header-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#0c1420;color:#fff;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:6px}.mobile-menu span{display:block;width:17px;height:1.5px;background:#d8e2f1;transition:.2s}.mobile-menu[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.mobile-menu[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.account-control{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0b1320;color:var(--text-2);font-size:12px;font-weight:700;text-decoration:none}.account-status{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(65,213,141,.09)}
main{width:min(var(--container),calc(100% - 40px));margin:0 auto;padding:28px 0 96px}.preview-banner{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;margin:0 0 30px;padding:7px 12px;border:1px solid rgba(47,157,255,.18);border-radius:9px;background:rgba(47,157,255,.035);color:#9fb2c9;font-size:11px}.preview-banner b{color:#cbd8e8;font-weight:650}.preview-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid var(--line);border-radius:9px;background:#111b2a;color:#eef4fb;text-decoration:none;font-weight:750;font-size:13px;cursor:pointer;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.button:hover{transform:translateY(-1px);background:#162235;border-color:#31465f}.button-primary{background:#1788ed!important;border-color:#1788ed!important;color:#fff!important;box-shadow:0 8px 24px rgba(23,136,237,.16)}.button-primary:hover{background:#2898f8!important;border-color:#2898f8!important}.button-secondary,.button.ghost{background:#0d1623;color:#dce5f1}.button-discord{background:#5865f2;border-color:#5865f2;color:#fff}.button.small{min-height:34px;padding:6px 11px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.section-label,.micro-label{display:inline-flex;align-items:center;gap:8px;color:#96a6ba;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.section-label::before{content:"";width:18px;height:2px;border-radius:2px;background:#66778c}.section-label.blue::before,.micro-label.blue{color:#78c2ff}.section-label.blue::before{background:var(--blue)}.section-label.violet::before,.micro-label.violet{color:#a99eff}.section-label.violet::before{background:var(--violet)}.section-label.red::before,.micro-label.red{color:#ff91a0}.section-label.red::before{background:var(--red)}.section-label.green::before,.micro-label.green{color:#7fe1ad}.section-label.green::before{background:var(--green)}
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);align-items:center;gap:68px;min-height:560px;padding:44px 0 70px}.hero-content h1,.developer-copy h1,.page-hero h1{margin:15px 0 20px;font-size:clamp(46px,6vw,72px);line-height:1.04;letter-spacing:-.055em;font-weight:820}.hero-lead,.developer-copy>p,.page-hero>p{max-width:680px;margin:0;color:#a3afc1;font-size:17px;line-height:1.85}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#a9b6c8;font-size:12px}.trust-row>div{display:flex;align-items:center;gap:7px}.trust-row b{font-weight:650}.trust-dot{width:7px;height:7px;border-radius:50%}.trust-dot.green{background:var(--green)}.trust-dot.blue{background:var(--blue)}.trust-dot.violet{background:var(--violet)}.hero-visual{min-width:0}.hero-image-frame{position:relative;border:1px solid #223247;border-radius:16px;overflow:hidden;background:#090f1a;box-shadow:var(--shadow)}.hero-image-frame>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.90}.hero-image-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,10,18,.62));pointer-events:none}.hero-market-card{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 18px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(7,12,21,.78);backdrop-filter:blur(12px)}.hero-market-card span{color:#9eacbf;font-size:11px}.hero-market-card strong{font-size:23px;letter-spacing:-.035em}.hero-market-card small{grid-row:1/3;grid-column:2;font-size:12px;align-self:center}
.section-block{padding:52px 0}.section-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,.55fr);gap:60px;align-items:end;margin-bottom:24px}.section-heading h2,.security-main h2,.sdk-cta h2,.api-preview h2,.webhook-highlight h2{margin:10px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.045em}.section-heading>p{margin:0;color:var(--muted);font-size:14px}.panel{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(15,24,39,.96),rgba(10,17,28,.98));box-shadow:var(--shadow-sm);overflow:hidden}.panel::before{content:"";position:absolute;left:0;top:0;right:0;height:1px;background:rgba(255,255,255,.045)}.tone-blue{background:linear-gradient(155deg,rgba(22,48,73,.60),rgba(10,17,28,.98) 54%);border-color:var(--blue-line)!important}.tone-blue::after,.tone-violet::after,.tone-green::after,.tone-red::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}.tone-blue::after{background:var(--blue)}.tone-violet{background:linear-gradient(155deg,rgba(38,31,76,.52),rgba(10,17,28,.98) 54%);border-color:var(--violet-line)!important}.tone-violet::after{background:var(--violet)}.tone-green{background:linear-gradient(155deg,rgba(20,59,45,.48),rgba(10,17,28,.98) 54%);border-color:var(--green-line)!important}.tone-green::after{background:var(--green)}.tone-red{background:linear-gradient(155deg,rgba(67,28,37,.48),rgba(10,17,28,.98) 54%);border-color:var(--red-line)!important}.tone-red::after{background:var(--red)}.tone-neutral{background:linear-gradient(155deg,rgba(28,37,51,.62),rgba(10,17,28,.98) 54%)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{min-height:238px;padding:22px;text-decoration:none;transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(0,0,0,.34)}.product-index{font-family:ui-monospace,Consolas,monospace;color:#75849a;font-size:11px}.product-card h3{margin:52px 0 10px;font-size:20px;letter-spacing:-.025em}.product-card p{margin:0;color:#94a2b5;font-size:13px;line-height:1.7}.text-link-arrow{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#cbd8e8;text-decoration:none;font-size:12px;font-weight:750}.text-link-arrow::after{content:"→";transition:transform .16s}.text-link-arrow:hover::after{transform:translateX(3px)}
.bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bot-card{position:relative;display:grid;grid-template-columns:82px 1fr;gap:18px;align-items:center;min-height:156px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.bot-card img{width:82px;height:82px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}.bot-card span{color:#8493a8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.bot-card h3{margin:4px 0 6px;font-size:18px}.bot-card p{margin:0;color:#94a2b5;font-size:12.5px;line-height:1.65}
.security-section{padding-top:28px}.security-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr);gap:52px;padding:34px}.security-main p{max-width:650px;color:#9ca9ba}.security-points{display:grid;gap:1px;border:1px solid rgba(151,171,199,.13);border-radius:11px;overflow:hidden;background:rgba(0,0,0,.16)}.security-points>div{display:grid;padding:13px 15px;background:rgba(255,255,255,.018);border-top:1px solid rgba(151,171,199,.10)}.security-points>div:first-child{border-top:0}.security-points b{font-size:13px}.security-points span{color:#8e9bb0;font-size:11px;margin-top:2px}.sdk-cta{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;margin-top:58px;padding:30px 32px;border:1px solid #26374c;border-radius:var(--radius);background:#0b1320}.sdk-cta p{margin:8px 0 0;color:#94a2b5}.sdk-install{display:flex;align-items:center;gap:12px}.sdk-install>code{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#060b12;color:#cce8ff;font-size:13px}
.page-hero{padding:56px 0 34px}.page-hero.compact{max-width:790px}.page-hero h1{font-size:clamp(42px,5vw,62px)}.auth-card{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:820px;padding:26px 28px}.auth-card h2{margin:0 0 6px;font-size:21px}.auth-card p{margin:0;color:#96a4b7}.wallet-overview{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:30px 32px}.wallet-balance{display:grid}.wallet-balance>span{color:#91a0b3;font-size:12px}.wallet-balance strong{margin:4px 0;font-size:clamp(34px,4.5vw,54px);letter-spacing:-.045em}.wallet-balance small{color:#6f7e91}.wallet-status{display:flex;align-items:center;gap:10px;color:#8f9caf;font-size:12px}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;font-size:10px;font-weight:850;letter-spacing:.03em}.status-chip.success{border-color:rgba(65,213,141,.26);background:rgba(65,213,141,.08);color:#79e4ad}.status-chip.neutral{background:rgba(145,160,182,.06);color:#a8b6c8}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.asset-card{padding:22px}.asset-head{display:flex;align-items:center;gap:11px}.asset-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-weight:900}.asset-symbol.ltc{background:rgba(47,157,255,.13);color:#65b9ff}.asset-symbol.dltc{background:rgba(128,109,255,.13);color:#a69bff}.asset-head b,.asset-head span{display:block}.asset-head span{color:#78879b;font-size:10px}.asset-card>strong{display:block;margin-top:25px;font-size:22px;letter-spacing:-.02em}.asset-card>small{color:#8795a9}.grid{display:grid;gap:14px;margin-top:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-tools .panel,.transaction-panel{padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h2{margin:3px 0 0;font-size:19px;letter-spacing:-.02em}.address-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:16px 0}.address-box code,.secret-box{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#070d15;color:#cbd8e9;overflow-wrap:anywhere;font-size:11px}.address-box button{border:1px solid var(--line);border-radius:9px;background:#111c2a;color:#d7e1ef;padding:0 12px;cursor:pointer;font-size:11px}.fine-print{color:#738197!important;font-size:11px!important}.rate-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line-soft)}.rate-row:first-of-type{margin-top:14px}.rate-row span{color:#8f9daf;font-size:12px}.rate-row strong{font-size:15px}.subtle-link{color:#91a2b8;text-decoration:none;font-size:12px}.subtle-link:hover{color:#d5e0ee}.transaction-table{margin-top:12px}.transaction-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line-soft)}.tx-type{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:9px;font-weight:900}.positive-bg{background:rgba(65,213,141,.09);color:#7ce0ad}.neutral-bg{background:rgba(47,157,255,.09);color:#76bcf7}.violet-bg{background:rgba(128,109,255,.10);color:#a59aff}.transaction-row b,.transaction-row span{display:block}.transaction-row>div:nth-child(2) span{color:#748298;font-size:10px}.transaction-row>strong{font-size:12px}
.market-summary{display:grid;grid-template-columns:minmax(270px,1.3fr) repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:#0b1320;overflow:hidden}.market-primary,.market-stat{padding:22px;border-left:1px solid var(--line-soft)}.market-primary{border-left:0}.market-primary>span,.market-stat>span{display:block;color:#7f8da1;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.market-primary strong{display:block;margin:7px 0 3px;font-size:31px;letter-spacing:-.04em}.market-change{font-size:11px;font-weight:750}.market-change small{color:#7f8da1;margin-left:5px}.market-stat b{display:block;margin-top:12px;font-size:14px}.chart-panel{margin-top:14px;padding:22px}.chart-tabs{display:flex;gap:3px}.chart-tabs button{min-width:38px;height:30px;border:1px solid transparent;border-radius:7px;background:transparent;color:#758399;font-size:10px;cursor:pointer}.chart-tabs button:hover{color:#c9d4e4;background:rgba(255,255,255,.035)}.chart-tabs button.active{color:#fff;background:#172237;border-color:#2b3b51}.large-chart{position:relative;height:390px;margin-top:8px}.large-chart canvas{display:block;width:100%;height:100%}.chart-tooltip{position:absolute;z-index:5;padding:8px 10px;border:1px solid #2b3a4e;border-radius:8px;background:rgba(6,11,18,.95);font-size:10px;pointer-events:none}.chart-tooltip strong{font-size:12px}.chart-tooltip span{color:#8493a7}.chart-legend{display:flex;justify-content:space-between;gap:10px;color:#718096;font-size:10px;margin-top:8px}.legend-line{display:inline-block;width:14px;height:2px;background:var(--blue);vertical-align:middle;margin-right:7px}.orderbook-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.orderbook{padding:20px}.book-head,.book-row{display:grid;grid-template-columns:1fr 1fr 50px;gap:8px;align-items:center}.book-head{padding:8px 0;color:#66758a;font-size:9px;text-transform:uppercase;border-bottom:1px solid var(--line-soft)}.book-row{padding:8px 0;border-bottom:1px solid rgba(151,171,199,.065);font-family:ui-monospace,Consolas,monospace;font-size:10.5px}.book-row span:nth-child(2),.book-row span:nth-child(3),.book-head span:nth-child(2),.book-head span:nth-child(3){text-align:right}.book-row.ask span:first-child{color:#ff8190}.book-row.bid span:first-child{color:#6bdca1}.trade-panel{margin-top:14px;padding:22px}.trade-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-top:14px}.trade-form label{display:grid;gap:6px;color:#8d9bad;font-size:10px}.trade-form input,.trade-form select{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;background:#08101a;color:#e8eef7;padding:0 11px;outline:0}.trade-form input:focus,.trade-form select:focus{border-color:var(--blue-line)}
.developer-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:80px;align-items:center;padding:60px 0 64px}.developer-copy h1{font-size:clamp(44px,5.8vw,68px)}.developer-visual{justify-self:end;width:320px}.developer-visual img{display:block;width:100%;aspect-ratio:1;border-radius:22px;object-fit:cover;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.visual-caption{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#758397;font-size:10px}.visual-caption b{color:#b5c2d2}.developer-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.developer-feature-grid .panel{padding:22px;min-height:190px}.developer-feature-grid h3{margin:36px 0 8px;font-size:19px}.developer-feature-grid p{color:#8f9daf;font-size:12.5px}.inline-code{display:inline-flex;margin-top:34px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#060c14;color:#beddff}.api-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(440px,1fr);gap:60px;align-items:center;padding:62px 0}.api-preview-copy p{color:#93a0b3}.scope-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.scope-list span{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#0b1421;color:#8fa1b8;font-family:ui-monospace,Consolas,monospace;font-size:9px}.code-window{overflow:hidden;border:1px solid #243347;border-radius:12px;background:#070d15;box-shadow:var(--shadow-sm)}.code-window-bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-bottom:1px solid #1d2a3a;background:#0c1420}.code-window-bar span{width:7px;height:7px;border-radius:50%;background:#314257}.code-window-bar b{margin-left:6px;color:#758397;font-size:9px;font-weight:650}.code-window pre{margin:0;padding:24px;overflow:auto;color:#c9e5ff;font-size:12px;line-height:1.8}.webhook-highlight{display:grid;grid-template-columns:128px 1fr;gap:28px;align-items:center;padding:26px 28px}.webhook-highlight img{width:128px;height:128px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.webhook-highlight p{color:#94a2b5}.webhook-highlight h2{font-size:30px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:#0b1320;overflow:hidden;margin-bottom:14px}.dashboard-metrics article{padding:19px;border-left:1px solid var(--line-soft)}.dashboard-metrics article:first-child{border-left:0}.dashboard-metrics span,.dashboard-metrics small{display:block;color:#718095;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.dashboard-metrics b{display:block;margin:7px 0 2px;font-size:24px}.app-panel,.audit-panel{padding:22px}.app-list{margin-top:12px}.app-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line-soft)}.app-identity{display:flex;align-items:center;gap:12px}.app-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;font-weight:850}.app-avatar.blue{background:var(--blue-soft);color:#75bcfb}.app-avatar.violet{background:var(--violet-soft);color:#a79cff}.app-identity b,.app-identity span{display:block}.app-identity span{color:#6f7e92;font-family:ui-monospace,Consolas,monospace;font-size:9px}.app-meta{display:flex;align-items:center;gap:9px}.secret-box{margin-top:14px}.endpoint-status{display:flex;align-items:center;gap:8px;margin:16px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#07101a;overflow:hidden}.endpoint-status code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.audit-row{display:grid;grid-template-columns:58px 1fr 1fr auto;gap:16px;padding:10px 0;border-top:1px solid var(--line-soft);font-size:11px}.audit-row span:first-child{color:#6f7e92}.page-actions{margin-top:16px;text-align:right}
.docs-hero{padding-bottom:24px}.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}.docs-sidebar{position:sticky;top:94px;border-right:1px solid var(--line);padding:4px 18px 18px 0;min-width:0}.docs-sidebar-title{margin:0 0 12px;padding:0 10px;color:#6f7e92;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.docs-sidebar nav{display:grid;gap:2px}.doc-side-link{display:flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:7px;color:#8796aa;text-decoration:none;font-size:11.5px;font-weight:650;transition:.14s}.doc-side-link:hover{color:#d8e2ef;background:rgba(255,255,255,.025)}.doc-side-link.active{color:#fff;background:var(--blue-soft);box-shadow:inset 2px 0 var(--blue)}.docs-version{display:flex;align-items:center;justify-content:space-between;margin:18px 8px 0;padding-top:12px;border-top:1px solid var(--line-soft);color:#6d7c91;font-size:9px}.docs-version b{color:#9fb0c5}.docs-main{min-width:0}.doc-content{padding:28px!important;max-width:none!important;margin:0!important}.doc-content.panel{box-shadow:none}.doc-title{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line-soft)}.doc-title h2{margin:7px 0 7px;font-size:30px;line-height:1.2;letter-spacing:-.035em}.doc-title p{margin:0;color:#8e9caf;font-size:13px}.doc-content h3{margin:30px 0 10px;font-size:16px}.doc-content>p,.doc-content li{color:#8f9daf;font-size:13px}.doc-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.doc-link-card{min-height:112px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#0b1420;text-decoration:none}.doc-link-card strong{display:block;font-size:14px}.doc-link-card span{display:block;margin-top:6px;color:#8492a6;font-size:11px}.doc-link-card.blue{border-color:var(--blue-line);background:linear-gradient(145deg,var(--blue-soft),#0b1420 56%)}.doc-link-card.violet{border-color:var(--violet-line);background:linear-gradient(145deg,var(--violet-soft),#0b1420 56%)}.doc-link-card.pink{border-color:var(--red-line);background:linear-gradient(145deg,var(--red-soft),#0b1420 56%)}.doc-link-card.cyan{border-color:var(--green-line);background:linear-gradient(145deg,var(--green-soft),#0b1420 56%)}.code-card{margin:10px 0 20px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#060b12}.code-toolbar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 11px;border-bottom:1px solid var(--line);background:#0a111b;color:#718096;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.copy-code{border:1px solid var(--line);border-radius:6px;background:#0f1a29;color:#a7b8cc;padding:5px 8px;font-size:9px;cursor:pointer}.copy-code:hover{color:#fff;border-color:#31455e}.copy-code.copied{color:#7be0aa;border-color:var(--green-line)}.code-card pre{margin:0;max-height:580px;padding:18px;overflow:auto;color:#c9def4;font-size:11.5px;line-height:1.75}.doc-note,.doc-warning{margin:18px 0;padding:13px 14px;border-radius:9px;font-size:11.5px}.doc-note{border:1px solid var(--blue-line);background:var(--blue-soft);color:#b8d7f2}.doc-warning{border:1px solid rgba(242,188,98,.30);background:var(--amber-soft);color:#e5c98d}.spec-table{overflow:hidden;margin:12px 0 20px;border:1px solid var(--line);border-radius:10px}.spec-table>div{display:grid;grid-template-columns:minmax(140px,.35fr) 1fr;gap:16px;padding:11px 13px;border-top:1px solid var(--line-soft)}.spec-table>div:first-child{border-top:0}.spec-table b{font-family:ui-monospace,Consolas,monospace;font-size:10px}.spec-table span{color:#8796a9;font-size:11px}.status-flow{display:flex;flex-wrap:wrap;gap:6px}.status-flow span{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#0a131f;color:#99a8bb;font-family:ui-monospace,Consolas,monospace;font-size:9px}.doc-list{padding-left:20px}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.security-grid article{padding:14px;border:1px solid var(--line);border-radius:9px;background:#0b1420}.security-grid b{display:block;font-size:12px}.security-grid span{display:block;margin-top:5px;color:#8795a8;font-size:10.5px}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.method-grid article{padding:11px;border:1px solid var(--line);border-radius:8px;background:#0b1420}.method-grid code{display:block;color:#bddcff;font-size:10px}.method-grid span{display:block;color:#728196;font-size:9.5px}.endpoint-list{overflow:hidden;border:1px solid var(--line);border-radius:10px}.endpoint-list>div{display:grid;grid-template-columns:50px minmax(0,1fr) 150px;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line-soft)}.endpoint-list>div:first-child{border-top:0}.endpoint-list code{font-size:10px}.endpoint-list small{color:#748297;font-size:10px}.http{display:inline-flex;justify-content:center;border-radius:5px;padding:4px;font-size:8px;font-weight:900}.http.get{background:var(--blue-soft);color:#69b8f8}.http.post{background:var(--green-soft);color:#71dca5}.inline-link{color:#73bbf8;text-decoration:none;font-weight:700}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sample-card{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:9px;background:#0b1420;text-decoration:none}.sample-card:hover{border-color:#344a64;background:#0e1928}.sample-number{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#111d2d;color:#75879e;font-family:ui-monospace,monospace;font-size:9px}.sample-card strong{font-size:12px}.sample-card p{margin:2px 0 0;color:#748398;font-size:10px;line-height:1.45}.sample-arrow{color:#628aad}.sample-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-5px 0 18px}.sample-file{padding-top:16px;margin-top:16px;border-top:1px solid var(--line-soft)}.sample-file-title{display:flex;align-items:center;justify-content:space-between}.sample-file-title h3{margin:0}.sample-file-title span{color:#718095;font-size:9px}
.positive{color:#6edca1!important}.site-footer{border-top:1px solid var(--line-soft);background:#060a10}.footer-inner{width:min(var(--container),calc(100% - 40px));min-height:104px;margin:auto;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:30px;height:30px;border-radius:8px}.footer-brand b,.footer-brand span{display:block}.footer-brand b{font-size:12px}.footer-brand span,.site-footer small{color:#5f6e82;font-size:9px}.footer-links{display:flex;gap:18px}.footer-links a{color:#78879b;text-decoration:none;font-size:10px}.footer-links a:hover{color:#b9c7d8}
@media(max-width:1040px){.header-inner{grid-template-columns:auto 1fr auto;gap:18px}.main-nav{gap:0}.nav-link{padding:8px 9px;font-size:12px}.home-hero{grid-template-columns:1fr 390px;gap:40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-grid{grid-template-columns:1fr}.bot-card{grid-template-columns:72px 1fr}.bot-card img{width:72px;height:72px}.security-main{grid-template-columns:1fr;gap:28px}.developer-hero{grid-template-columns:1fr 280px;gap:50px}.developer-feature-grid{grid-template-columns:1fr 1fr}.developer-feature-grid article:last-child{grid-column:1/-1}.api-preview{grid-template-columns:1fr;gap:28px}.docs-layout{grid-template-columns:190px minmax(0,1fr)}.market-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.market-primary,.market-stat{border-top:1px solid var(--line-soft)}.market-primary,.market-stat:nth-child(2){border-top:0}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-metrics article:nth-child(3){border-left:0;border-top:1px solid var(--line-soft)}.dashboard-metrics article:nth-child(4){border-top:1px solid var(--line-soft)}}
@media(max-width:780px){.header-inner{width:calc(100% - 28px);height:66px;grid-template-columns:1fr auto}.brand-copy small{display:none}.main-nav{position:absolute;left:14px;right:14px;top:72px;display:none;padding:8px;border:1px solid #25354a;border-radius:12px;background:rgba(8,14,23,.98);box-shadow:0 20px 55px rgba(0,0,0,.45);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-link{padding:12px 13px}.nav-link.active::after{left:0;right:auto;top:10px;bottom:10px;width:2px;height:auto}.header-actions{grid-column:2}.mobile-menu{display:flex}.header-login{display:none}.account-control{max-width:130px;overflow:hidden}.account-control span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{width:calc(100% - 28px);padding-top:18px;padding-bottom:70px}.preview-banner{justify-content:flex-start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-banner b{display:none}.home-hero{grid-template-columns:1fr;gap:32px;min-height:0;padding:34px 0 48px}.hero-content h1,.developer-copy h1,.page-hero h1{font-size:clamp(39px,11vw,54px)}.hero-lead,.developer-copy>p,.page-hero>p{font-size:15px}.hero-visual{max-width:560px}.section-block{padding:40px 0}.section-heading{grid-template-columns:1fr;gap:12px}.section-heading h2,.security-main h2,.sdk-cta h2,.api-preview h2{font-size:30px}.product-grid{grid-template-columns:1fr}.product-card{min-height:180px}.product-card h3{margin-top:32px}.security-main{padding:24px}.sdk-cta{grid-template-columns:1fr;padding:24px}.sdk-install{align-items:stretch;flex-direction:column}.sdk-install .button{width:100%}.page-hero{padding:36px 0 24px}.auth-card{align-items:flex-start;flex-direction:column;padding:22px}.wallet-overview{align-items:flex-start;flex-direction:column;padding:24px}.asset-grid,.grid.two,.orderbook-layout{grid-template-columns:1fr}.transaction-row{grid-template-columns:34px minmax(0,1fr) auto}.transaction-row>.status-chip{display:none}.market-summary{grid-template-columns:1fr 1fr}.market-primary,.market-stat{padding:16px}.market-primary strong{font-size:25px}.chart-panel{padding:16px}.section-head{align-items:flex-start}.chart-tabs{overflow-x:auto;max-width:100%;padding-bottom:3px}.large-chart{height:300px}.orderbook-layout{gap:10px}.trade-form{grid-template-columns:1fr}.developer-hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.developer-visual{justify-self:start;width:min(230px,65vw)}.developer-feature-grid{grid-template-columns:1fr}.developer-feature-grid article:last-child{grid-column:auto}.api-preview{padding:40px 0}.webhook-highlight{grid-template-columns:84px 1fr;padding:20px}.webhook-highlight img{width:84px;height:84px}.webhook-highlight h2{font-size:24px}.dashboard-metrics{grid-template-columns:1fr 1fr}.app-row{align-items:flex-start;flex-direction:column}.app-meta{width:100%;justify-content:space-between}.audit-row{grid-template-columns:46px 1fr auto}.audit-row span:nth-child(3){display:none}.docs-layout{display:block}.docs-sidebar{position:static;display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.docs-sidebar::-webkit-scrollbar{display:none}.docs-sidebar-title,.docs-version{display:none}.docs-sidebar nav{display:flex;gap:4px;flex:none}.doc-side-link{flex:none;white-space:nowrap;min-height:34px;border:1px solid var(--line);background:#0a121d}.doc-side-link.active{box-shadow:none;border-color:var(--blue-line)}.doc-content{padding:20px!important}.doc-title h2{font-size:25px}.doc-card-grid,.sample-grid{grid-template-columns:1fr}.security-grid,.method-grid{grid-template-columns:1fr 1fr}.endpoint-list>div{grid-template-columns:44px minmax(0,1fr)}.endpoint-list small{grid-column:2}.footer-inner{width:calc(100% - 28px);grid-template-columns:1fr;gap:14px;padding:24px 0}.footer-links{flex-wrap:wrap;gap:10px 16px}}
@media(max-width:480px){body{font-size:14px}.header-inner{width:calc(100% - 22px)}.brand-logo{width:32px;height:32px}.brand-copy b{font-size:15px}.account-control{display:none}main{width:calc(100% - 22px)}.home-hero{padding-top:26px}.hero-content h1,.developer-copy h1,.page-hero h1{font-size:40px}.actions{display:grid}.actions .button{width:100%}.trust-row{gap:10px 14px}.hero-market-card{left:10px;right:10px;bottom:10px;padding:11px 12px}.hero-market-card strong{font-size:18px}.section-block{padding:34px 0}.bot-card{grid-template-columns:60px 1fr;padding:15px}.bot-card img{width:60px;height:60px}.bot-card p{font-size:11px}.security-main{padding:20px}.wallet-balance strong{font-size:36px}.asset-card>strong{font-size:18px}.address-box{grid-template-columns:1fr}.address-box button{min-height:38px}.transaction-row{grid-template-columns:32px 1fr}.transaction-row>strong{grid-column:2}.market-summary{grid-template-columns:1fr}.market-primary,.market-stat,.market-stat:nth-child(2){border-left:0;border-top:1px solid var(--line-soft)}.market-primary{border-top:0}.large-chart{height:260px}.book-head,.book-row{grid-template-columns:1fr 1fr 38px}.developer-visual{width:190px}.webhook-highlight{grid-template-columns:1fr}.webhook-highlight img{width:70px;height:70px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-metrics article,.dashboard-metrics article:nth-child(3){border-left:0;border-top:1px solid var(--line-soft)}.dashboard-metrics article:first-child{border-top:0}.security-grid,.method-grid{grid-template-columns:1fr}.doc-content{padding:16px!important}.spec-table>div{grid-template-columns:1fr;gap:4px}.code-card pre{font-size:10.5px;padding:14px}.sample-card{grid-template-columns:30px 1fr auto;padding:11px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ============================================================
   D-Wallet Preview V5 — interactive production polish
   ============================================================ */
.hero-image-frame{display:flex;flex-direction:column;overflow:hidden}
.hero-banner-media{position:relative;padding:18px;background:radial-gradient(circle at 50% 50%,rgba(47,157,255,.08),transparent 62%),#070c15;border-bottom:1px solid var(--line-soft)}
.hero-banner-media img,.hero-image-frame>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;opacity:1}
.hero-image-frame::after{display:none}
.hero-market-card{position:static;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:16px 18px;border:0;border-radius:0;background:linear-gradient(90deg,rgba(17,30,47,.94),rgba(9,16,27,.98));backdrop-filter:none}
.hero-market-card>div{display:grid;gap:3px}.hero-market-card span{color:#8392a7;font-size:10px}.hero-market-card strong{font-size:22px}.hero-market-card small{font-size:11px;white-space:nowrap}

.product-card,.bot-invite-card,.doc-link-card,.sample-card,.button,.app-row{transition:transform .18s cubic-bezier(.2,.75,.25,1),border-color .18s,background-color .18s,box-shadow .18s,color .18s}
.product-card:hover,.bot-invite-card:hover,.doc-link-card:hover,.sample-card:hover{transform:translateY(-3px)}
.button:not(:disabled):hover{transform:translateY(-1px)}.button:not(:disabled):active{transform:translateY(0) scale(.985)}

.bot-invite-card{width:100%;appearance:none;-webkit-appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;background-clip:padding-box}
.bot-invite-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.28)}
.bot-invite-card.tone-blue:hover{border-color:rgba(47,157,255,.55)!important}.bot-invite-card.tone-red:hover{border-color:rgba(255,91,111,.52)!important}.bot-invite-card.tone-green:hover{border-color:rgba(65,213,141,.48)!important}
.bot-card-copy{min-width:0}.bot-card-action{display:inline-flex!important;align-items:center;gap:7px;margin-top:13px;color:#c9d6e6!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important}.bot-card-action i{font-style:normal;transition:transform .18s}.bot-invite-card:hover .bot-card-action i{transform:translateX(4px)}
.bot-invite-card:focus-visible{outline:2px solid rgba(94,200,255,.82);outline-offset:3px}

.dashboard-secondary{align-items:stretch;margin-top:14px}.dashboard-secondary>.panel{min-height:200px;padding:24px 26px 22px;display:flex;flex-direction:column}.dashboard-secondary>.panel h2{margin:9px 0 8px;font-size:22px;line-height:1.2}.dashboard-secondary>.panel>p{margin:8px 0 0;line-height:1.65}.dashboard-secondary .secret-box{width:100%;margin:17px 0 0;box-sizing:border-box}.dashboard-secondary .secret-box code{display:block;min-width:0;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.dashboard-secondary .fine-print{margin-top:auto!important;padding-top:14px;line-height:1.6}.dashboard-secondary .endpoint-status{width:100%;box-sizing:border-box;margin:17px 0 13px}.dashboard-secondary .endpoint-status code{min-width:0}.app-panel{margin-top:14px}.app-panel .section-head{align-items:center;min-height:44px}.app-panel .section-head h2{margin-top:5px}.app-row:hover{background:rgba(255,255,255,.018)}.audit-panel{margin-top:14px}

.site-modal[hidden]{display:none}.site-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px}.site-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,12,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:modalFade .16s ease-out}
.site-modal-dialog{position:relative;z-index:1;width:min(100%,540px);padding:26px;border:1px solid #29384d;border-radius:18px;background:linear-gradient(180deg,rgba(17,27,43,.99),rgba(8,14,24,.995));box-shadow:0 32px 100px rgba(0,0,0,.58);animation:modalEnter .2s cubic-bezier(.2,.75,.25,1)}
.site-modal-close{position:absolute;right:15px;top:14px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#101a28;color:#aab8cb;font-size:20px;line-height:1;cursor:pointer}.site-modal-close:hover{color:#fff;border-color:#41546d;background:#152235}
.site-modal-bot{display:flex;align-items:center;gap:16px;padding-right:44px}.site-modal-bot img{width:64px;height:64px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}.site-modal-bot h2{margin:5px 0 0;font-size:23px;letter-spacing:-.025em}
.site-modal-description{margin:20px 0;color:#9eacbf;line-height:1.75;font-size:13.5px}
.external-warning{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,196,87,.24);border-radius:12px;background:rgba(255,196,87,.055)}.external-warning-icon{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,196,87,.10);color:#ffd37b;font-weight:900}.external-warning b,.external-warning span{display:block}.external-warning b{color:#f5dfad;font-size:12px}.external-warning span{margin-top:3px;color:#9c927b;font-size:11px;line-height:1.55}
.site-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.site-modal-footnote{margin:11px 0 0;color:#718095;text-align:right;font-size:10px}.external-button::after{content:"↗";margin-left:7px;font-size:.9em}.external-button.is-disabled{pointer-events:none;opacity:.45;filter:saturate(.6)}

.bot-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:center;margin:42px 0 26px;padding:38px 42px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.bot-detail-copy h1{margin:15px 0 14px;font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-.05em}.bot-detail-copy>p{max-width:670px;color:#9eacbf;line-height:1.8}.bot-detail-visual{display:grid;place-items:center}.bot-detail-visual img{width:min(100%,220px);aspect-ratio:1;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 60px rgba(0,0,0,.32)}
.bot-role-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.bot-role-list span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#9cabbf;font-size:10px}.bot-invite-panel{max-width:860px;margin:0 auto;padding:28px}.bot-invite-panel h2{margin:8px 0 8px;font-size:25px}.bot-invite-panel>div:first-child>p{color:#94a2b5;line-height:1.7}.bot-invite-panel .external-warning{margin-top:20px}

html.modal-open{overflow:hidden}

@media (hover:hover) and (pointer:fine){.brand:hover .brand-logo{transform:scale(1.035)}.brand-logo{transition:transform .18s}.nav-link:hover{background:rgba(255,255,255,.035)}}
@media(max-width:1040px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:42px}.dashboard-secondary>.panel{min-height:190px}}
@media(max-width:780px){
  .hero-image-frame{max-width:620px;margin:0 auto}.hero-banner-media{padding:12px}.hero-market-card{padding:14px}
  .dashboard-secondary{grid-template-columns:1fr!important}.dashboard-secondary>.panel{min-height:0}
  .app-panel .section-head{align-items:flex-start;flex-direction:column}.app-panel .section-head .button{width:100%}
  .app-row{align-items:flex-start;flex-direction:column}.app-meta{width:100%;justify-content:space-between}
  .audit-row{grid-template-columns:1fr auto!important;gap:5px 12px!important}.audit-row>*:nth-child(3){grid-column:1}
  .site-modal{padding:14px}.site-modal-dialog{padding:22px 18px 18px;border-radius:16px}.site-modal-actions{flex-direction:column-reverse}.site-modal-actions .button{width:100%}.site-modal-footnote{text-align:left}
  .bot-detail-hero{grid-template-columns:1fr;gap:28px;padding:28px}.bot-detail-visual{grid-row:1}.bot-detail-visual img{width:150px}
}
@media(max-width:560px){
  .bot-grid{grid-template-columns:1fr!important}.bot-card{grid-template-columns:64px minmax(0,1fr);min-height:0;padding:16px;gap:14px}.bot-card img{width:64px;height:64px;border-radius:12px}
  .hero-market-card strong{font-size:19px}.site-modal-bot img{width:54px;height:54px}.site-modal-bot h2{font-size:20px}.bot-detail-hero{padding:22px}.bot-detail-copy h1{font-size:36px}.bot-invite-panel{padding:22px}
}
@media(max-width:420px){.hero-market-card{align-items:flex-start;flex-direction:column;gap:8px}.site-modal{padding:10px}.site-modal-dialog{max-height:calc(100dvh - 20px);overflow:auto}}
@keyframes modalFade{from{opacity:0}to{opacity:1}}@keyframes modalEnter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-modal-backdrop,.site-modal-dialog{animation:none}}


/* ============================================================
   D-Wallet Preview V6 — Product-grade interaction system
   ============================================================ */
:root{
  --elev-1:0 8px 26px rgba(0,0,0,.18);
  --elev-2:0 18px 58px rgba(0,0,0,.30);
  --elev-3:0 34px 110px rgba(0,0,0,.52);
  --focus:rgba(88,184,255,.88);
}
button,input,select{font:inherit}
button{color:inherit}
::selection{background:rgba(47,157,255,.28);color:#fff}

/* Header command search */
.header-command{display:flex;align-items:center;gap:8px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#0c1420;color:#8f9eb2;cursor:pointer;font-size:10px;font-weight:700}
.header-command:hover{border-color:#33465e;background:#101b2a;color:#e4edf8}
.header-command kbd,.docs-search kbd{padding:2px 5px;border:1px solid #2b394d;border-bottom-color:#41516a;border-radius:5px;background:#111b29;color:#7f8da0;font:9px ui-monospace,monospace;box-shadow:inset 0 -1px rgba(255,255,255,.04)}

/* Serious market strip */
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:8px 0 68px;border:1px solid var(--line);border-radius:13px;background:rgba(11,19,31,.72);overflow:hidden;box-shadow:var(--elev-1)}
.service-strip>div{display:grid;gap:2px;padding:16px 18px;border-left:1px solid var(--line-soft)}
.service-strip>div:first-child{border-left:0}
.service-strip-label{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#65758a;font-weight:800}
.service-strip b{font-size:15px;color:#dce6f3}.service-strip small{font-size:9px;color:#6f8095}

/* Hero banner refinements */
.hero-market-meta{display:flex;align-items:center;gap:8px}.hero-market-meta span{font-size:9px;color:#63758a}
.hero-banner-media{padding:22px}.hero-banner-media img{border-radius:8px}

/* Architecture cards */
.architecture-card{position:relative}
.architecture-card .internal-chip{display:inline-flex;width:max-content;margin-top:11px;padding:4px 7px;border:1px solid rgba(255,255,255,.10);border-radius:6px;background:rgba(255,255,255,.035);font:800 8px ui-monospace,monospace;letter-spacing:.12em;color:#6f7f92}
.architecture-card:hover .internal-chip{color:#9aabba;border-color:rgba(255,255,255,.17)}
.architecture-role{display:block;margin-top:3px;color:#718196;font-size:10px}

/* Internal architecture modal */
.architecture-dialog{width:min(100%,580px)}
.internal-notice{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid rgba(47,157,255,.18);border-radius:11px;background:rgba(47,157,255,.05)}
.internal-notice-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid rgba(47,157,255,.24);border-radius:8px;color:#74c7ff;font:bold 12px ui-monospace,monospace}
.internal-notice b,.internal-notice span{display:block}.internal-notice b{font-size:12px;color:#d9e7f5}.internal-notice span{margin-top:3px;color:#8293a7;font-size:11px;line-height:1.55}
.architecture-responsibilities{margin-top:19px}.architecture-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.architecture-chip-list span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#0b1421;color:#9aabbe;font-size:10px}

/* Command palette */
.command-palette[hidden]{display:none}.command-palette{position:fixed;inset:0;z-index:2200;display:grid;align-items:start;justify-items:center;padding:12vh 18px 18px}
.command-backdrop{position:absolute;inset:0;background:rgba(1,5,10,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.command-dialog{position:relative;z-index:1;width:min(100%,650px);overflow:hidden;border:1px solid #29384d;border-radius:16px;background:#0b131f;box-shadow:var(--elev-3);animation:modalEnter .18s ease-out}
.command-input-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}
.command-search-icon{color:#6bbfff;font-size:20px}.command-input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#edf4fb;font-size:15px}.command-input-wrap input::placeholder{color:#586a80}
.command-results{max-height:min(430px,60vh);overflow:auto;padding:8px}
.command-item{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}
.command-item:hover,.command-item.active{background:#111e2e}.command-item-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #25354a;border-radius:9px;background:#0d1826;color:#75c8ff;font-weight:800}.command-item b{display:block;font-size:12px;color:#dce7f3}.command-item small{display:block;margin-top:2px;color:#667990;font-size:10px}.command-item kbd{color:#596b80;font:9px ui-monospace,monospace}
.command-empty{padding:30px;text-align:center;color:#63758a;font-size:12px}.command-footer{display:flex;gap:15px;padding:9px 14px;border-top:1px solid var(--line);color:#5e7188;font-size:9px}

/* Toast */
.toast-region{position:fixed;right:20px;bottom:20px;z-index:2400;display:grid;gap:8px;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;min-width:260px;max-width:380px;padding:12px 14px;border:1px solid #2a3d54;border-radius:11px;background:rgba(12,21,33,.96);box-shadow:var(--elev-2);color:#dce7f3;animation:toastIn .18s ease-out;font-size:11px}
.toast i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(65,213,141,.1);color:#64dfa2;font-style:normal}.toast.out{animation:toastOut .18s ease-in forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}

/* Dashboard workspace */
.dashboard-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.dashboard-title-row>div{max-width:720px}.dashboard-title-row h1{margin-bottom:10px}
.pro-metrics{box-shadow:var(--elev-1)}
.developer-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}
.application-rail{position:sticky;top:82px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#09121e;box-shadow:var(--elev-1)}
.rail-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);color:#64768c;font-size:9px;letter-spacing:.08em}.rail-heading b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#111d2b;color:#8ea0b5;font-size:9px}
.workspace-app{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:12px 13px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left;cursor:pointer}
.workspace-app:hover{background:#0e1a29}.workspace-app.active{background:linear-gradient(90deg,rgba(47,157,255,.10),rgba(47,157,255,.025));box-shadow:inset 2px 0 #2f9dff}.workspace-app>span:nth-child(2){min-width:0}.workspace-app b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfdbea;font-size:11px}.workspace-app small{display:block;margin-top:2px;color:#566a82;font-size:8px;font-family:ui-monospace,monospace}.workspace-app .status-dot{width:6px;height:6px;border-radius:50%;background:#41d58d;box-shadow:0 0 0 3px rgba(65,213,141,.08)}
.rail-footer{padding:9px}.rail-action{display:flex;align-items:center;gap:7px;width:100%;padding:9px;border:1px dashed #2b3c50;border-radius:9px;background:transparent;color:#77899e;cursor:pointer;font-size:10px}.rail-action:hover{border-color:#3c536d;color:#b6c5d6;background:#0c1724}
.application-workspace{padding:0;overflow:hidden;min-height:560px}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.workspace-identity{display:flex;align-items:center;gap:12px}.workspace-avatar{width:42px!important;height:42px!important}.workspace-title-line{display:flex;align-items:center;gap:9px}.workspace-title-line h2{margin:0;font-size:17px}.workspace-identity code{display:block;margin-top:3px;color:#5f7289;font-size:9px}
.workspace-tabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto}.workspace-tabs button{position:relative;flex:none;padding:13px 11px;border:0;background:transparent;color:#697d94;cursor:pointer;font-size:10px;font-weight:750}.workspace-tabs button:hover{color:#b9c8d8}.workspace-tabs button.active{color:#e5edf6}.workspace-tabs button.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:#3aa6ff}
.workspace-panel{padding:22px}.workspace-panel[hidden]{display:none}.workspace-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.workspace-summary-grid article{padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:#0a1420}.workspace-summary-grid span,.workspace-summary-grid small{display:block;color:#63768d;font-size:9px}.workspace-summary-grid b{display:block;margin:5px 0 3px;color:#d9e4f0;font-size:13px}
.workspace-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft)}.workspace-section h3,.workspace-section-head h3{margin:5px 0 0;font-size:14px}.workspace-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace-copy{max-width:700px;color:#8394a8;font-size:11px;line-height:1.7}
.text-button{padding:5px 0;border:0;background:transparent;color:#6fbfff;cursor:pointer;font-size:10px;font-weight:700}.text-button:hover{text-decoration:underline}.danger-text{color:#ff7588}
.scope-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.scope-list span{padding:6px 8px;border:1px solid #24374b;border-radius:7px;background:#0b1724;color:#8ba0b7;font:9px ui-monospace,monospace}
.resource-card{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#09131f}.resource-main,.resource-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.resource-main b{display:block;font-size:12px}.resource-main span:not(.status-chip){display:block;margin-top:3px;color:#62758c;font-size:9px}.resource-secret{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:15px 0!important}.resource-footer{color:#65788e;font-size:9px}
.icon-copy-button{flex:none;padding:5px 7px;border:1px solid #293c51;border-radius:7px;background:#0e1a28;color:#8395a9;cursor:pointer;font-size:9px}.icon-copy-button:hover{color:#d5e2ef;border-color:#3c546e;background:#122033}
.workspace-callout{margin-top:12px;padding:12px 14px;border-radius:9px;font-size:10px}.workspace-callout b,.workspace-callout span{display:block}.workspace-callout span{margin-top:3px}.workspace-callout.warning{border:1px solid rgba(255,190,74,.16);background:rgba(255,190,74,.045);color:#9b8a69}
.endpoint-status.large{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.webhook-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.webhook-health-grid div{padding:11px;border:1px solid var(--line-soft);border-radius:8px;background:#0c1723}.webhook-health-grid span{display:block;color:#61748b;font-size:8px}.webhook-health-grid b{display:block;margin-top:3px;font-size:11px}
.delivery-list{margin-top:14px;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.delivery-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid var(--line-soft)}.delivery-list>div:first-child{border-top:0}.event-dot{width:7px;height:7px;border-radius:50%}.event-dot.success{background:#41d58d}.delivery-list b{display:block;font-size:10px}.delivery-list small{display:block;color:#5e7188;font-size:8px}.delivery-list>div>span:last-child{color:#62dca0;font-size:9px}
.usage-stack{display:grid;gap:16px;margin-top:18px}.usage-item>div:first-child{display:flex;justify-content:space-between;gap:16px;color:#74879d;font-size:10px}.usage-item b{color:#bdcbd9}.progress{height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:#111d29}.progress i{display:block;height:100%;border-radius:inherit;background:#39a8ff}.progress.violet i{background:#8d72ff}.progress.green i{background:#41d58d}
.usage-chart{display:flex;align-items:end;gap:7px;height:150px;margin-top:28px;padding:14px 14px 0;border:1px solid var(--line-soft);border-radius:10px;background:linear-gradient(180deg,rgba(47,157,255,.025),transparent)}.usage-chart div{flex:1;min-width:5px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#42a8ff,#1b5f98);opacity:.8}
.audit-table{margin-top:14px;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}

/* Docs search */
.docs-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.docs-title-row>div{max-width:720px}.docs-search{display:grid;grid-template-columns:auto minmax(180px,260px) auto;gap:8px;align-items:center;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#0b1522;color:#5e7289}.docs-search:focus-within{border-color:#365876;box-shadow:0 0 0 3px rgba(47,157,255,.07)}.docs-search input{width:100%;border:0;outline:0;background:transparent;color:#dbe7f2;font-size:10px}.docs-search input::placeholder{color:#596d84}.docs-hidden{display:none!important}

/* Architecture detail page */
.architecture-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.responsibility-list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.responsibility-list li{padding:10px 11px;border:1px solid var(--line-soft);border-radius:8px;background:#0b1521;color:#8fa1b5;font-size:10px}.responsibility-list li::before{content:"✓";margin-right:8px;color:#5ec8ff}.architecture-flow{margin-top:12px}.trust-boundary-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:18px 0}.trust-boundary-flow span,.trust-boundary-flow b{padding:12px;border:1px solid var(--line);border-radius:9px;background:#0a1420;text-align:center;font-size:10px}.trust-boundary-flow i{color:#4f6379;font-style:normal}

/* Product-level focus states */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* Mobile */
@media(max-width:1040px){
  .developer-workspace{grid-template-columns:210px minmax(0,1fr)}
  .docs-title-row{align-items:flex-start;flex-direction:column}.docs-search{width:min(100%,420px)}
}
@media(max-width:820px){
  .header-command{display:none}
  .service-strip{grid-template-columns:1fr 1fr}.service-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--line-soft)}.service-strip>div:nth-child(4){border-top:1px solid var(--line-soft)}
  .dashboard-title-row{align-items:flex-start;flex-direction:column}.dashboard-title-row .button{width:100%}
  .developer-workspace{display:block}.application-rail{position:static;display:flex;align-items:stretch;overflow-x:auto;border-radius:11px;margin-bottom:10px}.rail-heading{display:none}.workspace-app{flex:0 0 240px;border-bottom:0;border-left:1px solid var(--line-soft)}.workspace-app:first-of-type{border-left:0}.rail-footer{display:flex;flex:0 0 auto}.rail-action{width:auto;white-space:nowrap}
  .workspace-summary-grid{grid-template-columns:1fr}.webhook-health-grid{grid-template-columns:1fr 1fr}.architecture-detail-grid{grid-template-columns:1fr}
  .trust-boundary-flow{grid-template-columns:1fr}.trust-boundary-flow i{transform:rotate(90deg);text-align:center}
}
@media(max-width:560px){
  .service-strip{grid-template-columns:1fr}.service-strip>div{border-left:0;border-top:1px solid var(--line-soft)}.service-strip>div:first-child{border-top:0}
  .command-palette{align-items:end;padding:0}.command-dialog{width:100%;max-height:82dvh;border-radius:18px 18px 0 0}.command-results{max-height:55dvh}.command-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .toast-region{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}.toast{min-width:0;max-width:none;width:100%;box-sizing:border-box}
  .application-workspace{border-radius:11px}.workspace-header{padding:16px}.workspace-tabs{padding:0 8px}.workspace-panel{padding:16px}.workspace-title-line{align-items:flex-start;flex-direction:column;gap:5px}.workspace-header>.button{display:none}
  .workspace-app{flex-basis:210px}.webhook-health-grid{grid-template-columns:1fr}.endpoint-status.large{grid-template-columns:auto minmax(0,1fr)}.endpoint-status.large .icon-copy-button{grid-column:2;justify-self:start}
  .docs-search{grid-template-columns:auto 1fr}.docs-search kbd{display:none}
  .hero-banner-media{padding:10px}
}
@media(prefers-reduced-motion:reduce){
  .command-dialog,.toast{animation:none!important}
}


/* ============================================================
   D-Wallet Preview V6.3 — Orderbook direct Swap UX
   ============================================================ */

.interactive-book-row{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  border:0;
  border-top:1px solid var(--line-soft);
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  position:relative;
}
.interactive-book-row:first-of-type{border-top:0}

.interactive-book-row::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}
.sell-row::before{
  background:linear-gradient(90deg,rgba(255,95,114,.075),rgba(255,95,114,.015));
}
.buy-row::before{
  background:linear-gradient(90deg,rgba(65,213,141,.075),rgba(65,213,141,.015));
}
.interactive-book-row:hover::before{opacity:1}
.interactive-book-row:hover{
  box-shadow:inset 2px 0 currentColor;
}
.sell-row:hover{color:#ff7b8b}
.buy-row:hover{color:#61dea1}

.interactive-book-row span{
  position:relative;
  z-index:1;
}
.interactive-book-row:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:-2px;
}

.orderbook-grid .panel{
  overflow:hidden;
}
.orderbook-grid .book-head{
  padding-left:0;
  padding-right:0;
}
.orderbook-grid .interactive-book-row{
  padding-left:0;
  padding-right:0;
}

.swap-dialog{
  width:min(100%,620px);
}
.swap-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-right:42px;
}
.swap-heading h2{
  margin:6px 0 6px;
  font-size:25px;
  letter-spacing:-.03em;
}
.swap-heading p{
  margin:0;
  color:#7f91a6;
  font-size:11px;
  line-height:1.6;
}
.swap-side-badge{
  flex:none;
  padding:7px 10px;
  border:1px solid rgba(65,213,141,.24);
  border-radius:8px;
  background:rgba(65,213,141,.07);
  color:#64dfa2;
  font:800 10px ui-monospace,monospace;
  letter-spacing:.08em;
}
.swap-side-badge.sell{
  border-color:rgba(255,95,114,.25);
  background:rgba(255,95,114,.07);
  color:#ff7b8b;
}

.swap-quote-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:20px;
}
.swap-quote-grid>div{
  padding:12px 13px;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:#0a1420;
}
.swap-quote-grid span,
.swap-quote-grid b{
  display:block;
}
.swap-quote-grid span{
  color:#61758d;
  font-size:8px;
  letter-spacing:.04em;
}
.swap-quote-grid b{
  margin-top:4px;
  color:#dce6f1;
  font-size:11px;
}

.swap-input-group{
  display:grid;
  gap:7px;
  margin-top:16px;
}
.swap-input-group>span{
  color:#8394a9;
  font-size:10px;
  font-weight:700;
}
.swap-input-group input{
  width:100%;
  box-sizing:border-box;
  height:42px;
  padding:0 12px;
  border:1px solid #293c51;
  border-radius:9px;
  outline:0;
  background:#09131f;
  color:#e8f0f8;
  font:12px ui-monospace,monospace;
}
.swap-input-group input:focus{
  border-color:#3d678b;
  box-shadow:0 0 0 3px rgba(47,157,255,.07);
}

.swap-breakdown{
  display:grid;
  margin-top:16px;
  border:1px solid var(--line);
  border-radius:11px;
  overflow:hidden;
}
.swap-breakdown>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:11px 13px;
  border-top:1px solid var(--line-soft);
  background:#0a1420;
}
.swap-breakdown>div:first-child{border-top:0}
.swap-breakdown span{
  color:#71839a;
  font-size:9px;
}
.swap-breakdown b{
  color:#d9e5f1;
  font:11px ui-monospace,monospace;
}
.swap-breakdown .swap-total{
  background:linear-gradient(90deg,rgba(47,157,255,.06),rgba(47,157,255,.018));
}
.swap-breakdown .swap-total b{
  color:#8fd1ff;
  font-size:12px;
}

.wallet-impact{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-top:16px;
  padding:13px;
  border:1px solid rgba(255,190,74,.20);
  border-radius:10px;
  background:rgba(255,190,74,.05);
}
.wallet-impact-icon{
  display:grid;
  place-items:center;
  flex:none;
  width:26px;
  height:26px;
  border:1px solid rgba(255,190,74,.24);
  border-radius:8px;
  color:#ffd079;
  font:bold 11px ui-monospace,monospace;
}
.wallet-impact b,
.wallet-impact span{
  display:block;
}
.wallet-impact b{
  color:#ead5a8;
  font-size:11px;
}
.wallet-impact div>span{
  margin-top:4px;
  color:#8f8268;
  font-size:10px;
  line-height:1.55;
}

.swap-preview-note{
  margin-top:12px;
  padding:11px 12px;
  border:1px solid rgba(157,124,255,.16);
  border-radius:9px;
  background:rgba(157,124,255,.04);
}
.swap-preview-note span{
  color:#9d8cff;
  font:800 8px ui-monospace,monospace;
  letter-spacing:.09em;
}
.swap-preview-note p{
  margin:4px 0 0;
  color:#716c8c;
  font-size:9px;
  line-height:1.55;
}

@media(max-width:560px){
  .swap-dialog{
    width:100%;
    max-height:calc(100dvh - 20px);
    overflow:auto;
  }
  .swap-quote-grid{
    grid-template-columns:1fr;
  }
  .swap-heading{
    padding-right:36px;
  }
  .swap-heading h2{
    font-size:21px;
  }
  .swap-breakdown>div{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
}


/* V6.4: actionable orderbook + separated trade modes */
.market-trade-section{margin-top:16px}
.market-trade-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 14px;padding:0 2px}
.market-trade-heading h2{margin:8px 0 6px;font-size:22px;letter-spacing:-.025em}
.market-trade-heading p{max-width:720px;margin:0;color:#788a9f;font-size:10.5px;line-height:1.65}
.immediate-swap-policy,.waiting-order-policy{flex:none;min-width:128px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#0a1420;text-align:right}
.immediate-swap-policy span,.immediate-swap-policy b,.waiting-order-policy span,.waiting-order-policy b{display:block}
.immediate-swap-policy span,.waiting-order-policy span{color:#64768c;font-size:8px}
.immediate-swap-policy b{margin-top:3px;color:#7bcaff;font-size:10px}
.waiting-order-policy b{margin-top:3px;color:#a996ff;font-size:10px}

.swap-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}
.swap-explainer{position:relative;padding:13px 14px;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:#09131f}
.swap-explainer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}
.swap-explainer.buy::before{background:#ff5f72}.swap-explainer.sell::before{background:#41d58d}
.swap-direction{display:block;margin-bottom:5px;color:#667a92;font:800 8px ui-monospace,monospace;letter-spacing:.08em}
.swap-explainer b{color:#dbe6f2;font-size:11px}.swap-explainer p{margin:4px 0 0;color:#72859b;font-size:9px;line-height:1.55}

.orderbook-title-row{align-items:center;min-height:52px}.orderbook-title-row p{margin:4px 0 0;color:#65788f;font-size:9px}.orderbook-title-row p b{color:#9eb0c4}
.trade-mode-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:6px 8px;border:1px solid var(--line);border-radius:7px;font:800 8px ui-monospace,monospace;letter-spacing:.07em}
.trade-mode-badge.immediate.buy{color:#ff8795;border-color:rgba(255,95,114,.22);background:rgba(255,95,114,.055)}
.trade-mode-badge.immediate.sell{color:#69dea5;border-color:rgba(65,213,141,.22);background:rgba(65,213,141,.055)}
.trade-mode-badge.waiting{color:#aa9aff;border-color:rgba(157,124,255,.23);background:rgba(157,124,255,.055)}

.book-rows{display:block}
.book-rows .interactive-book-row{display:grid!important;grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) 46px!important;align-items:center;width:100%;min-height:39px;margin:0;padding:0 12px!important;border:0;border-top:1px solid var(--line-soft)!important;border-radius:0;appearance:none;-webkit-appearance:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer!important}
.book-rows .interactive-book-row:first-child{border-top:0!important}
.book-rows .interactive-book-row span:nth-child(2),.book-rows .interactive-book-row span:nth-child(3){text-align:right}
.book-rows .interactive-book-row span{pointer-events:none}
.book-rows .sell-row span:first-child{color:#ff7182}.book-rows .buy-row span:first-child{color:#54d899}
.book-rows .sell-row:hover{background:linear-gradient(90deg,rgba(255,95,114,.09),rgba(255,95,114,.02))!important;box-shadow:inset 2px 0 #ff5f72!important}
.book-rows .buy-row:hover{background:linear-gradient(90deg,rgba(65,213,141,.09),rgba(65,213,141,.02))!important;box-shadow:inset 2px 0 #41d58d!important}
.book-rows .interactive-book-row:active{background:#101d2b!important}
.book-rows .interactive-book-row:focus-visible{position:relative;z-index:2;outline:2px solid var(--focus);outline-offset:-2px}

.instant-swap-footnote{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:11px 13px;border:1px solid rgba(47,157,255,.14);border-radius:9px;background:rgba(47,157,255,.035)}
.instant-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;background:rgba(47,157,255,.08);color:#6dc6ff;font-size:12px}
.instant-swap-footnote b,.instant-swap-footnote span{display:block}.instant-swap-footnote b{color:#bddcf0;font-size:10px}.instant-swap-footnote div>span{margin-top:2px;color:#6f8298;font-size:9px;line-height:1.5}

.trade-mode-divider{display:flex;align-items:center;gap:12px;margin:26px 0;color:#53667d;font-size:8px;font-weight:800;letter-spacing:.08em}
.trade-mode-divider::before,.trade-mode-divider::after{content:"";flex:1;height:1px;background:var(--line-soft)}

.limit-order-panel{position:relative;overflow:hidden;padding:22px!important;border-color:rgba(157,124,255,.25)!important;background:linear-gradient(135deg,rgba(157,124,255,.055),rgba(8,16,27,.98) 42%)!important}
.limit-order-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#8e73ff}
.trade-mode-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}
.trade-mode-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(157,124,255,.22);border-radius:9px;background:rgba(157,124,255,.075);color:#ac9cff;font-size:15px}
.trade-mode-heading h2{margin:4px 0 5px;font-size:20px}.trade-mode-heading p{max-width:700px;margin:0;color:#78889d;font-size:10px;line-height:1.6}
.limit-order-notice{display:flex;align-items:center;gap:13px;margin:16px 0;padding:10px 12px;border:1px solid rgba(157,124,255,.14);border-radius:9px;background:rgba(157,124,255,.035)}
.limit-order-notice>span{flex:none;color:#aa9aff;font-size:9px;font-weight:800}.limit-order-notice p{margin:0;color:#6d7893;font-size:9px;line-height:1.5}
.enhanced-trade-form{margin-top:0!important}.enhanced-trade-form label>span{display:block;margin-bottom:6px;color:#7b8da2;font-size:9px;font-weight:700}
.limit-order-footer{display:flex;align-items:center;gap:7px;margin-top:12px;color:#596b81;font-size:8px}.preview-dot{width:6px;height:6px;border-radius:50%;background:#9d7cff;box-shadow:0 0 0 3px rgba(157,124,255,.08)}
.login-trade-gate{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px;border:1px solid var(--line-soft);border-radius:9px;background:#09131f}.login-trade-gate p{margin:0;color:#74869b;font-size:10px}

@media(max-width:780px){.market-trade-heading{align-items:flex-start;flex-direction:column;gap:12px}.immediate-swap-policy,.waiting-order-policy{width:100%;box-sizing:border-box;text-align:left}.swap-explainer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.book-rows .interactive-book-row{grid-template-columns:minmax(105px,1fr) minmax(105px,1fr) 34px!important;min-height:42px;padding:0 8px!important}.trade-mode-heading{grid-template-columns:auto minmax(0,1fr)}.trade-mode-heading>.trade-mode-badge{grid-column:2;justify-self:start}.limit-order-notice{align-items:flex-start;flex-direction:column;gap:5px}.login-trade-gate{align-items:stretch;flex-direction:column}}

/* Production integration V6.4 */
.hero-image-frame .price-card{position:static;margin:0;border-radius:0;border:0;border-top:1px solid var(--line-soft);box-shadow:none}
.login-gate{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.gate-logo{width:64px;height:64px;border-radius:14px}.wallet-boundary{display:flex;justify-content:space-between;gap:30px}.wallet-safe-actions{display:flex;gap:8px;flex-wrap:wrap}
.developer-hero{display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:center}.developer-visual{text-align:center}.developer-visual img{width:190px;height:190px;object-fit:cover;border-radius:26px}
.orderbook-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.book-rows .interactive-book-row{display:grid!important;grid-template-columns:1fr 1fr 46px!important;width:100%;min-height:40px;padding:0 12px!important;border:0;border-top:1px solid var(--line-soft)!important;background:transparent;color:inherit;text-align:left;cursor:pointer}.book-rows .interactive-book-row span:nth-child(2),.book-rows .interactive-book-row span:nth-child(3){text-align:right}.book-rows .sell-row span:first-child{color:#ff7182}.book-rows .buy-row span:first-child{color:#54d899}.book-rows .sell-row:hover{background:rgba(255,95,114,.07)!important}.book-rows .buy-row:hover{background:rgba(65,213,141,.07)!important}
.market-trade-heading{margin:0 0 14px}.swap-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.swap-explainer{padding:13px;border:1px solid var(--line-soft);border-radius:10px}.swap-explainer p{font-size:10px;color:#72859b}
.trade-mode-divider{display:flex;gap:12px;align-items:center;margin:26px 0;color:#53667d;font-size:9px}.trade-mode-divider::before,.trade-mode-divider::after{content:"";flex:1;height:1px;background:var(--line-soft)}.limit-order-panel{padding:22px!important}.trade-mode-heading{display:grid;grid-template-columns:auto 1fr auto;gap:12px}.trade-mode-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(157,124,255,.08)}.limit-order-notice{display:flex;gap:13px;margin:16px 0;padding:10px 12px;border:1px solid rgba(157,124,255,.14);border-radius:9px}
.swap-dialog{width:min(100%,620px)}.swap-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.swap-quote-grid>div{padding:12px;border:1px solid var(--line-soft);border-radius:9px}.swap-input-group{display:grid;gap:6px;margin-top:14px}.swap-input-group input{height:42px;padding:0 12px;border:1px solid #293c51;border-radius:9px;background:#09131f;color:#fff}.wallet-impact{display:flex;gap:11px;margin-top:14px;padding:13px;border:1px solid rgba(255,190,74,.2);border-radius:10px;background:rgba(255,190,74,.05)}.swap-preview-note{margin-top:12px;padding:11px 12px;border:1px solid rgba(157,124,255,.16);border-radius:9px}
.sample-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sample-card{display:flex;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:10px;text-decoration:none}.sample-file{margin-top:18px}
@media(max-width:780px){.login-gate,.developer-hero,.orderbook-layout,.swap-explainer-grid,.swap-quote-grid{grid-template-columns:1fr}.wallet-boundary{flex-direction:column}}

/* PRODUCTION HOTFIX 10.0.1 - FINAL RESPONSIVE OVERRIDES */
html,body{max-width:100%;overflow-x:hidden}main,.header-inner,.footer-inner{box-sizing:border-box}.home-hero>*{min-width:0}.hero-content{min-width:0}.hero-content h1{overflow-wrap:normal;word-break:keep-all}.hero-banner-media{width:100%;box-sizing:border-box}.hero-banner-media img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.hero-image-frame{width:100%;min-width:0}.service-strip{margin-top:0}
@media(max-width:1180px){.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr)!important;gap:38px!important}.hero-content h1{font-size:clamp(44px,5.2vw,64px)!important}}
@media(max-width:780px){.home-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;width:100%!important;gap:30px!important;padding:30px 0 42px!important;min-height:0!important}.hero-content{width:100%!important;max-width:none!important;min-width:0!important}.hero-content h1{display:block!important;width:100%!important;max-width:100%!important;margin:14px 0 18px!important;font-size:clamp(38px,10.2vw,52px)!important;line-height:1.08!important;letter-spacing:-.045em!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important}.hero-lead{width:100%!important;max-width:620px!important;font-size:15px!important;line-height:1.8!important}.hero-visual{width:100%!important;max-width:620px!important;min-width:0!important;margin:0 auto!important}.hero-image-frame{width:100%!important;min-width:0!important}.hero-banner-media{padding:12px!important}.service-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){main{width:calc(100% - 28px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.home-hero{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding-top:24px!important}.hero-content h1{font-size:clamp(36px,11.5vw,46px)!important;line-height:1.09!important}.hero-lead{font-size:14px!important;line-height:1.75!important}.actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.actions .button{width:100%!important;box-sizing:border-box!important}.trust-row{gap:10px 14px!important}.hero-market-card{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important;padding:13px!important}.hero-market-card strong{font-size:18px!important;white-space:nowrap!important}.service-strip{grid-template-columns:1fr!important}.service-strip>div{min-height:72px!important}.section-heading{grid-template-columns:1fr!important}}
@media(max-width:360px){main{width:calc(100% - 22px)!important}.hero-content h1{font-size:35px!important;letter-spacing:-.04em!important}}


/* D-Wallet Web 10.0.2 — Real read-only Web Wallet */
.wallet-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:16px}
.wallet-balance-card{padding:22px!important;min-width:0}
.wallet-balance-card.primary{border-color:rgba(47,157,255,.28)!important;background:linear-gradient(135deg,rgba(47,157,255,.075),rgba(9,18,30,.98) 42%)!important}
.wallet-balance-card.dltc{border-color:rgba(157,124,255,.24)!important;background:linear-gradient(135deg,rgba(157,124,255,.06),rgba(9,18,30,.98) 42%)!important}
.wallet-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.wallet-card-head h2{margin:5px 0 0;font-size:18px}
.wallet-market-link{font-size:9px;color:#9f91ff;text-decoration:none}
.wallet-balance-number{display:block;margin-top:22px;font-size:clamp(28px,4vw,44px);line-height:1;letter-spacing:-.035em;white-space:nowrap}
.wallet-balance-number small{font-size:.34em;color:#71849a;letter-spacing:0}
.wallet-fiat-value{display:block;margin-top:8px;color:#7f94aa;font-size:13px}
.wallet-balance-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
.wallet-balance-card.dltc .wallet-balance-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.wallet-balance-meta>div{padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(4,10,18,.35)}
.wallet-balance-meta span,.wallet-balance-meta b{display:block}
.wallet-balance-meta span{font-size:8px;color:#61758c}
.wallet-balance-meta b{margin-top:4px;font-size:10px;overflow-wrap:anywhere}
.wallet-identity-strip{display:grid;grid-template-columns:1.3fr 1fr .6fr;margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#09131f}
.wallet-identity-strip>div{display:flex;align-items:center;gap:9px;min-width:0;padding:12px;border-left:1px solid var(--line-soft)}
.wallet-identity-strip>div:first-child{border-left:0}
.wallet-identity-strip span{font-size:8px;color:#62758c}
.wallet-identity-strip code,.wallet-identity-strip b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-identity-strip button{margin-left:auto;border:1px solid var(--line);border-radius:6px;background:#0d1a29;color:#91a7be;font-size:8px;padding:5px 7px;cursor:pointer}
.wallet-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.wallet-content-grid>.panel{padding:20px!important}
.wallet-receive-card>p{color:#71849a;font-size:10px;line-height:1.6}
.receive-address{display:flex;align-items:center;gap:8px;margin-top:15px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#07111d}
.receive-address code{flex:1;min-width:0;color:#b8cadc;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.receive-address button{flex:none;border:1px solid #28405a;border-radius:6px;background:#102238;color:#9bcfff;padding:6px 9px;font-size:8px;cursor:pointer}
.wallet-mini-note{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#65798f;font-size:9px}
.wallet-mini-note b{color:#9aadbf}
.wallet-action-list{display:grid;gap:7px;margin-top:14px}
.wallet-action-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line-soft);border-radius:8px;text-decoration:none;background:#09131f}
.wallet-action-list b,.wallet-action-list small{display:block}
.wallet-action-list b{color:#dce6f1;font-size:10px}
.wallet-action-list small{margin-top:2px;color:#66798f;font-size:8px}
.wallet-action-list i{color:#7088a2;font-style:normal}
.wallet-history-card{margin-top:12px;padding:20px!important}
.wallet-history-count{color:#65798f;font-size:9px}
.wallet-history-list{margin-top:13px}
.wallet-history-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line-soft)}
.wallet-history-row:first-child{border-top:0}
.wallet-history-type{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#0f1b29;font-size:10px;font-weight:800}
.wallet-history-type.positive{background:rgba(65,213,141,.07);color:#61dda1}
.wallet-history-type.negative{background:rgba(255,95,114,.07);color:#ff7788}
.wallet-history-main b,.wallet-history-main span,.wallet-history-main small{display:block}
.wallet-history-main b{font-size:10px}
.wallet-history-main span{margin-top:2px;color:#66798f;font-size:8px}
.wallet-history-main small{margin-top:2px;max-width:420px;color:#53677e;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-history-row>strong{font:10px ui-monospace,monospace;white-space:nowrap}
.wallet-history-row>strong.positive{color:#61dda1}
.wallet-history-row>strong.negative{color:#ff7788}
.wallet-history-empty{padding:26px 0;color:#64768c;text-align:center;font-size:10px}
.wallet-empty-state{padding:26px!important}

@media(max-width:780px){
  .wallet-overview-grid,.wallet-content-grid{grid-template-columns:1fr!important}
  .wallet-identity-strip{grid-template-columns:1fr!important}
  .wallet-identity-strip>div{border-left:0!important;border-top:1px solid var(--line-soft)}
  .wallet-identity-strip>div:first-child{border-top:0}
}
@media(max-width:480px){
  .wallet-balance-card,.wallet-content-grid>.panel,.wallet-history-card{padding:16px!important}
  .wallet-balance-number{font-size:30px!important;white-space:normal!important;overflow-wrap:anywhere}
  .wallet-balance-meta,.wallet-balance-card.dltc .wallet-balance-meta{grid-template-columns:1fr!important}
  .receive-address{align-items:stretch;flex-direction:column}
  .receive-address code{white-space:normal;overflow-wrap:anywhere}
  .receive-address button{width:100%}
  .wallet-history-row{grid-template-columns:30px minmax(0,1fr)}
  .wallet-history-row>strong{grid-column:2;justify-self:start}
}


/* D-Wallet Web 10.0.3 UI quality pass */
.brand-logo,.footer-brand img,.architecture-card img,.developer-visual img,.hero-banner-media img{object-fit:cover;background:#0b1624}
.hero-banner-media img{object-fit:contain}
.wallet-balance-card.dltc .wallet-balance-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
.wallet-balance-meta small{display:block;margin-top:3px;color:#61758c;font-size:8px}

.market-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.market-activity-panel{padding:18px!important;min-width:0}
.market-activity-list{display:grid;gap:8px;margin-top:12px}
.market-activity-item{min-width:0;padding:12px;border:1px solid var(--line-soft);border-radius:9px;background:#09131f}
.market-activity-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.market-activity-top time{color:#5f7289;font-size:8px;white-space:nowrap}
.market-side{display:inline-flex;padding:4px 7px;border-radius:6px;font:800 8px ui-monospace,monospace;letter-spacing:.06em}
.market-side.buy{color:#62dda2;background:rgba(65,213,141,.07);border:1px solid rgba(65,213,141,.17)}
.market-side.sell{color:#ff7889;background:rgba(255,95,114,.07);border:1px solid rgba(255,95,114,.17)}
.market-order-status{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8698ad;font-size:8px}
.market-activity-main{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.market-activity-main>div,.market-activity-settlement{min-width:0;padding:9px;border:1px solid rgba(119,145,174,.08);border-radius:7px;background:#07111c}
.market-activity-main span,.market-activity-main b,.market-activity-settlement span,.market-activity-settlement b{display:block}
.market-activity-main span,.market-activity-settlement span{color:#60748c;font-size:8px}
.market-activity-main b,.market-activity-settlement b{margin-top:3px;color:#dce6f1;font-size:10px;overflow-wrap:anywhere}
.market-activity-settlement{margin-top:8px}
.market-order-id{display:grid;gap:3px;margin-top:8px;padding:8px;border-top:1px solid var(--line-soft)}
.market-order-id span{color:#60748c;font-size:8px}
.market-order-id code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8195ab;font-size:8px}
.market-list-empty{padding:28px 10px;text-align:center;color:#65788e;font-size:10px}

.swap-summary-section{margin-top:17px}
.swap-section-title{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.swap-section-title>span{display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:6px;color:#6c8199;font:800 7px ui-monospace,monospace}
.swap-section-title>b{color:#aebdcd;font-size:10px}
.swap-section-divider{height:1px;margin:17px 0;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.swap-balance-summary,.swap-live-values,.swap-fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.swap-balance-summary>div,.swap-live-values>div,.swap-fee-grid>div{padding:12px;border:1px solid var(--line-soft);border-radius:9px;background:#0a1420}
.swap-balance-summary span,.swap-live-values span,.swap-fee-grid span,.swap-balance-summary b,.swap-live-values b,.swap-fee-grid b{display:block}
.swap-balance-summary span,.swap-live-values span,.swap-fee-grid span{color:#677b92;font-size:8px}
.swap-balance-summary b,.swap-live-values b,.swap-fee-grid b{margin-top:4px;color:#d8e4ef;font-size:11px;overflow-wrap:anywhere}
.swap-live-values{margin-top:9px}

.console-menu-wrap{position:relative;margin:12px 0}
.console-menu-trigger{display:none;width:100%;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#0b1725;color:#d9e5f1;font-size:11px;font-weight:700;cursor:pointer}
.console-menu-trigger i{font-style:normal;color:#71869d}
.console-nav{display:flex;gap:7px;overflow-x:auto;padding:4px}
.console-nav button{flex:none;padding:8px 11px;border:1px solid var(--line-soft);border-radius:7px;background:#09131f;color:#76899f;font-size:9px;cursor:pointer}
.console-nav button.active{border-color:#315777;background:#102237;color:#b8dbf4}
.console-panel[hidden]{display:none!important}
.app-row,.app-row>div,.app-actions,.console-split,.console-split>div{min-width:0}
.app-row strong,.app-row p,.app-row small,.app-row code,.app-actions,.scope-option code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.app-row>div>small,.app-row>div>code{display:block;overflow:hidden;text-overflow:ellipsis}
.console-head h1{overflow-wrap:anywhere}.console-head .meta{flex-wrap:wrap}.console-split{gap:14px}

@media(max-width:780px){
  .market-activity-grid{grid-template-columns:1fr}
  .console-menu-trigger{display:flex}
  .console-nav{display:none;position:absolute;z-index:25;top:calc(100% + 6px);left:0;right:0;flex-direction:column;padding:7px;border:1px solid var(--line);border-radius:10px;background:#09131f;box-shadow:0 18px 50px rgba(0,0,0,.42)}
  .console-nav.open{display:flex}
  .console-nav button{width:100%;text-align:left;padding:12px}
  .console-split{grid-template-columns:1fr!important}
  .app-row{align-items:flex-start!important;flex-direction:column!important}
  .app-actions{width:100%;align-items:flex-start!important}
}
@media(max-width:480px){
  .wallet-balance-card.dltc .wallet-balance-meta{grid-template-columns:1fr!important}
  .market-activity-main,.swap-balance-summary,.swap-live-values,.swap-fee-grid{grid-template-columns:1fr}
  .market-activity-top{align-items:flex-start;flex-direction:column}
  .market-order-status{max-width:100%}
  .swap-dialog{padding:17px!important}
}


/* ============================================================
   D-Wallet Web 10.0.4 — Mobile readability / Docs navigation
   ============================================================ */

/* Generic panel text safety */
.panel,
.trade-panel,
.wallet-balance-card,
.wallet-history-card,
.docs-content,
.doc-content,
.order-card,
.trade-card{
  min-width:0;
}
.panel h1,.panel h2,.panel h3,
.trade-panel h1,.trade-panel h2,.trade-panel h3{
  overflow-wrap:break-word;
  word-break:keep-all;
}
.panel p,.panel span,.panel b,.panel strong,.panel small,
.trade-panel p,.trade-panel span,.trade-panel b,.trade-panel strong,.trade-panel small{
  max-width:100%;
}
code,pre,.mono,[class*="id"],[class*="hash"]{
  overflow-wrap:anywhere;
  word-break:break-all;
}

/* Documentation mobile dropdown */
.docs-mobile-nav{
  display:none;
  margin:0 0 16px;
}
.docs-mobile-nav label{
  display:block;
  margin-bottom:7px;
  color:#73869d;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
}
.docs-select-wrap{
  position:relative;
}
.docs-select-wrap select{
  width:100%;
  height:50px;
  padding:0 42px 0 14px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #2a3d52;
  border-radius:11px;
  background:#0c1826;
  color:#e2eaf3;
  font-size:14px;
  font-weight:700;
  outline:0;
}
.docs-select-wrap select:focus{
  border-color:#419ee8;
  box-shadow:0 0 0 3px rgba(47,157,255,.08);
}
.docs-select-wrap>span{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  color:#7990a8;
  pointer-events:none;
  font-size:14px;
}
.docs-nav{
  min-width:0;
}
.docs-nav a,
.docs-nav button{
  min-width:0;
  white-space:normal;
  word-break:keep-all;
}

/* Documentation content cards */
.doc-content,
.docs-content{
  overflow:hidden;
}
.doc-content h1,.doc-content h2,.doc-content h3,
.docs-content h1,.docs-content h2,.docs-content h3{
  line-height:1.2;
}
.doc-content p,.docs-content p{
  line-height:1.75;
}

/* DLTC recent trades / user orders */
.market-activity-grid,
.dltc-activity-grid,
.grid.two{
  align-items:start;
}
.trade-card,
.order-card,
.trade-entry,
.order-entry{
  min-width:0;
  overflow:hidden;
}
.trade-card-grid,
.order-card-grid,
.trade-entry-grid,
.order-entry-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.trade-card-grid>div,
.order-card-grid>div,
.trade-entry-grid>div,
.order-entry-grid>div{
  min-width:0;
  padding:10px;
  border:1px solid var(--line-soft);
  border-radius:8px;
  background:rgba(4,10,18,.28);
}
.trade-card-grid span,
.order-card-grid span,
.trade-entry-grid span,
.order-entry-grid span{
  display:block;
  color:#63778e;
  font-size:8px;
}
.trade-card-grid b,
.order-card-grid b,
.trade-entry-grid b,
.order-entry-grid b{
  display:block;
  margin-top:4px;
  min-width:0;
  color:#d8e3ee;
  font-size:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Any long IDs that still render as plain text should not destroy layout */
.order-id,
.trade-id,
.audit-id,
.api-key-id,
.webhook-id{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Dashboard mobile navigation / menu */
.dashboard-tabs,
.workspace-tabs,
.app-tabs{
  min-width:0;
}
.dashboard-mobile-menu{
  display:none;
}

/* General mobile panel rhythm */
@media(max-width:780px){
  .docs-mobile-nav{display:block}
  .docs-nav{display:none!important}

  .page-head h1,
  .page-hero h1{
    font-size:clamp(32px,9vw,44px)!important;
    line-height:1.08!important;
    word-break:keep-all!important;
  }

  .page-head p,
  .page-hero p{
    font-size:14px!important;
    line-height:1.75!important;
  }

  .panel,
  .trade-panel,
  .wallet-balance-card,
  .wallet-history-card,
  .doc-content,
  .docs-content{
    padding:18px!important;
  }

  .panel h2,
  .trade-panel h2{
    font-size:22px!important;
    line-height:1.18!important;
  }

  .panel p,
  .trade-panel p{
    font-size:13px!important;
    line-height:1.7!important;
  }

  .trade-card-grid,
  .order-card-grid,
  .trade-entry-grid,
  .order-entry-grid{
    grid-template-columns:1fr!important;
  }

  /* Existing dashboard horizontal menus become compact scroll instead of huge list */
  .dashboard-tabs,
  .workspace-tabs,
  .app-tabs{
    display:flex!important;
    overflow-x:auto!important;
    gap:7px!important;
    padding-bottom:5px!important;
    scrollbar-width:none;
  }
  .dashboard-tabs::-webkit-scrollbar,
  .workspace-tabs::-webkit-scrollbar,
  .app-tabs::-webkit-scrollbar{display:none}

  .dashboard-tabs>*,
  .workspace-tabs>*,
  .app-tabs>*{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:112px!important;
    padding:10px 13px!important;
    white-space:nowrap!important;
  }
}

/* Phone-specific density */
@media(max-width:480px){
  .docs-mobile-nav{
    margin-top:8px;
    margin-bottom:14px;
  }
  .docs-select-wrap select{
    height:48px;
    font-size:13px;
  }

  .panel,
  .trade-panel,
  .wallet-balance-card,
  .wallet-history-card,
  .doc-content,
  .docs-content{
    border-radius:12px!important;
    padding:16px!important;
  }

  .panel h2,.trade-panel h2{
    margin-bottom:10px!important;
    font-size:20px!important;
  }

  .panel p,.trade-panel p{
    font-size:12.5px!important;
    line-height:1.72!important;
  }

  .trade-card-grid>div,
  .order-card-grid>div,
  .trade-entry-grid>div,
  .order-entry-grid>div{
    padding:11px!important;
  }

  .trade-card-grid b,
  .order-card-grid b,
  .trade-entry-grid b,
  .order-entry-grid b{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .market-rule-panel p,
  .market-rules p{
    font-size:12px!important;
    line-height:1.75!important;
  }
}


/* ============================================================
   D-Wallet Web 10.0.6 — Developer workspace + Code Panels
   ============================================================ */

/* Code is always a visual object, never naked text. */
.doc-code-panel{
  margin:16px 0 20px;
  min-width:0;
  overflow:hidden;
  border:1px solid #283b50;
  border-radius:12px;
  background:#07111c;
  box-shadow:0 12px 35px rgba(0,0,0,.16);
}
.doc-code-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:40px;padding:0 12px;
  border-bottom:1px solid #1c2d40;background:#0b1724;
}
.doc-code-toolbar>span{display:flex;align-items:center;gap:7px;color:#7f93aa;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.doc-code-toolbar>span i{width:7px;height:7px;border-radius:50%;background:#2f9dff;box-shadow:0 0 0 3px rgba(47,157,255,.08)}
.doc-code-toolbar button{border:1px solid #2b4158;border-radius:7px;background:#102033;color:#9fc5e8;padding:6px 9px;font-size:9px;cursor:pointer}
.doc-code-panel pre{margin:0!important;padding:16px!important;max-width:100%;overflow:auto!important;background:#06101a!important;border:0!important;border-radius:0!important;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.doc-code-panel pre code{display:block!important;min-width:max-content;max-width:none!important;color:#d7e4ef!important;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important}
.inline-command-box{margin-top:12px;padding:11px 12px;border:1px solid #283b50;border-radius:9px;background:#07111c;overflow:auto}.inline-command-box code{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}

/* Dashboard is a set of clear surfaces. */
.developer-dashboard-head{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:28px!important;align-items:end!important;
  padding-bottom:8px!important;
}
.developer-identity{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-width:0;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#0a1522!important}
.developer-identity code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.developer-kpi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 26px!important}
.developer-kpi-grid>article{display:block!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:linear-gradient(145deg,#0c1827,#09131f)!important;box-shadow:0 12px 32px rgba(0,0,0,.12)!important}
.developer-kpi-grid span,.developer-kpi-grid strong,.developer-kpi-grid small{display:block!important}.developer-kpi-grid span{color:#73869d!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.08em}.developer-kpi-grid strong{margin-top:7px!important;color:#eef4fb!important;font-size:30px!important;line-height:1!important}.developer-kpi-grid small{margin-top:7px!important;color:#60748b!important;font-size:9px!important}
.developer-workspace{margin-top:8px!important;padding:22px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#08121e!important}
.workspace-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;margin-bottom:18px!important;padding-bottom:18px!important;border-bottom:1px solid var(--line-soft)!important}.workspace-heading h2{margin:6px 0!important}.workspace-heading p{margin:0!important;color:#74869c!important}
.application-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.application-card{display:flex!important;flex-direction:column!important;min-width:0!important;padding:18px!important;border:1px solid #24374b!important;border-radius:12px!important;background:linear-gradient(145deg,#0d1928,#09131f)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
.application-card-top{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important}.application-avatar{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid #2c4661!important;border-radius:10px!important;background:#102338!important;color:#8ed0ff!important;font-weight:800!important}.application-title{min-width:0!important}.application-title h3{margin:0 0 4px!important}.application-title code{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#71859c!important;font-size:9px!important}.application-description{min-height:42px!important;margin:16px 0!important;color:#8294a8!important;line-height:1.55!important}.application-card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:auto!important}.application-card-actions form{margin:0!important}.application-card-actions .button{width:100%!important;box-sizing:border-box!important}

/* Developer console surfaces */
.console-head{margin-bottom:18px!important}.console-menu-wrap{margin:0 0 14px!important}.console-menu-trigger{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 15px!important;border:1px solid #293d52!important;border-radius:10px!important;background:#0b1826!important;color:#dce6f1!important;font-weight:700!important}.console-nav{margin-top:7px!important;padding:7px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#09131f!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important}.console-nav button{border-radius:7px!important;padding:10px 12px!important}
.console-panel{min-width:0!important}.console-panel.panel,.console-stack>.panel{margin-top:14px!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#0a1523!important}
.console-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.console-stat-card{padding:16px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#0b1724!important}.console-stat-card span,.console-stat-card strong,.console-stat-card small{display:block!important}.console-stat-card strong{margin:7px 0 5px!important;font-size:25px!important}

/* Scope/Webhook permissions are cards, never an inline checkbox stream. */
.permission-groups{display:grid!important;gap:14px!important;margin:14px 0!important}.permission-group{padding:13px!important;border:1px solid #213448!important;border-radius:10px!important;background:#08131f!important}.permission-group h4{margin:0 0 10px!important;color:#91a4b8!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important}.permission-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.permission-card{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:10px!important;border:1px solid #263b50!important;border-radius:8px!important;background:#0c1927!important;cursor:pointer!important}.permission-card input{position:absolute!important;opacity:0!important;pointer-events:none!important}.permission-check{display:block!important;flex:none!important;width:16px!important;height:16px!important;border:1px solid #49627b!important;border-radius:5px!important;background:#08111b!important}.permission-card:has(input:checked){border-color:#2f9dff!important;background:rgba(47,157,255,.07)!important}.permission-card:has(input:checked) .permission-check{border-color:#2f9dff!important;background:#2f9dff!important;box-shadow:inset 0 0 0 4px #0c1927!important}.permission-copy{min-width:0!important}.permission-copy code{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#c6d4e1!important;font-size:9px!important}

/* Samples */
.sample-index-panel{margin-top:16px!important}.modern-sample-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-width:0!important;padding:16px!important;border:1px solid #26394d!important;border-radius:11px!important;background:#0a1623!important;text-decoration:none!important}.modern-sample-card strong,.modern-sample-card p,.modern-sample-card span{display:block!important}.modern-sample-card strong{margin-top:4px!important;color:#e4edf6!important}.modern-sample-card p{margin:5px 0 0!important;color:#71849a!important;font-size:10px!important}.sample-type{color:#5faeea!important;font:800 8px ui-monospace,monospace!important;letter-spacing:.08em!important}.sample-arrow{color:#718aa4!important}.sample-detail-shell{padding:20px!important}.sample-file{margin-top:24px!important;padding-top:20px!important;border-top:1px solid var(--line-soft)!important}.sample-file:first-of-type{margin-top:14px!important}.sample-file-heading span{color:#607990!important;font:800 8px ui-monospace,monospace!important}.sample-file-heading h3{margin:5px 0 0!important}

@media(max-width:780px){
  .developer-dashboard-head{grid-template-columns:1fr!important;gap:16px!important}.developer-identity{grid-template-columns:auto minmax(0,1fr)!important}.developer-identity .status-chip{grid-column:1/-1!important;justify-self:start!important}.developer-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.developer-kpi-grid>article{padding:13px!important}.developer-kpi-grid strong{font-size:24px!important}.developer-workspace{padding:16px!important}.workspace-heading{align-items:stretch!important;flex-direction:column!important}.application-card-grid{grid-template-columns:1fr!important}.console-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.permission-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .developer-kpi-grid{grid-template-columns:1fr!important}.developer-kpi-grid>article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.developer-kpi-grid strong{grid-column:2;grid-row:1/3!important;font-size:26px!important}.developer-kpi-grid small{margin-top:2px!important}.application-card-top{grid-template-columns:38px minmax(0,1fr)!important}.application-card-top>.status-chip{grid-column:2!important;justify-self:start!important}.application-card-actions{grid-template-columns:1fr!important}.console-stat-grid{grid-template-columns:1fr!important}.doc-code-panel pre{padding:13px!important}.doc-code-panel pre code{font-size:10px!important;line-height:1.6!important}.sample-detail-shell{padding:15px!important}
}


/* ============================================================
   D-Wallet Web 10.0.7 — Premium public documentation
   ============================================================ */
:root{
  --surface-elevated:#0d1826;
  --surface-soft:#0a1420;
  --hairline:rgba(133,161,191,.14);
  --hairline-strong:rgba(133,161,191,.24);
}

.page-head{
  padding:44px 0 34px;
  border-bottom:1px solid var(--hairline);
}
.page-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:#8296ac;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.page-head .eyebrow::before{
  content:"";
  width:24px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#339cff,#8d72ff);
}
.page-head h1{
  max-width:820px;
  margin:0;
  font-size:clamp(42px,6vw,72px);
  line-height:.98;
  letter-spacing:-.055em;
}
.page-head>p{
  max-width:760px;
  margin:22px 0 0;
  color:#8ea0b3;
  font-size:16px;
  line-height:1.75;
}

.docs-mobile-nav{margin:22px 0 24px!important}
.docs-select-wrap{border-radius:13px;box-shadow:0 10px 38px rgba(0,0,0,.18)}
.docs-select-wrap select{
  height:54px!important;
  border-color:var(--hairline-strong)!important;
  background:linear-gradient(180deg,#0e1c2b,#0a1521)!important;
}

.docs-nav-panel{
  position:sticky;
  top:82px;
  z-index:12;
  margin:18px 0 24px;
  padding:8px!important;
  border-color:var(--hairline)!important;
  background:rgba(8,16,27,.86)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.docs-nav{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:0!important;
  scrollbar-width:none;
}
.docs-nav::-webkit-scrollbar{display:none}
.docs-nav .button{
  flex:0 0 auto;
  min-height:36px;
  padding:8px 12px;
  border-radius:8px;
  font-size:9px;
}

.panel{
  border-color:var(--hairline)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 12px 36px rgba(0,0,0,.10);
}
.grid.two{gap:14px!important}

.doc-code-panel{
  overflow:hidden;
  border:1px solid rgba(71,119,161,.34)!important;
  border-radius:14px!important;
  background:#06101a!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20);
}
.doc-code-toolbar{
  min-height:48px;
  padding:0 14px!important;
  border-bottom:1px solid rgba(71,119,161,.25)!important;
  background:linear-gradient(180deg,#0e1c2b,#0a1622)!important;
}
.doc-code-toolbar>span{
  color:#8da4ba!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
.doc-code-toolbar>span i{
  width:7px!important;
  height:7px!important;
  border-radius:50%;
  background:#2fa3ff!important;
  box-shadow:0 0 0 5px rgba(47,163,255,.08);
}
.doc-code-toolbar button{
  border:1px solid rgba(126,158,190,.20)!important;
  border-radius:7px!important;
  background:#102237!important;
  color:#a8bdd0!important;
}
.doc-code-panel pre{
  margin:0!important;
  padding:18px 20px 20px!important;
  overflow:auto!important;
}
.doc-code-panel code{
  display:block;
  min-width:max-content;
  color:#d8e7f5!important;
  font-size:12px!important;
  line-height:1.75!important;
  tab-size:4;
}

.sample-grid{gap:12px!important}
.modern-sample-card{
  position:relative;
  min-height:150px;
  padding:20px!important;
  border:1px solid var(--hairline)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(70,139,255,.08),transparent 38%),
    linear-gradient(180deg,#0d1927,#0a1420)!important;
  transition:transform .16s ease,border-color .16s ease;
}
.modern-sample-card:hover{
  transform:translateY(-2px);
  border-color:rgba(67,159,255,.38)!important;
}
.modern-sample-card strong{display:block;margin-top:8px;font-size:17px}
.modern-sample-card p{margin:8px 0 0;color:#74889f;font-size:10px;line-height:1.6}
.sample-type{color:#5aaeff!important;font-size:8px!important;font-weight:800!important;letter-spacing:.12em!important}
.sample-file{margin-top:28px!important}
.sample-file-heading{margin:0 0 10px}
.sample-file-heading span{color:#647b92;font-size:8px;font-weight:800;letter-spacing:.12em}
.sample-file-heading h3{margin:5px 0 0;font-size:17px}
.doc-feature-panel{
  border-color:rgba(54,155,255,.25)!important;
  background:radial-gradient(circle at 100% 0%,rgba(54,155,255,.07),transparent 45%),#0b1724!important;
}

@media(min-width:900px){
  main{max-width:1120px!important}
  .page-head{padding-top:58px}
  .docs-nav-panel{top:74px}
}
@media(max-width:780px){
  .page-head{padding:28px 0 24px!important}
  .page-head h1{font-size:clamp(40px,12vw,58px)!important}
  .page-head>p{margin-top:18px!important;font-size:14px!important}
  .docs-nav-panel{display:none!important}
  .docs-mobile-nav{display:block!important}
  .doc-code-panel pre{padding:15px!important}
  .doc-code-panel code{font-size:10.5px!important;line-height:1.7!important}
  .grid.two{grid-template-columns:1fr!important}
  .modern-sample-card{min-height:0}
}

/* DLTC chart v2.3: exchange-style candles, JST axis, AJAX interval selector */
.chart-head{gap:18px}
.chart-interval-control{display:grid;gap:6px;min-width:138px;color:#7f8da1;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.chart-interval-control select{height:36px;min-width:138px;padding:0 34px 0 11px;border:1px solid #2a3950;border-radius:9px;background:#09111d;color:#e8eef7;font-size:12px;outline:none;cursor:pointer}
.chart-interval-control select:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px rgba(47,157,255,.08)}
.large-chart.dltc-chart{transition:opacity .16s ease}
.large-chart.dltc-chart.loading{opacity:.48;pointer-events:none}
.large-chart.dltc-chart canvas{touch-action:pan-y}
.chart-tooltip{min-width:150px;line-height:1.65;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.chart-tooltip strong{display:block;margin-bottom:2px;white-space:nowrap;color:#eaf2ff}
.chart-legend{padding-right:4px}
@media(max-width:780px){.chart-head{align-items:flex-start}.chart-interval-control{min-width:116px}.chart-interval-control select{min-width:116px;height:34px;padding-left:9px}.chart-tooltip{font-size:9.5px}.large-chart{height:315px}}
@media(max-width:480px){.chart-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.chart-interval-control{min-width:104px}.chart-interval-control select{min-width:104px;font-size:11px}.large-chart{height:290px}.chart-tooltip{max-width:175px}}


/* ============================================================
   DLTC v2.4.1 — Mobile orderbook tap hotfix
   ============================================================ */
.book-rows .interactive-book-row{
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(98,184,255,.10);
}
@media(max-width:560px){
  .book-rows .interactive-book-row{min-height:48px!important;}
  .book-rows .interactive-book-row:active{
    background:rgba(47,157,255,.08)!important;
    box-shadow:inset 2px 0 currentColor;
  }
  .swap-modal{
    align-items:end;
    padding:0!important;
  }
  .swap-modal .swap-dialog{
    width:100%!important;
    max-height:calc(92dvh - env(safe-area-inset-top));
    overflow:auto;
    overscroll-behavior:contain;
    padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:18px 18px 0 0!important;
  }
}

.chart-error-message{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:12px;color:rgba(165,180,200,.8);pointer-events:none}

/* DLTC v2.4.7 activity UX */
.market-side-wrap{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.market-side-detail{color:#687c93;font:700 7px ui-monospace,monospace;letter-spacing:.04em}
.activity-help{margin-top:4px;font-size:9px;line-height:1.55}
@media(max-width:720px){.market-side-wrap{gap:5px}.market-side-detail{font-size:7px}.activity-help{font-size:9px}}