:root{color:#f8fafc;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}code{font-family:SFMono-Regular,ui-monospace,monospace}a{color:inherit}.app-shell{background:radial-gradient(circle at 0 0,#22d3ee2e,#0000 34rem),radial-gradient(circle at 100% 0,#a855f72e,#0000 34rem),linear-gradient(135deg,#020617 0%,#0f172a 55%,#111827 100%);min-height:100vh;padding:32px}.hero-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;padding-right:220px;display:flex;position:relative}.hero-header h1{letter-spacing:-.07em;max-width:860px;margin:12px 0 8px;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.92}.hero-header p,.fund-panel p,.mint-panel p,.final-book p,.panel-copy,.asset-hint,.empty-state span,.metric-helper,.loading-strip,.status-banner span{color:#cbd5e1;line-height:1.65}.eyebrow{color:#a5f3fc;text-transform:uppercase;letter-spacing:.08em;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.wallet-note{color:#94a3b8;margin-top:12px;font-size:13px;font-weight:700}.connect-wallet-wrap{position:absolute;top:0;right:0}.top-metrics,.content-grid,.dashboard-grid{gap:16px;margin-bottom:24px;display:grid}.top-metrics,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.05fr 1fr 1fr}.lower-grid{grid-template-columns:1.1fr .9fr}.metric-card,.panel{background:#0f172ad1;border:1px solid #ffffff17;border-radius:28px;box-shadow:0 24px 80px #00000042}.metric-card{align-items:center;gap:14px;padding:20px;display:flex}.metric-icon{background:#ffffff14;border-radius:16px;place-items:center;width:46px;height:46px;display:grid}.metric-label,.fund-card span,.panel-title span,.small-stat span,.burn-claim span,.input-group span,.asset-hint,.empty-state strong,.status-banner strong{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.metric-value{margin-top:4px;font-size:28px;font-weight:950}.metric-helper{margin-top:6px;font-size:12px}.fund-panel{background:linear-gradient(135deg,#0f172aeb,#581c8773);border:1px solid #ffffff1a;border-radius:32px;margin-bottom:24px;padding:24px;box-shadow:0 32px 90px #581c8733}.fund-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.fund-header h2{letter-spacing:-.055em;align-items:center;gap:12px;margin:0;font-size:clamp(2.1rem,4vw,4.1rem);line-height:.96;display:flex}.total-fund,.fund-card,.small-stat,.burn-claim,.experience,.asset-card,.swap-meta div,.claim-grid div,.empty-state,.status-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:24px}.total-fund{text-align:right;min-width:220px;padding:18px 22px}.total-fund span{color:#cbd5e1;font-size:12px;font-weight:800;display:block}.total-fund strong{margin-top:4px;font-size:34px;display:block}.fund-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.fund-card{padding:18px}.fund-card strong{margin-top:8px;font-size:28px;display:block}.fund-card em{color:#cbd5e1;margin-top:5px;font-style:normal;display:block}.panel{padding:22px}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-title h3{margin:4px 0 0;font-size:28px}.pill{white-space:nowrap;background:#ffffff14;border-radius:999px;padding:10px 13px;font-weight:900}.scroll-list{gap:12px;max-height:472px;padding-right:4px;display:grid;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:10px}.scroll-list::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.asset-card{background:#ffffff0e;padding:14px}.asset-card-main{grid-template-columns:52px 1fr auto;align-items:center;gap:14px;display:grid}.nft-thumb{background:linear-gradient(135deg,#334155,#111827);border-radius:18px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.nft-image{object-fit:cover;width:100%;height:100%}.asset-card strong,.asset-card span{display:block}.asset-card span{color:#94a3b8;margin-top:4px;font-size:13px}.asset-card em{color:#a5f3fc;font-style:normal;font-weight:900}.asset-card-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mini-button,.primary-button,.burn-button,.toggle-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.mini-button{border-radius:14px;min-height:38px;padding:10px 14px;font-weight:900}.mini-button-secondary{color:#f8fafc;background:#ffffff1f}.mini-button-ghost{color:#94a3b8;background:#ffffff0d}.mini-button:disabled,.primary-button:disabled,.burn-button:disabled,.toggle-button:disabled{opacity:.58;cursor:not-allowed}.asset-hint{margin-top:12px;font-size:11px}.swap-panel{flex-direction:column;gap:14px;display:flex}.swap-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toggle-button{color:#f8fafc;background:#ffffff0f;border-radius:18px;min-height:48px;font-weight:900}.toggle-button.active{color:#020617;background:#fff}.input-group{gap:8px;display:grid}.input-group input{color:#f8fafc;background:#0206178c;border:1px solid #ffffff24;border-radius:18px;width:100%;padding:16px 18px}.input-group input::placeholder{color:#64748b}.swap-meta,.fee-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.swap-meta div,.fee-grid .small-stat{padding:14px}.swap-meta strong,.fee-grid strong{font-size:18px;display:block}.swap-meta span{color:#cbd5e1;margin-top:4px;font-size:12px;display:block}.compact-copy{margin:0}.empty-state{place-items:start;gap:8px;padding:18px;display:grid}.primary-button,.burn-button{border-radius:18px;width:100%;padding:18px;font-weight:950}.primary-button{color:#020617;background:#fff}.burn-button{color:#020617;background:#fed7aa;margin-top:14px}.final-book{background:linear-gradient(135deg,#0e749033,#0f172ae6);border:1px solid #ffffff1a;border-radius:32px;grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:24px;padding:26px;display:grid}.final-book h2{letter-spacing:-.05em;margin:14px 0 8px;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1}.book-actions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.book-actions .primary-button,.book-actions .burn-claim{grid-column:1/-1}.small-stat{text-align:center;padding:18px}.small-stat strong{margin-top:6px;font-size:34px;display:block}.burn-claim{padding:18px}.burn-claim>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.burn-claim>div:first-child strong{font-size:28px}.claim-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.claim-grid div{padding:12px}.claim-grid strong,.claim-grid span{display:block}.claim-grid span{color:#cbd5e1;margin-top:4px}.experience-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.experience{border:1px solid #ffffff14;min-height:130px;padding:16px}.experience span,.experience strong,.experience em{display:block}.experience span{color:#94a3b8;font-weight:900}.experience strong{margin-top:18px;line-height:1.2}.experience em{color:#cbd5e1;margin-top:10px;font-size:13px;font-style:normal}.experience.locked{opacity:.52}.experience.unlocked{background:linear-gradient(135deg,#22d3ee21,#ffffff14)}.status-banner,.loading-strip{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:16px 20px;display:flex}.status-banner.success{border:1px solid #22c55e59}.status-banner.error{border:1px solid #f8717166}.status-banner a{align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.loading-strip{justify-content:center}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.metrics-grid-wide,.dashboard-grid,.lower-grid,.fund-grid,.experience-grid,.swap-meta,.fee-grid{grid-template-columns:1fr 1fr}}@media (width<=980px){.app-shell{padding:20px}.hero-header{padding-top:82px;padding-right:0}.connect-wallet-wrap{left:0;right:auto}.top-metrics,.content-grid,.dashboard-grid,.lower-grid,.final-book,.fund-grid,.experience-grid,.swap-meta,.fee-grid{grid-template-columns:1fr}.fund-header{flex-direction:column;align-items:stretch}.total-fund{text-align:left}}@media (width<=560px){.book-actions,.claim-grid,.swap-toggle{grid-template-columns:1fr}.asset-card-main{grid-template-columns:52px 1fr}.asset-card em{grid-column:2}}