.discovery-shell { max-width:1440px; margin:auto; padding:24px 32px 55px; }
.discovery-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:340px; margin:24px 0 0; padding:38px 42px; border:1px solid #e1d1f5; border-radius:22px 22px 0 0; background:radial-gradient(ellipse at 80% 70%,#ddc8ff77,transparent 55%),linear-gradient(115deg,#fff,#f8f1ff); overflow:hidden; }
.discovery-hero h1 { font-size:clamp(44px,5vw,67px); letter-spacing:-.065em; line-height:.99; margin:16px 0 18px; font-weight:650; }.discovery-hero h1 em { color:#8140e1; font-style:normal; }.discovery-hero p { font-size:13px; color:#877094; line-height:1.8; }.discovery-hero .section-index { font-size:9px; letter-spacing:.12em; }
.drop-create { display:inline-flex; justify-content:space-between; gap:40px; align-items:center; padding:13px 18px; margin-top:10px; border-radius:9px; background:#813ee0; color:#fff; font-size:11px; font-weight:650; box-shadow:0 7px 18px #894fdd25; }.drop-create:hover { background:#6e2bc9; }
.drop-art { position:relative; width:100%; height:280px; display:grid; place-items:center; }.drop-core { display:grid; place-items:center; width:108px; height:108px; border-radius:28px; background:linear-gradient(135deg,#fdfcff,#e6d5ff); border:1px solid #d9bffb; box-shadow:0 15px 50px #8243bf1b; transform:rotate(-12deg); }.drop-core img { width:59px; border-radius:13px; }.drop-orbit { position:absolute; width:350px; height:170px; border:1px solid #a076d52b; border-radius:50%; transform:rotate(-26deg); }.orbit-b { transform:rotate(35deg); width:330px; height:240px; border-style:dashed; }.floating-asset { position:absolute; width:56px; height:56px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #e1cef4; background:#fffcff; color:#8d47cb; border-radius:14px; box-shadow:0 10px 30px #6d298610; font-weight:700; font-size:16px; }.floating-asset span { font-size:7px; color:#a588b6; margin-top:4px; }.asset-nv { top:19px; left:24%; transform:rotate(-8deg); }.asset-ap { right:14%; top:94px; transform:rotate(9deg); }.asset-sp { bottom:23px; left:21%; transform:rotate(-4deg); }.art-caption { position:absolute; bottom:-8px; font-family:var(--mono); font-size:8px; letter-spacing:.15em; color:#a07bbd; }
.discovery-fee-strip { display:flex; align-items:center; gap:24px; padding:17px 27px; border:1px solid #e1d1f5; border-top:0; border-radius:0 0 16px 16px; background:#faf6ff; color:#9578a7; font-size:10px; }.discovery-fee-strip b { color:#8244b4; font-weight:700; margin-right:6px; }.discovery-fee-strip i { height:13px; width:1px; background:#e7d7f5; }.discovery-fee-strip a { margin-left:auto; color:#8d46c6; font-weight:650; }
.drops-section { margin-top:39px; }.drops-title { display:flex; justify-content:space-between; gap:20px; align-items:center; }.drops-title .section-index { color:#9c7eb1; font-size:8px; letter-spacing:.12em; }.drops-title h2 { font-size:28px; letter-spacing:-.05em; margin:10px 0 0; display:flex; align-items:center; gap:12px; }.drops-title h2 span { border:1px solid #e4d5f1; background:#f7f0fe; border-radius:6px; padding:4px 8px; font-size:10px; color:#9c72b3; letter-spacing:0; font-weight:500; }
#drop-search { display:flex; align-items:center; border:1px solid #e5d8f1; border-radius:10px; width:370px; max-width:100%; background:#fff; }#drop-search > span { color:#a182b5; font-size:24px; padding:0 12px; }#drop-search input { border:0; outline:none; background:transparent; width:100%; min-width:0; color:#624277; font-size:12px; padding:12px 0; }#drop-search button { padding:12px; background:none; color:#9871ad; font-size:15px; cursor:pointer; }
.drop-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:24px 0 15px; }.drop-sort { display:flex; gap:6px; }.drop-sort button { border:1px solid transparent; background:transparent; padding:10px 14px; border-radius:8px; color:#997ca9; font-size:11px; cursor:pointer; }.drop-sort button.active { background:#f1e7ff; border-color:#e1cdf6; color:#843bc1; font-weight:650; }.drop-filters { display:flex; gap:8px; }.drop-filters select,.drop-filters button { border:1px solid #e5d8f1; background:#fff; border-radius:8px; padding:9px 12px; color:#8d6c9f; font-size:10px; }.drop-filters button { font-size:17px; cursor:pointer; }.discovery-status { font-size:10px; color:#9d83ae; padding:0 2px; margin-bottom:16px; line-height:1.7; }.discovery-status::before { content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background:#b07cdf; margin-right:8px; }
.drop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }.drop-card { display:flex; flex-direction:column; border:1px solid #e4d5f1; border-radius:15px; overflow:hidden; background:#fff; transition:transform .16s,border-color .16s,box-shadow .16s; }.drop-card:hover { transform:translateY(-3px); border-color:#b281df; box-shadow:0 8px 25px #712bb80e; }.drop-card-art { height:105px; background:radial-gradient(circle at 70% 15%,#f5ebff,transparent 60%),linear-gradient(115deg,#faf6ff,#ede0fb); position:relative; padding:19px; display:flex; align-items:center; justify-content:space-between; }.drop-avatar { width:54px; height:54px; border:1px solid #d6b9f1; border-radius:16px; background:#ffffffc9; display:grid; place-items:center; font-size:21px; font-weight:700; color:#9054c3; box-shadow:0 5px 15px #7e3abc0b; }.drop-card-art > small { font-size:9px; color:#9b77b3; background:#ffffffb5; border:1px solid #e6d2f5; border-radius:6px; padding:7px 9px; }.drop-card-body { padding:20px; }.drop-card-name { display:flex; justify-content:space-between; gap:10px; align-items:center; }.drop-card h3 { margin:0; font-size:17px; letter-spacing:-.03em; overflow-wrap:anywhere; }.drop-card-name > span { font:9px var(--mono); color:#a378b9; }.drop-card-body > p { font-size:11px; color:#a28aae; line-height:1.8; height:39px; overflow:hidden; margin:10px 0 17px; }.drop-card dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0; padding-top:16px; border-top:1px solid #f0e6f8; }.drop-card dt { color:#a288b4; font-size:8px; letter-spacing:.06em; }.drop-card dd { color:#72468e; font-size:16px; font-weight:600; margin:7px 0 0; }.drop-card-footer { display:flex; justify-content:space-between; padding:12px 20px; border-top:1px solid #f0e6f8; color:#a88dba; font-size:9px; background:#fdfbff; }.drop-card-footer b { color:#9556c1; font-weight:500; }
.drops-empty { grid-column:1/-1; min-height:260px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px dashed #dbc8ed; border-radius:16px; background:radial-gradient(ellipse at 50% 50%,#f7efff88,transparent 65%),#fefcff; padding:30px; }.empty-orbit { font-size:42px; color:#b999dc; line-height:1; }.drops-empty h3 { color:#7e5994; font-size:17px; font-weight:600; margin:19px 0 10px; letter-spacing:-.025em; }.drops-empty p { font-size:11px; color:#aa8dbb; line-height:1.8; margin:0; max-width:410px; }.drops-empty a { border:1px solid #e1c9f6; background:#fff; color:#9353c4; padding:10px 15px; border-radius:8px; font-size:10px; margin-top:20px; }.drop-pagination { display:flex; align-items:center; justify-content:center; gap:18px; margin:23px 0 16px; color:#ae96bc; font-size:10px; }.drop-pagination button { background:#fff; border:1px solid #e5d9ee; border-radius:6px; color:#8c63a3; padding:8px 12px; font-size:10px; cursor:pointer; }.drop-pagination button:disabled { opacity:.4; cursor:default; }.discovery-data-note { font-size:9px; color:#a88cb7; line-height:1.8; max-width:900px; }
.discovery-bottom { display:grid; grid-template-columns:1fr 1fr; margin:37px 0 22px; border:1px solid #e1d1f0; border-radius:17px; overflow:hidden; }.discovery-bottom > div { padding:32px; background:#fbf7ff; }.discovery-bottom > div:first-child { background:linear-gradient(120deg,#6c30b2,#9950e8); color:#fff; }.discovery-bottom .section-index { color:#b894d6; font-size:8px; letter-spacing:.09em; }.discovery-bottom > div:first-child .section-index { color:#dbc6f3; }.discovery-bottom h2 { margin:14px 0; font-size:32px; line-height:1.05; letter-spacing:-.05em; font-weight:650; }.discovery-bottom h3 { margin:14px 0; font-size:24px; letter-spacing:-.04em; color:#754094; font-weight:600; }.discovery-bottom p { font-size:11px; color:#a080b2; line-height:1.9; }.discovery-bottom > div:first-child p { color:#e1cbf4; }.discovery-bottom a { display:inline-flex; gap:35px; margin-top:15px; border-bottom:1px solid #cba0ee; padding-bottom:10px; font-size:11px; color:#f5e8ff; }.universe-tags { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 13px; }.universe-tags span { border:1px solid #e1cdec; background:#ffffff99; border-radius:7px; color:#9a6aae; padding:9px 11px; font-size:10px; }.discovery-bottom small { color:#b093c0; font-size:9px; }
@media(max-width:1000px) { .drop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.discovery-shell { padding:20px; }.discovery-hero { padding:32px; }.drop-orbit { width:290px; }.floating-asset.asset-ap { right:0; }.discovery-fee-strip { gap:12px; padding:16px 20px; }.discovery-fee-strip a { display:none; } }
@media(max-width:650px) { .discovery-shell { padding:16px; }.discovery-hero { grid-template-columns:1fr; padding:29px 25px; min-height:0; }.discovery-hero h1 { font-size:49px; }.drop-art { display:none; }.discovery-hero p { font-size:12px; }.discovery-fee-strip { gap:10px; padding:15px 13px; justify-content:space-between; font-size:8px; }.discovery-fee-strip span { display:flex; flex-direction:column; gap:5px; }.discovery-fee-strip b { font-size:13px; }.discovery-fee-strip i { display:none; }.drops-section { margin-top:29px; }.drops-title { align-items:flex-start; flex-direction:column; gap:19px; }#drop-search { width:100%; }.drops-title h2 { font-size:26px; }.drop-toolbar { flex-wrap:wrap; margin-top:17px; gap:12px; }.drop-sort { width:100%; justify-content:space-between; gap:3px; }.drop-sort button { font-size:10px; padding:10px 8px; }.drop-filters { width:100%; justify-content:space-between; }.drop-filters select { flex:1; }.drop-grid { grid-template-columns:1fr; }.drops-empty { min-height:245px; padding:26px 18px; }.drops-empty h3 { font-size:16px; }.discovery-bottom { grid-template-columns:1fr; }.discovery-bottom > div { padding:27px; }.discovery-bottom h2 { font-size:30px; }.discovery-data-note { font-size:9px; }.discovery-page footer { padding:24px 16px; } }
@media(prefers-reduced-motion:reduce) { .drop-card { transition:none; } }
.discovery-hero{min-height:290px;margin-top:4px;padding:30px 42px}.discovery-hero h1{font-size:clamp(44px,5vw,70px)}.drop-art{height:230px}.hero-actions{display:flex;gap:24px;align-items:center}.hero-browse{color:#7734c5;font-size:12px;font-weight:600}.factory-pulse{display:flex;gap:25px;align-items:center;padding:20px 5px;color:#8d709f;font:11px var(--mono);border-bottom:1px solid #e9dcf7;flex-wrap:wrap}.factory-pulse>span:first-child{color:#7936c4;font-weight:700}.factory-pulse b{color:#321842}.factory-pulse i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9f5cf2;margin-right:8px}.active-section{margin-top:28px}.active-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.active-heading h2{font-size:25px;letter-spacing:-.04em;margin:9px 0 0}.active-heading .section-index{font-size:9px}.active-heading p{font:10px var(--mono);color:#a086af}.live-dot{margin-left:12px;vertical-align:middle;box-shadow:0 0 0 4px #f2e8ff}.activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.activity-card{position:relative;display:flex;gap:13px;align-items:center;padding:20px;border-radius:15px;background:linear-gradient(130deg,#f4eaff,#fff);border:1px solid #ddc8f4}.activity-card img{width:44px;height:44px;border-radius:13px;object-fit:cover}.activity-card h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.activity-card p{font-size:10px;margin:5px 0;color:#92729f}.activity-card strong{color:#873bce;font-size:15px}.activity-card>span{color:#bb99d5;font:10px var(--mono);align-self:start}.activity-empty{color:#92799f;font-size:12px}.drop-card dd{overflow-wrap:anywhere}.valuation-source{display:block;color:#a087ad;font-size:9px;line-height:1.6;margin-top:12px}.liquink-spotlight{display:flex;align-items:center;gap:25px;margin:30px 0;padding:25px 30px;border:1px solid #dab9f8;border-radius:18px;background:#342044;color:#fff}.liquink-spotlight>img{width:65px;border-radius:17px}.liquink-spotlight h2{font-size:23px;margin:9px 0}.liquink-spotlight p{font-size:12px;color:#cebadb;max-width:650px;line-height:1.8}.liquink-spotlight .section-index{color:#c194eb;font-size:9px}.spotlight-links{margin-left:auto;display:grid;gap:12px;flex-shrink:0}.spotlight-links a{font-size:11px;color:#e7d1ff}.drops-section{scroll-margin-top:100px}.protocol-transparency{scroll-margin-top:100px}@media(max-width:1000px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.liquink-spotlight{flex-wrap:wrap}.spotlight-links{margin-left:0}}@media(max-width:650px){.discovery-hero{padding:27px 24px}.factory-pulse{gap:12px;font-size:9px}.active-heading{align-items:start;flex-direction:column;gap:4px}.activity-grid{grid-template-columns:1fr}.hero-actions{gap:15px}.hero-browse{font-size:10px}.liquink-spotlight{padding:22px}.drop-sort{flex-wrap:wrap;justify-content:start}}