@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 10px #a855f766}50%{box-shadow:0 0 25px #a855f7cc}to{box-shadow:0 0 10px #a855f766}}.animate-fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards popIn}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-panel{-webkit-backdrop-filter:blur(25px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 10px 40px #0006}.gradient-text{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.screen-wrapper{flex-direction:column;min-height:100vh;display:flex}.screen-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 24px 90px}.home-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.home-header h1{font-size:2rem;font-weight:700}.character-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch;gap:20px;display:grid}.exquisite-card{cursor:pointer;background:#111;border:1px solid #ffffff26;border-radius:28px;height:320px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;position:relative;overflow:hidden}.exquisite-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #a855f766}.exquisite-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.exquisite-card:hover img{transform:scale(1.05)}.card-overlay{background:linear-gradient(#0000 0%,#0009 50%,#000 100%);flex-direction:column;gap:4px;padding:40px 20px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-overlay h3{color:#fff;text-shadow:0 2px 4px #000c;margin:0;font-size:1.4rem}.card-badges{gap:8px;margin-top:8px;display:flex}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex}.chat-screen-wrapper{background-color:#000;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.chat-bg-blur{filter:blur(40px);z-index:-2;opacity:1;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.chat-bg-blur:after{content:"";background:#000c;position:absolute;inset:0}.chat-bg{z-index:-1;background-position:50%;background-repeat:no-repeat;transition:background-size .3s;position:absolute;inset:0}.chat-bg:after{content:"";background:linear-gradient(#000c 0%,#0000001a 20% 80%,#000 100%);position:absolute;inset:0}.chat-header{z-index:10;background:linear-gradient(#000c 0%,#0000 100%);align-items:center;padding:20px 24px;display:flex;position:relative}.chat-header .title-area{flex:1;margin-left:12px}.chat-header h2{color:#fff;margin:0;font-size:1.3rem}.chat-container{z-index:10;flex-direction:column;flex:1;padding:24px;display:flex;position:relative;overflow-y:auto}.chat-messages{flex-direction:column;gap:16px;width:100%;max-width:600px;margin:0 auto;padding-bottom:20px;display:flex}.message-wrapper{flex-direction:column;max-width:80%;display:flex;position:relative}.message-wrapper.user{align-self:flex-end}.message-wrapper.ai{align-self:flex-start}.message{letter-spacing:.2px;border-radius:22px;padding:16px 22px;font-size:1rem;line-height:1.6;position:relative}.message-wrapper.user .message{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);border-bottom-right-radius:6px;box-shadow:0 8px 25px #ec489966}.message-wrapper.ai .message{-webkit-backdrop-filter:blur(20px);color:#f8f8f8;background:#1e1e1eb3;border:1px solid #ffffff1a;border-bottom-left-radius:6px;box-shadow:0 8px 25px #00000080}.msg-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.message-wrapper.user .msg-actions{left:-40px}.message-wrapper.ai .msg-actions{right:-40px}.message-wrapper:hover .msg-actions{opacity:1}.action-btn{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,transform .2s;display:flex}.action-btn:hover{background:#fff3;transform:scale(1.1)}.message-edit-input{color:#fff;resize:vertical;background:#0000004d;border:1px solid #ffffff4d;border-radius:12px;outline:none;width:100%;min-height:80px;padding:10px;font-family:Inter,sans-serif;font-size:.95rem}.edit-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.chat-input-bar{z-index:10;background:linear-gradient(#0000 0%,#000c 40%,#000 100%);padding:20px 24px;position:relative}.chat-input-container{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;align-items:center;max-width:600px;margin:0 auto;padding:8px 8px 8px 24px;display:flex;box-shadow:0 8px 32px #0006}.chat-input-container input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.chat-input-container input::placeholder{color:#fff6}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 15px #ec489999}.send-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a}.bottom-nav{-webkit-backdrop-filter:blur(25px);z-index:50;background:#0f0c29b3;border:1px solid #ffffff1a;border-radius:30px;gap:32px;padding:12px 24px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.nav-item{color:#fff6;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;transition:all .3s;display:flex;position:relative}.nav-item.active{color:#ec4899}.nav-item:hover{color:#fff}.nav-item.active:after{content:"";background:#ec4899;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-6px;box-shadow:0 0 8px #ec4899}.auth-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.glass-form{flex-direction:column;gap:20px;width:100%;max-width:400px;padding:40px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#ffffffb3;font-size:.9rem}.form-input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:16px;outline:none;padding:16px;font-size:1.05rem;transition:border-color .3s,box-shadow .3s}.form-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}textarea.form-input{resize:vertical;min-height:100px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px 28px;font-size:1.05rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ec489966}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.loader{border:3px solid #ffffff1a;border-top-color:#ec4899;border-radius:50%;width:24px;height:24px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}