:root{--black: #0a0a0a;--white: #fafafa;--accent: #c9a962;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-400: #a3a3a3;--gray-600: #525252;--border: #f0f0f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--white);color:var(--black);line-height:1.6;overflow-x:hidden}.font-display{font-family:Playfair Display,Georgia,serif}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--black);transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--black)!important;font-weight:500}.btn-primary{position:relative;background:var(--black);color:var(--white);overflow:hidden;transition:all .3s ease}.btn-primary:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary{position:relative;border:1px solid var(--black);background:transparent;color:var(--black);transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background:var(--black);color:var(--white)}.avatar-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border);cursor:pointer;transition:all .3s ease}.avatar-container:hover{border-color:var(--accent);transform:scale(1.02)}.avatar-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.avatar-container:hover .avatar-edit-overlay{opacity:1}.avatar-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,var(--gray-100),var(--gray-200))}.default-avatar-option{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.default-avatar-option:hover{border-color:var(--accent);transform:scale(1.1)}.default-avatar-option.selected{border-color:var(--black);box-shadow:0 0 0 3px #c9a9624d}.modal-backdrop{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inspiration-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.inspiration-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px #0000001f;border-color:var(--gray-200)}.inspiration-card .card-image{position:relative;overflow:hidden}.inspiration-card .card-image img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.inspiration-card:hover .card-image img{transform:scale(1.05)}.inspiration-card .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.inspiration-card:hover .card-overlay{opacity:1}.inspiration-card .card-info{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff;transform:translateY(100%);transition:transform .3s ease}.inspiration-card:hover .card-info{transform:translateY(0)}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-animate{animation:fadeUpIn .5s ease-out forwards}.tag-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:11px;background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.tag-chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.credits-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#c9a9621a,#c9a9620d);border:1px solid rgba(201,169,98,.3);border-radius:50px;font-weight:500;color:var(--black)}.credits-badge i{color:var(--accent)}.recharge-btn{padding:6px 12px;background:var(--accent);color:#fff;border-radius:20px;font-size:12px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none}.recharge-btn:hover{background:#b89a52;transform:translateY(-1px)}.username-display{display:flex;align-items:center;gap:8px}.username-edit-btn{padding:4px 8px;border-radius:6px;color:var(--gray-400);cursor:pointer;transition:all .2s ease;background:none;border:none}.username-edit-btn:hover{color:var(--black);background:var(--gray-100)}.username-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:inherit;width:200px;transition:all .2s ease}.username-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c9a9621a}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--gray-400)}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:var(--black);color:#fff;padding:12px 24px;border-radius:50px;font-size:14px;z-index:2000;opacity:0;transition:all .3s ease}.toast.show{transform:translate(-50%) translateY(0);opacity:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.delete-btn{width:36px;height:36px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.delete-btn-small{width:24px;height:24px;border-radius:50%;background:#ef44441a;color:#ef4444;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:10px}.delete-btn-small:hover{background:#ef4444e6;color:#fff}.upload-area{border:2px dashed var(--border);border-radius:16px;padding:40px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-area:hover,.upload-area.dragover{border-color:var(--accent);background:#c9a9620d}