:root{--bg:#03051a;--panel:rgba(6,12,36,0.72);--panel-solid:#0a1433;--line:#1c3a78;--line-soft:#274a96;--text:#f4f7ff;--muted:#9eb6e0;--dim:#6d86b8;--chip:#13265a;--white:#ffffff;--black:#02030c;--green:#7dff9a;--red:#ff8a6b;--neon:#3d7eff;--neon-2:#8ec0ff;--arc-0:#00154c;--arc-1:#12376e;--arc-2:#23487f;--radius:16px;--font:"Suisse Intl","Satoshi","Neue Haas Grotesk",Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}input,select,textarea{font-family:inherit;color:inherit}.silk-stage{position:fixed;inset:0;z-index:0}.silk-stage canvas,.silk-stage>div{width:100%!important;height:100%!important}.silk-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 20% 0,rgba(35,72,127,.28),transparent 55%),linear-gradient(180deg,rgba(3,5,26,.25),rgba(3,5,26,.72))}.app-shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:56px 1fr;grid-template-rows:64px 1fr 28px;grid-template-areas:"side header" "side main" "side status"}.header{grid-area:header;gap:14px;padding:0 16px 0 10px;background:rgba(4,10,32,.62);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand,.header{display:flex;align-items:center}.brand{gap:10px;min-width:188px;flex-shrink:0}.brand-name{font-size:15px;letter-spacing:.12em;font-weight:700;color:#fff}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.header-btn{width:118px;height:40px;box-shadow:0 10px 20px rgba(0,0,0,.35)}.connect-btn{width:132px}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(0deg,#00154c,#12376e,#23487f);box-shadow:0 10px 20px rgba(0,0,0,.35);border:1px solid rgba(142,192,255,.25)}.icon-btn:hover{filter:brightness(1.12)}.wallet-wrap{position:relative;display:flex;align-items:center}.wallet-error{position:absolute;top:calc(100% + 6px);right:0;width:220px;font-size:11px;color:#ffb199;text-align:right;z-index:5}.sidebar{grid-area:side;background:rgba(4,10,32,.9);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:10px 0 16px;gap:6px}.nav-btn{width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:#c5d6ff;display:grid;place-items:center;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:linear-gradient(0deg,#00154c,#23487f);color:#fff;border-color:#6ea8ff;box-shadow:0 0 12px rgba(61,126,255,.45)}.main{grid-area:main;padding:10px 16px 20px;overflow:auto}.status{grid-area:status;background:rgba(6,12,36,.94);border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted);letter-spacing:.04em}.status,.status a,.status span{display:flex;align-items:center}.status a,.status span{gap:6px;padding:0 14px;height:28px;border-right:1px solid var(--line-soft);text-transform:uppercase}.status .live{color:#d7e8ff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.neon-frame{position:relative;box-shadow:0 0 0 1px rgba(142,192,255,.18),0 0 18px rgba(61,126,255,.18),inset 0 0 24px rgba(0,21,76,.35);animation:neonPulse 4.5s ease-in-out infinite}.neon-frame:before{content:"";pointer-events:none;position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#000,#3d7eff,#fff,#00154c,#8ec0ff,#000);background-size:300% 300%;animation:neonBorder 7s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes neonBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes neonPulse{0%,to{box-shadow:0 0 0 1px rgba(142,192,255,.16),0 0 16px rgba(61,126,255,.16)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 26px rgba(61,126,255,.32)}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-head h1,.page-head h2{font-size:20px;font-weight:560}.ghost{height:32px;padding:0 16px;border-radius:24px;border:1px solid var(--line-soft);background:transparent;color:#fff;font-size:13px;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--chip);color:#c5d6ff;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chip.active{background:linear-gradient(0deg,#00154c,#23487f);border-color:#8ec0ff;color:#fff}.badge-new{background:#1d4f8a;color:#fff;font-size:10px;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;padding:2px 6px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:12px;gap:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:18px 14px;gap:18px 14px;padding:8px 6px 18px}@media (max-width:1400px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.home-grid{grid-template-columns:1fr 320px}}@media (max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}}.nft-card{width:100%;height:254px;background:#0b1738;transition:all .4s;border-radius:10px;box-shadow:0 0 16px rgba(0,21,76,.7);overflow:hidden;position:relative}.nft-card:hover{border-radius:15px;cursor:pointer;transform:scale(1.08);background:#050b1f;z-index:3;box-shadow:0 0 22px rgba(61,126,255,.45)}.first-content,.second-content{width:100%;display:flex;justify-content:center;align-items:center;border-radius:15px;transition:all .4s}.first-content{height:100%;opacity:1;position:relative;overflow:hidden}.nft-card:hover .first-content,.second-content{height:0;opacity:0}.second-content{font-size:0;transform:rotate(90deg) scale(-1);overflow:hidden}.nft-card:hover .second-content{opacity:1;height:100%;font-size:13px;transform:rotate(0deg)}.first-content .ph,.first-content img{width:100%;height:100%;object-fit:cover;background:#07102a}.flip-meta{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(transparent,rgba(2,6,24,.88))}.flip-details{width:100%;height:100%;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.nft-name{font-size:13px;font-weight:650}.meta,.nft-sub,.sub{color:var(--muted);font-size:12px}.trait-row{display:flex;flex-wrap:wrap;gap:4px}.trait-row span{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:#cfe0ff}.buy-row{display:flex;justify-content:space-between;font-size:12px}.buy-row.alt{color:var(--neon-2)}.chain-badge{position:absolute;top:8px;left:8px;background:rgba(0,21,76,.85);border:1px solid #8ec0ff;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 8px}.events{padding:16px;background:rgba(6,12,36,.42)}.events.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-row{display:grid;grid-template-columns:16px 36px 1fr auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(61,126,255,.15)}.avatar,.event-row img{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#0b1738}.ago{color:var(--dim);font-size:11px}.market{margin-top:12px;padding:16px 18px}.market-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.market-col h3{font-size:13px;color:var(--muted);margin-bottom:10px}.m-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.m-row img{width:32px;height:32px;border-radius:8px;object-fit:cover}.table-wrap{overflow:auto}.data{width:100%;border-collapse:collapse;font-size:13px}.data td,.data th{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(61,126,255,.16)}.data th{color:var(--muted);font-weight:500}.cell-nft{display:flex;gap:10px;align-items:center}.cell-nft img{width:40px;height:40px;border-radius:8px;object-fit:cover}.up{color:var(--green)}.down{color:var(--red)}.tabs{display:flex;gap:16px;color:var(--muted)}.tabs .on,.tabs button.on{color:#fff}.tabs button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px}.count-chip{margin-left:6px;border:1px solid var(--line);border-radius:10px;padding:1px 7px;font-size:11px}.pill-btn{height:28px;padding:0 12px;border-radius:16px;border:1px solid var(--line-soft);background:rgba(0,21,76,.6);color:#fff;cursor:pointer}.placeholder{color:var(--muted);font-size:13px;padding:18px 4px;line-height:1.5}.toast{position:fixed;right:18px;top:80px;z-index:20;background:#00154c;border:1px solid #8ec0ff;color:#fff;border-radius:10px;padding:8px 12px;font-size:12px}.swap-leg{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(6,12,36,.55)}.swap-leg-label{font-size:12px;color:var(--muted);margin-bottom:8px}.token-select{background:#12376e;color:#fff;border:1px solid #3d7eff;padding:0 10px}.counter-input,.token-select{border-radius:20px;height:36px}.counter-input{width:420px;border:1px solid var(--line);background:#07102a;padding:0 16px;font-size:13px}.trade-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}.trade-box{min-height:220px;padding:16px}.trade-box h3{margin-bottom:12px}@media (max-width:900px){.market-cols,.trade-grid{grid-template-columns:1fr}.header{flex-wrap:wrap;height:auto}}.search{flex:1 1;max-width:520px;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;background:rgba(8,16,48,.92)!important;border:1px solid #1c3a78!important;border-radius:10px;color:#9eb6e0}.search input,.search input[type=search],.search input[type=text]{flex:1 1;min-width:0;height:38px;background:transparent!important;background-color:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;font-size:14px;color:#eef4ff!important}.search input::placeholder{color:#8aa3d6}.search kbd{display:none!important}.golden-button{touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;outline:none;font-family:inherit;font-size:13px;font-weight:700;box-sizing:border-box;border-radius:.3em;height:40px;min-width:96px;line-height:1;text-transform:uppercase;letter-spacing:.06em;padding:0 1em;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(110,80,20,.4),inset 0 -2px 5px 1px rgba(139,66,8,1),inset 0 -1px 1px 3px rgba(250,227,133,1);background-image:linear-gradient(160deg,#a54e07,#b47e11,#fef1a2,#bc881b,#a54e07);border:1px solid #a55d07;color:rgb(120,50,5);text-shadow:0 2px 2px rgba(250,227,133,1);cursor:pointer;transition:all .2s ease-in-out;background-size:100% 100%;background-position:50%}.golden-button:focus,.golden-button:hover{background-size:150% 150%;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23),inset 0 -2px 5px 1px #b17d10,inset 0 -1px 1px 3px rgba(250,227,133,1);border:1px solid rgba(165,93,7,.6);color:rgba(120,50,5,.8)}.golden-button:active{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(110,80,20,.4),inset 0 -2px 5px 1px #b17d10,inset 0 -1px 1px 3px rgba(250,227,133,1)}.app-shell{grid-template-columns:168px 1fr}.sidebar{align-items:stretch;padding:14px 10px;gap:8px}.nav-btn{width:100%;height:40px;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#e0b14a;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 1px rgba(80,40,0,.35)}.nav-btn span{white-space:nowrap}.nav-btn.active,.nav-btn:hover{background:linear-gradient(160deg,#a54e07,#b47e11,#fef1a2,#bc881b,#a54e07);color:rgb(120,50,5);border-color:#a55d07;box-shadow:0 0 12px rgba(188,136,27,.35)}