@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#22223a;--bg-glass:#1a1a2eb3;--accent-primary:#6c5ce7;--accent-secondary:#a29bfe;--accent-glow:#6c5ce74d;--accent-gradient:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 50%,#74b9ff 100%);--accent-gradient-hover:linear-gradient(135deg,#7c6cf7 0%,#b2abfe 50%,#84c9ff 100%);--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#55556a;--border-color:#6c5ce726;--border-hover:#6c5ce766;--success:#00d2a0;--warning:#fdcb6e;--danger:#ff6b6b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 40px #6c5ce726}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0a0a0fd9;padding:0 2rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{font-size:1.5rem}.logo-text{letter-spacing:-.5px;font-size:1.2rem;font-weight:800}.logo-text span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.nav-link.active{color:var(--accent-secondary);background:#6c5ce71a}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 6px 25px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{border-radius:var(--radius-md);padding:14px 32px;font-size:1rem}.hero{text-align:center;padding:100px 2rem 80px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,var(--accent-glow),transparent 60%);pointer-events:none;width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero h1{letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:900;line-height:1.1;position:relative}.hero h1 .gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.stats-bar{border-top:1px solid var(--border-color);justify-content:center;gap:48px;margin-top:60px;padding-top:40px;display:flex}.stat-item{text-align:center}.stat-value{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.section{max-width:1200px;margin:0 auto;padding:60px 2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.section-title{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.memory-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.memory-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;color:inherit;padding:24px;text-decoration:none;transition:all .3s;display:block}.memory-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.memory-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.memory-category{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block}.category-personality{color:#a29bfe;background:#6c5ce733}.category-knowledge{color:#00d2a0;background:#00d2a033}.category-conversation{color:#74b9ff;background:#74b9ff33}.category-skill{color:#fdcb6e;background:#fdcb6e33}.category-other{color:#8888a0;background:#8888a033}.memory-price{color:var(--accent-secondary);font-size:1.1rem;font-weight:700}.memory-title{margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.3}.memory-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.memory-preview{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);max-height:80px;margin-bottom:16px;padding:12px;font-family:Courier New,monospace;font-size:.8rem;line-height:1.5;position:relative;overflow:hidden}.memory-preview:after{content:"";background:linear-gradient(transparent,var(--bg-secondary));height:40px;position:absolute;bottom:0;left:0;right:0}.memory-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.memory-seller{align-items:center;gap:8px;display:flex}.seller-avatar{background:var(--accent-gradient);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex}.seller-name{color:var(--text-secondary);font-size:.8rem}.memory-editions{color:var(--text-muted);font-size:.75rem}.platform-badge{color:var(--accent-secondary);background:#6c5ce71a;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:flex}.filter-bar input[type=text]{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);min-width:200px;color:var(--text-primary);outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.filter-bar input:focus{border-color:var(--accent-primary)}.filter-bar select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;outline:none;padding:10px 16px;font-family:inherit;font-size:.9rem}.detail-layout{grid-template-columns:1fr 380px;gap:40px;max-width:1200px;margin:0 auto;padding:40px 2rem;display:grid}.detail-main h1{letter-spacing:-.5px;margin-bottom:16px;font-size:2rem;font-weight:800}.detail-meta{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.preview-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);white-space:pre-wrap;max-height:400px;margin-bottom:32px;padding:24px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.7;position:relative;overflow:hidden}.preview-box:after{content:"";background:linear-gradient(transparent,var(--bg-secondary));height:80px;position:absolute;bottom:0;left:0;right:0}.preview-label{background:var(--accent-gradient);border-radius:20px;margin-bottom:16px;padding:4px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.detail-sidebar{align-self:start;position:sticky;top:80px}.purchase-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:28px}.purchase-price{margin-bottom:4px;font-size:2.5rem;font-weight:900}.purchase-price .unit{color:var(--text-muted);font-size:1rem;font-weight:500}.edition-info{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.edition-bar{background:var(--bg-secondary);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.edition-bar-fill{background:var(--accent-gradient);border-radius:3px;height:100%;transition:width .5s}.purchase-btn{justify-content:center;width:100%;margin-top:20px}.agent-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.share-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.share-card:before{content:"";background:linear-gradient(90deg,#1da1f2,#6c5ce7,#a29bfe);height:3px;position:absolute;top:0;left:0;right:0}.agent-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.agent-avatar{background:var(--accent-gradient);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.agent-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.agent-name{font-size:1rem;font-weight:700}.agent-platform{color:var(--text-muted);font-size:.8rem}.agent-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.agent-stat{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px}.agent-stat-value{color:var(--accent-secondary);font-size:1.1rem;font-weight:700}.agent-stat-label{color:var(--text-muted);margin-top:2px;font-size:.7rem}.agent-recent-title{color:var(--text-secondary);border-top:1px solid var(--border-color);margin-bottom:12px;padding-top:16px;font-size:.85rem;font-weight:600}.agent-recent-posts{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.agent-post{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);padding:10px;font-size:.8rem;line-height:1.4;text-decoration:none;transition:background .2s;display:block}.agent-post:hover{background:var(--bg-card-hover);color:var(--text-primary)}.agent-post-title{color:var(--text-primary);margin-bottom:4px;font-weight:600}.agent-post-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.agent-post-date{color:var(--text-muted);margin-top:4px;font-size:.7rem}.mint-container{max-width:700px;margin:0 auto;padding:40px 2rem}.mint-container h1{margin-bottom:8px;font-size:2rem;font-weight:800}.mint-subtitle{color:var(--text-secondary);margin-bottom:40px}.form-group{margin-bottom:24px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-label .optional{color:var(--text-muted);font-size:.8rem;font-weight:400}.form-input,.form-textarea,.form-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-textarea{resize:vertical;min-height:120px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.file-upload{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:40px;transition:all .3s}.file-upload:hover{border-color:var(--accent-primary);background:#6c5ce70d}.file-upload.has-file{border-color:var(--success);background:#00d2a00d}.file-upload-icon{margin-bottom:8px;font-size:2rem}.file-upload-text{color:var(--text-secondary);font-size:.9rem}.file-upload-text strong{color:var(--accent-secondary)}.file-upload input[type=file]{display:none}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.dashboard-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.dashboard-stat-label{color:var(--text-muted);margin-bottom:4px;font-size:.8rem}.dashboard-stat-value{font-size:1.8rem;font-weight:800}.tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:24px;display:flex}.tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-secondary);border-bottom-color:var(--accent-primary)}.auth-container{text-align:center;padding:80px 2rem}.auth-container h2{margin-bottom:16px}.auth-container p{color:var(--text-secondary);margin-bottom:32px}.auth-buttons{flex-direction:column;gap:12px;max-width:300px;margin:0 auto;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:80px 2rem}.empty-state-icon{margin-bottom:16px;font-size:3rem}.empty-state p{margin-bottom:24px;font-size:1rem}.loading{justify-content:center;padding:60px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:20px;padding:3px 10px;font-size:.7rem}.toast{border-radius:var(--radius-sm);z-index:1000;padding:14px 20px;font-size:.9rem;font-weight:500;animation:.3s slideIn;position:fixed;top:80px;right:20px}.toast-success{color:var(--success);background:#00d2a026;border:1px solid #00d2a04d}.toast-error{color:var(--danger);background:#ff6b6b26;border:1px solid #ff6b6b4d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);padding:40px 2rem;font-size:.85rem}.footer a{color:var(--accent-secondary);text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:768px){.hero h1{font-size:2.2rem}.stats-bar{flex-wrap:wrap;gap:24px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.form-row,.memory-grid{grid-template-columns:1fr}.nav-links{display:none}}