*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg-color:#12121c;--secondary-bg-color:#1f1f2b;--primary-text-color:#e0e0e0;--secondary-text-color:#a0a0a0;--accent-color:#f0f;--accent-color-rgb:255,0,255;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--vh-100:100dvh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#12121c;background-color:var(--primary-bg-color);color:#e0e0e0;color:var(--primary-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.xaman-signin-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:calc(20px + env(safe-area-inset-top, 0px)) 20px calc(20px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:0;z-index:2000}.xaman-signin-modal{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#2e1a2e 50%,#3d1a3d);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #f0f3;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));max-width:480px;overflow-y:auto;position:relative;width:100%}.modal-header{background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:24px 28px 20px}.header-content{flex:1 1}.header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ff6b9d);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0 0 12px}.progress-indicator{display:flex;flex-direction:column;gap:8px}.progress-text{color:#ffffffb3;font-size:14px;font-weight:500}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:200px}.progress-fill{background:linear-gradient(90deg,#f0f,#ff6b9d);border-radius:2px;height:100%;transition:width .5s ease}.close-button{padding:8px}.modal-body{display:flex;flex-direction:column;min-height:400px;padding:0}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#fca5a5;display:flex;gap:12px;margin:20px 28px 0;padding:16px 28px}.error-icon{flex-shrink:0}.content-container{flex:1 1;padding:28px}.content-container,.step-content{display:flex;flex-direction:column}.step-content{height:100%;min-height:350px}.wallet-selection .step-header{margin-bottom:32px;text-align:center}.step-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.step-header h3{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.step-header p{color:#ffffffb3;font-size:16px;margin:0}.wallet-grid{display:flex;flex:1 1;justify-content:center}.wallet-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:16px;max-width:320px;padding:24px;text-align:left;transition:all .3s ease;width:100%}.wallet-card:hover{background:#ffffff14;border-color:#ff00ff80;box-shadow:0 12px 24px #ff00ff26;transform:translateY(-2px)}.wallet-card-header{align-items:center;display:flex;justify-content:space-between}.wallet-logo{align-items:center;background:#fff;border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.wallet-logo img{height:32px;object-fit:contain;width:32px}.wallet-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.wallet-badge.new{background:linear-gradient(135deg,#6c5ce7,#5a4fcf)}.wallet-card-body h4{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.wallet-card-body p{color:#ffffffb3;font-size:14px;margin:0 0 16px}.wallet-features{display:flex;flex-direction:column;gap:6px}.feature{color:#fffc;font-size:13px}.wallet-card-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:16px}.connect-text{color:#3b82f6;font-weight:600}.loading-step{align-items:center;justify-content:center;text-align:center}.loading-animation{align-items:center;display:flex;flex-direction:column;gap:24px}.loading-circle{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.loading-spinner{color:#f0f}.loading-spinner circle{stroke:#f0f;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:50;stroke-dashoffset:50;animation:spin 1.5s linear infinite}.loading-step h3{color:#fff;font-size:24px;font-weight:700;margin:0}.loading-step p{color:#ffffffb3;font-size:16px;margin:0}.qr-step{gap:24px}.qr-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.qr-header p{color:#ffffffb3;font-size:16px;margin:0 0 24px}.qr-display{display:inline-block;margin:0 auto 24px;position:relative}.qr-frame{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:20px}.qr-container{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #ff00ff1a;margin:24px 0;padding:24px;text-align:center}.qr-corners{bottom:-8px;left:-8px;pointer-events:none;position:absolute;right:-8px;top:-8px}.corner{border:3px solid #f0f;height:24px;position:absolute;width:24px}.corner.top-left{border-bottom:none;border-radius:8px 0 0 0;border-right:none;left:0;top:0}.corner.top-right{border-bottom:none;border-left:none;border-radius:0 8px 0 0;right:0;top:0}.corner.bottom-left{border-radius:0 0 0 8px;border-right:none;border-top:none;bottom:0;left:0}.corner.bottom-right{border-left:none;border-radius:0 0 8px 0;border-top:none;bottom:0;right:0}.instructions-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.instructions-panel h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.instruction-list{display:flex;flex-direction:column;gap:12px}.instruction-item{align-items:center;display:flex;gap:12px}.instruction-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.instruction-item span{color:#fffc;font-size:14px}.success-step{align-items:center;gap:24px;justify-content:center;text-align:center}.success-animation,.success-circle{align-items:center;display:flex;justify-content:center}.success-circle{animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f0f,#ff6b9d);border-radius:50%;color:#fff;height:80px;width:80px}.success-content h3{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.success-content p{color:#ffffffb3;font-size:16px;margin:0 0 24px}.account-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:16px}.account-label{color:#fff9;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.account-address{color:#3b82f6;font-family:Monaco,Menlo,monospace;font-size:14px;word-break:break-all}.continue-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:16px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.continue-btn:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.modal-footer{background:#ffffff05;border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:20px 28px}.security-badge{align-items:center;color:#fff9;display:flex;font-size:14px;gap:8px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:640px){.xaman-signin-overlay{padding:16px}.xaman-signin-modal{border-radius:20px;max-width:100%}.modal-header{padding:20px 24px 16px}.header-content h2{font-size:20px}.progress-bar{width:150px}.content-container{padding:24px}.step-content{min-height:300px}.step-header h3{font-size:24px}.wallet-card{padding:20px}.qr-frame{padding:16px}.modal-footer{padding:16px 24px}}@media (max-width:480px){.header-content h2{font-size:18px}.progress-bar{width:120px}.step-header h3{font-size:22px}.success-content h3{font-size:24px}}@media screen and (max-width:393px) and (max-height:852px){.xaman-signin-overlay{padding:calc(20px + env(safe-area-inset-top, 0px)) 20px calc(20px + env(safe-area-inset-bottom, 0px))}.xaman-signin-modal{border-radius:16px;max-height:82vh;max-width:100%;overflow-y:auto}.modal-header{padding:16px 16px 12px}.header-content h2{font-size:18px}.progress-bar{height:3px;width:110px}.content-container{padding:16px}.modal-body{min-height:320px}.step-icon{border-radius:16px;height:48px;margin-bottom:12px;width:48px}.step-header h3{font-size:20px}.step-header p{font-size:14px}.wallet-grid{align-items:stretch;flex-direction:column;gap:12px}.wallet-card{max-width:100%;min-height:200px;padding:16px}.wallet-logo{height:40px;width:40px}.wallet-logo img{height:28px;width:28px}.wallet-card-body h4{font-size:18px}.wallet-card-body p{font-size:13px}.feature{font-size:12px}.wallet-card-footer{margin-top:auto;padding-top:12px}.qr-frame{padding:12px}}.simple-login .step-header{margin-bottom:20px;text-align:center}.simple-login .step-header h3{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px}.simple-login .step-header p{color:#ffffffb3;font-size:14px;margin:0}.provider-list{display:flex;flex-direction:column;gap:12px}.provider-button{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:12px;justify-content:center;padding:14px 16px;transition:all .2s ease;width:100%}.provider-button:hover{background:#ffffff1a;border-color:#ff00ff59}.provider-button:disabled{cursor:not-allowed;opacity:.6}.provider-button img{background:#fff;border-radius:6px;flex-shrink:0;height:24px;width:24px}.provider-button span{flex:0 0 auto;text-align:center}.provider-xaman{box-shadow:inset 0 0 0 1px #3b82f626}.provider-joey{box-shadow:inset 0 0 0 1px #8b5cf626}.legal-notice{color:#fff9;font-size:12px;line-height:1.4;margin-top:10px;text-align:center}.legal-notice a{color:#a5b4fc;text-decoration:underline}.legal-notice a:hover{color:#fff;text-decoration:underline}.create-character-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.create-character-modal{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#1a1a2e);border:1px solid #f0f3;border-radius:20px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ff00ff1a;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.create-character-modal:before{background:linear-gradient(135deg,#ff00ff0d,#ff6b9d08);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.create-character-modal>*{position:relative;z-index:1}.modal-header{align-items:center;background:linear-gradient(135deg,#2a2a3a,#334);border-bottom:1px solid #f0f3;display:flex;justify-content:space-between;padding:24px 28px;position:relative}.modal-header:after{background:linear-gradient(90deg,#0000,#f0f9,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f,#ff6b9d);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.6rem;font-weight:700;margin:0}.step-indicator{align-items:center;display:flex;gap:16px}.step-indicator .step{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ccc;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.step-indicator .step.active{background:linear-gradient(135deg,#f0f3,#ff6b9d1a);border-color:#f0f6;box-shadow:0 0 15px #ff00ff4d;color:#ff6b9d}.close-button{color:#ff6b9d;font-size:20px;height:36px;width:36px}.close-button:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.modal-tabs{background:linear-gradient(135deg,#1e1e2e,#252538);border-bottom:1px solid #f0f3;display:flex;position:relative}.modal-tabs:after{background:linear-gradient(90deg,#0000,#f0f6,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:16px 24px;position:relative;transition:all .3s ease}.tab-button:hover{background:#ff00ff0d;color:#ff6b9d;transform:translateY(-1px)}.tab-button.active{border-bottom-color:#f0f;box-shadow:0 0 20px #ff00ff4d;color:#fff}.tab-button.active,.tab-button.active:before{background:linear-gradient(135deg,#ff00ff1a,#ff6b9d0d)}.tab-button.active:before{border-radius:8px 8px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.modal-form{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#1a1a2e);flex:1 1;overflow-y:auto;padding:32px 36px}.character-form,.scenario-form{display:flex;flex-direction:column;gap:28px;margin-bottom:24px}.form-row{display:flex;gap:24px}.form-row .form-group{flex:1 1}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#f0f);-webkit-background-clip:text;background-clip:text;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #f0f3;border-radius:12px;color:#fff;font-size:.95rem;padding:16px 18px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#f0f;box-shadow:0 0 0 3px #ff00ff1a,0 0 20px #f0f3;outline:none;transform:translateY(-1px)}.form-group textarea{line-height:1.5}.tag-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #f0f3;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;min-height:52px;padding:16px;transition:all .3s ease}.tag-input:focus-within{background:#ffffff14;border-color:#f0f;box-shadow:0 0 0 3px #ff00ff1a,0 0 20px #f0f3}.tag-input input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;min-width:120px;padding:4px 0}.tag-input input:focus{outline:none}.tag-input input::placeholder{color:#ff6b9d99}.tag-input button{background:linear-gradient(135deg,#f0f,#ff6b9d);border:none;border-radius:8px;box-shadow:0 2px 4px #f0f3;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.tag-input button:hover{background:linear-gradient(135deg,#e91e63,#ad1457);box-shadow:0 4px 8px #ff00ff4d;transform:translateY(-1px)}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.modal-tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f0f3,#ff6b9d26);border:1px solid #ff00ff4d;border-radius:20px;color:#ff6b9d;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .3s ease}.modal-tag:hover{background:linear-gradient(135deg,#ff00ff4d,#ff6b9d33);border-color:#ff00ff80;box-shadow:0 4px 12px #f0f3;transform:translateY(-1px)}.modal-tag button{align-items:center;background:none;border:none;border-radius:50%;color:#ff6b9d;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.modal-tag button:hover{background:#ef444433;color:#ef4444}.checkbox-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;gap:20px;margin:8px 0;padding:24px 28px;transition:all .3s ease}.checkbox-group:hover{background:#ffffff14;border-color:#ff00ff4d;transform:translateY(-1px)}.checkbox-group input[type=checkbox]{height:20px;margin:0;width:20px}.checkbox-group label{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#ff6b9d,#f0f);-webkit-background-clip:text;background-clip:text;display:flex;font-size:.95rem;gap:8px}.file-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #f0f3;border-radius:12px;color:#ff6b9d;font-size:.9rem;font-weight:500;margin-top:16px;padding:24px 28px;text-align:center;transition:all .3s ease}.file-info:hover{background:#ffffff14;border-color:#ff00ff4d;transform:translateY(-1px)}.modal-actions{align-items:center;background:linear-gradient(135deg,#1e1e2e,#252538);border-top:1px solid #f0f3;display:flex;gap:16px;justify-content:space-between;padding:20px 32px}.modal-actions:before{background:linear-gradient(90deg,#0000,#f0f9,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.modal-actions .button-group{align-items:center;display:flex;gap:12px}.modal-actions .nav-buttons{display:flex;gap:12px}.cancel-button,.next-button,.prev-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#ccc;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.cancel-button:hover,.next-button:hover,.prev-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.next-button.primary,.submit-button{background:linear-gradient(135deg,#f0f,#ff6b9d);border:1px solid #ff00ff4d;border-radius:10px;box-shadow:0 4px 15px #ff00ff4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease}.next-button.primary:before,.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.next-button.primary:hover:before,.submit-button:hover:before{left:100%}.next-button.primary:hover,.submit-button:hover{background:linear-gradient(135deg,#e91e63,#f0f);box-shadow:0 6px 20px #f0f6;transform:translateY(-1px)}.next-button:disabled,.submit-button:disabled{background:#ffffff1a;border-color:#ffffff1a;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.next-button:disabled:before,.submit-button:disabled:before{display:none}@media (max-width:768px){.create-character-overlay{padding:10px}.create-character-modal{border-radius:16px;max-height:95vh;max-width:100%}.form-row{grid-template-columns:1fr}.modal-header{align-items:flex-start;flex-direction:column;gap:10px;padding:16px 56px 16px 20px}.create-character-modal .close-button{position:absolute;right:12px;top:12px;z-index:2}.modal-header h2{font-size:1.25rem}.step-indicator{flex-wrap:wrap;gap:8px;width:100%}.step-indicator .step{border-radius:16px;font-size:.85rem;padding:6px 12px}.modal-form{padding:20px}.modal-actions{flex-direction:column;padding:16px 20px}.modal-actions button{width:100%}}.modal-form::-webkit-scrollbar{width:6px}.modal-form::-webkit-scrollbar-track{background:#1a1a1a}.modal-form::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.modal-form::-webkit-scrollbar-thumb:hover{background:#555}.file-upload-section{background:#ffffff08;border:1px dashed #ff00ff4d;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease}.file-upload-section:hover{background:#ffffff0d;border-color:#ff00ff80}.file-upload-section h4{color:#ff6b9d;font-size:1rem;font-weight:600;margin:0 0 12px}.file-input-wrapper{display:inline-block;position:relative;width:100%}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input-label{align-items:center;background:#ff00ff1a;border:1px solid #ff00ff4d;border-radius:8px;color:#ff6b9d;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.file-input-label:hover{background:#f0f3;border-color:#ff00ff80;transform:translateY(-1px)}.file-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.file-preview-item{border:1px solid #ff00ff4d;border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.file-preview-item img{height:100%;object-fit:cover;width:100%}.file-remove-btn{align-items:center;background:#ef4444cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:20px}.file-remove-btn:hover{background:#ef4444;transform:scale(1.1)}.checkbox-group{align-items:center;background:#ffffff08;border:1px solid #f0f3;border-radius:10px;display:flex;gap:12px;padding:16px}.checkbox-group input[type=checkbox]{accent-color:#f0f;cursor:pointer;height:18px;width:18px}.checkbox-group label{color:#fff;cursor:pointer;font-weight:500;margin:0}.tags-input-container{align-items:center;background:#ffffff0d;border:1px solid #f0f3;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:12px}.tag-item{background:linear-gradient(135deg,#f0f3,#ff6b9d1a);border:1px solid #ff00ff4d;border-radius:16px;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.tag-item,.tag-remove{align-items:center;color:#ff6b9d;display:flex}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.tag-remove:hover{background:#ff00ff4d;color:#fff}.tag-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.9rem;min-width:120px;outline:none;padding:4px}.tag-input::placeholder{color:#888}.select-container{position:relative}.select-control{align-items:center;background:#191933;border:1px solid #2b2b3f;border-radius:8px;color:#e6e6ff;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.select-placeholder{color:#9aa0b5}.select-chevron{transition:transform .15s ease-in-out}.select-chevron.open{transform:rotate(180deg)}.options-menu{background:#0f0f22;border:1px solid #2b2b3f;border-radius:8px;box-shadow:0 8px 24px #00000059;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.select-search{background:#161633;border:none;border-bottom:1px solid #2b2b3f;color:#e6e6ff;outline:none;padding:10px 12px;width:100%}.options-list{max-height:220px;overflow-y:auto}.option-item{align-items:center;color:#e6e6ff;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.option-item:hover{background:#171734}.option-item.selected{background:#1f1f45}.option-item.disabled{cursor:not-allowed;opacity:.5}.checkbox{border:1px solid #586190;border-radius:4px;height:16px;width:16px}.checkbox.checked{background:linear-gradient(135deg,#6b7cff,#9b6bff);border-color:#9b6bff}.option-label{flex:1 1}.option-hint{color:#9aa5b1;font-size:12px;margin-left:auto}.option-hint.nsfw{background-color:#ff4da6;border-radius:10px;color:#fff;font-weight:600;letter-spacing:.2px;margin-left:8px;padding:2px 6px}.options-actions{display:flex;justify-content:flex-end;padding:8px}.menu-close{background:#2a2a56;border:1px solid #3e3e74;border-radius:6px;color:#e6e6ff;padding:6px 10px}.tags-input-container.inline{display:flex;flex-wrap:wrap;gap:6px}.tag-item.small{font-size:12px;padding:4px 8px}.modal-overlay{background-color:#000000b3}.modal-content{background-color:#2c2f33;border:1px solid #4f545c;border-radius:10px;box-shadow:0 5px 15px #00000080;max-width:400px;padding:25px;text-align:center;width:90%}.modal-content h2{color:#fff;margin-top:0}.modal-content p{color:#b9bbbe;margin-bottom:25px}.modal-buttons{display:flex;gap:15px;justify-content:center}.modal-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .2s}.modal-button.confirm{background-color:#d9534f;color:#fff}.modal-button.confirm:hover{background-color:#c9302c}.modal-button.danger{background-color:#dc3545;color:#fff}.modal-button.danger:hover{background-color:#c82333}.modal-button.cancel{background-color:#5c636a;color:#fff}.modal-button.cancel:hover{background-color:#464b50}.username-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.username-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.username-modal-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 28px}.username-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.username-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.username-modal-close:hover{background:#ffffff1a;transform:scale(1.1)}.username-modal-close:disabled{cursor:not-allowed;opacity:.5}.username-modal-content{padding:28px}.current-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px}.current-info p{color:#e0e0e0;font-size:.95rem;margin:8px 0}.current-info strong{color:#fff}.form-group input{background:#ffffff0d;border:2px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff14;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff33;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#ffffff80}.error-message{background:#ff3b301a}.error-message,.success-message{margin-bottom:16px;padding:12px 16px}.success-message{background:#34c7591a;border-radius:8px;color:#4caf50;font-size:.9rem}.form-actions{gap:12px;margin-top:24px}.cancel-btn,.update-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.cancel-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.update-btn{background:linear-gradient(135deg,#4a9eff,#06c);box-shadow:0 4px 12px #4a9eff4d;color:#fff}.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#5aa7ff,#07d);box-shadow:0 6px 16px #4a9eff66;transform:translateY(-2px)}.cancel-btn:disabled,.update-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:600px){.username-modal{margin:20px;width:95%}.username-modal-content,.username-modal-header{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.update-btn{width:100%}}.bio-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.bio-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;padding:0;width:100%}.bio-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:25px 30px}.bio-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-button{border-radius:50%;color:#ffffffb3;font-size:2rem;transition:all .3s ease}.close-button:hover{background:#ffffff1a}.close-button:disabled{cursor:not-allowed;opacity:.5}.bio-modal-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.95rem;min-height:120px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea::placeholder{color:#ffffff80}.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.character-count{color:#fff9;font-size:.85rem;margin-top:5px;text-align:right}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-bottom:20px;padding:12px 15px}.form-actions{justify-content:flex-end}.cancel-button,.save-button{border-radius:10px;font-size:.95rem;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.cancel-button{border:1px solid #fff3;color:#fffc}.cancel-button:hover{background:#ffffff26}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);min-width:100px}.save-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 25px #667eea66}.cancel-button:disabled,.save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.bio-modal-overlay{padding:10px}.bio-modal{max-width:100%}.bio-modal-form,.bio-modal-header{padding:20px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#100d1dcc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-modal{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#12121c,#1f1f2b 50%,#16213e);border:1px solid #f0f3;border-radius:24px;box-shadow:0 25px 50px #110f1b4d;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1400px;overflow:hidden;width:95vw}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ff00ff1a,#ff00ff0d);border-bottom:1px solid #f0f3;display:flex;justify-content:space-between;padding:24px 32px}.character-profile{align-items:center;display:flex;gap:16px}.profile-avatar{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:2px solid #ff00ff4d;border-radius:16px;box-shadow:0 8px 32px #ff00ff4d;font-size:24px;font-weight:700;height:56px;width:56px}.profile-info h1{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.profile-info p{color:#fffc;font-size:16px;font-weight:500;margin:4px 0 0}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff00ff1a;border:1px solid #f0f3;border-radius:12px;height:48px;width:48px}.close-button:hover{background:#f0f3;box-shadow:0 4px 12px #ff00ff4d;transform:scale(1.05)}.dashboard-content{background:#100d1dcc;display:flex;flex:1 1;overflow:hidden}.dashboard-sidebar{background:var(--secondary-bg-color);border-right:1px solid #f0f3;box-shadow:2px 0 10px #17142c4d;padding:32px 0;width:280px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;padding:0 24px}.nav-item{align-items:center;background:#0000;border:none;border-radius:16px;color:var(--secondary-text-color);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:16px;padding:16px 20px;text-align:left;transition:all .2s ease}.nav-item:hover{background:#ffffff0d;color:var(--primary-text-color);transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,var(--accent-color),#d100d1);box-shadow:0 4px 12px #ff00ff4d;color:#fff}.nav-icon{font-size:20px;text-align:center;width:24px}.nav-label{font-weight:600}.dashboard-main{background:#100d1dcc;flex:1 1;max-height:calc(90vh - 120px);overflow-y:auto;padding:32px}.dashboard-panels,.overview-panel{display:flex;flex-direction:column;height:100%}.overview-panel{overflow:hidden}.overview-panel .metrics-grid{flex:1 1;margin-bottom:0}.loading-state{color:var(--secondary-text-color);height:100%}.loading-spinner{border:4px solid #ffffff1a;border-top:4px solid var(--accent-color);height:48px;margin-bottom:24px;width:48px}.loading-state h3{color:var(--primary-text-color);font-size:24px;font-weight:600;margin:0 0 8px}.loading-state p{font-size:16px}.error-state,.loading-state p{color:var(--secondary-text-color)}.error-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.error-icon{color:#ff3b30;font-size:48px;margin-bottom:16px}.error-state h3{color:var(--primary-text-color);font-size:24px;font-weight:600;margin:0 0 8px}.error-state p{color:var(--secondary-text-color);font-size:16px;margin:0 0 24px}.retry-btn{background:linear-gradient(135deg,var(--accent-color),#d100d1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{box-shadow:0 8px 20px #ff00ff4d;transform:translateY(-2px)}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100d1dcc;border:1px solid #100d1dcc;border-radius:20px;box-shadow:0 4px 20px #100d1dcc;padding:32px}.panel-header{margin-bottom:32px}.panel-header h2{color:var(--primary-text-color);font-size:28px;font-weight:700;margin:0 0 8px}.panel-header p{color:var(--secondary-text-color);font-size:16px;margin:0}.overview-panel .metrics-grid{grid-gap:24px;display:grid;flex-shrink:0;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.metric-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0b22cc;border:2px solid #ff00ff1a;border-radius:16px;box-shadow:0 2px 12px #100f2b80;display:flex;gap:20px;padding:24px;transition:all .3s ease}.metric-card:hover{border-color:#ff00ff4d;box-shadow:0 8px 25px #f0f3;transform:translateY(-4px)}.metric-card.primary{background:linear-gradient(135deg,#ff00ff1a,#ff00ff0d);border-color:var(--accent-color)}.metric-card.secondary{background:linear-gradient(135deg,#f093fb1a,#f093fb0d);border-color:#f093fb}.metric-card.accent{background:linear-gradient(135deg,#4facfe1a,#4facfe0d);border-color:#4facfe}.metric-card.info{background:linear-gradient(135deg,#43e97b1a,#43e97b0d);border-color:#43e97b}.metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:14px;box-shadow:0 4px 12px #ff00ff4d;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.metric-content{flex:1 1}.metric-value{color:var(--primary-text-color);font-size:32px;font-weight:800;margin-bottom:4px}.metric-label{color:var(--secondary-text-color);font-size:16px;font-weight:500;margin-bottom:8px}.metric-trend{border-radius:6px;display:inline-block;font-size:14px;font-weight:600;padding:4px 8px}.metric-trend.positive{background:#34c75933;color:#34c759}.metric-trend.neutral{background:#ffffff1a;color:var(--secondary-text-color)}.overview-charts{margin-top:32px}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #0f0c204d;border-radius:16px;box-shadow:0 2px 12px #15122980;display:flex;flex-direction:column;height:100%;padding:24px}.chart-card h3{color:var(--primary-text-color);font-size:20px;font-weight:600;margin:0 0 24px}.chart-placeholder{align-items:end;background:#080a2099;border-radius:12px;display:flex;flex:1 1;height:200px;justify-content:center;min-height:200px;padding:20px}.chart-bars{align-items:end;gap:12px;height:100%}.bar{background:linear-gradient(to top,var(--accent-color),#d100d1);border-radius:4px 4px 0 0;opacity:.8;transition:all .3s ease;width:32px}.bar:hover{opacity:1;transform:scaleY(1.1)}.engagement-stats{display:flex;flex-direction:column;gap:32px}.stat-row{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151330cc;border:1px solid #1512314d;border-radius:16px;display:flex;justify-content:space-between;padding:24px}.stat-label{color:var(--primary-text-color);flex:1 1;font-size:18px;font-weight:600}.stat-value{color:var(--accent-color);font-size:24px;margin:0 32px}.stat-bar{background:#0009;border-radius:4px;height:8px;overflow:hidden;width:200px}.stat-fill{background:linear-gradient(90deg,var(--accent-color),#d100d1);border-radius:4px;height:100%;transition:width .8s ease}.activity-timeline{margin-bottom:15px}.activity-timeline .chart-card{background:#100d1dcc;border-radius:8px;margin-bottom:15px;padding:15px}.activity-timeline .chart-placeholder{align-items:center;color:#fff9;display:flex;font-size:14px;height:200px;justify-content:center}.line-chart{flex-direction:column;height:100%;padding:15px;width:100%}.chart-area,.line-chart{display:flex;position:relative}.chart-area{align-items:center;flex:1 1;justify-content:center}.chart-svg{height:100%;max-height:200px;width:100%}.chart-grid{bottom:0;pointer-events:none;top:0}.chart-grid,.grid-line{left:0;position:absolute;right:0}.grid-line{background:#ffffff1a;height:1px}.chart-labels{color:#ffffffb3;font-size:12px;justify-content:space-around;margin-top:15px}.activity-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.activity-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0a25cc;border:1px solid #1815384d;border-radius:16px;box-shadow:0 2px 12px #0e0d2780;padding:32px;text-align:center;transition:all .3s ease}.activity-card:hover{border-color:#ff00ff4d;box-shadow:0 8px 25px #f0f3;transform:translateY(-4px)}.activity-card h4{color:var(--secondary-text-color);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.activity-number{color:var(--accent-color);font-size:48px;font-weight:800;margin-bottom:8px}.activity-label{color:var(--secondary-text-color);font-size:16px;font-weight:500}.performance-list{display:flex;flex-direction:column;gap:24px}.performance-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14133acc;border:1px solid #1212294d;border-radius:16px;display:flex;gap:24px;padding:24px;transition:all .3s ease}.performance-item:hover{background:#ffffff14;border-color:#ff00ff4d;box-shadow:0 4px 12px #f0f3}.perf-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:12px;box-shadow:0 4px 12px #ff00ff4d;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.perf-details{flex:1 1}.perf-title{color:var(--primary-text-color);font-size:18px;font-weight:600;margin-bottom:4px}.perf-value{color:var(--accent-color);font-size:24px;font-weight:800}.perf-indicator{border-radius:50%;height:12px;width:12px}.perf-indicator.excellent{background:#10b981;box-shadow:0 0 0 4px #d1fae5}.perf-indicator.good{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1200px){.dashboard-modal{height:95vh;width:98vw}.dashboard-sidebar{width:240px}.dashboard-main{padding:24px}}@media (max-width:768px){.dashboard-modal{border-radius:0;height:100vh;width:100vw}.dashboard-content{flex-direction:column}.dashboard-sidebar{padding:16px 0;width:100%}.sidebar-nav{flex-direction:row;gap:12px;overflow-x:auto;padding:0 16px}.nav-item{flex-shrink:0;padding:12px 16px}.nav-label{display:none}.dashboard-main{padding:16px}.panel{padding:20px}.metrics-grid{gap:16px;grid-template-columns:1fr}.dashboard-header{padding:16px 20px}.profile-info h1{font-size:24px}.profile-avatar{font-size:20px;height:48px;width:48px}}@media (max-width:480px){.metric-card{gap:16px;padding:16px}.metric-icon{font-size:20px;height:48px;width:48px}.metric-value{font-size:24px}.activity-card{padding:20px}.activity-number{font-size:36px}}.activity-chart{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:16px;width:100%}.chart-container{align-items:center;display:flex;flex-direction:column;gap:12px}.chart-bars{align-items:flex-end;gap:8px;justify-content:space-between;padding:0 8px;width:100%}.bar-container,.chart-bars{display:flex;position:relative}.bar-container{flex:1 1;justify-content:center}.activity-bar{border-radius:4px 4px 0 0;box-shadow:0 2px 4px #0000001a;cursor:pointer;max-width:32px;position:relative;transition:all .3s ease;width:100%}.activity-bar:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.bar-tooltip{background:#000c;border-radius:6px;bottom:100%;color:#fff;font-size:12px;margin-bottom:8px;opacity:0;padding:8px 12px;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.bar-tooltip,.bar-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.bar-tooltip:after{border:4px solid #0000;border-top-color:#000c;content:"";top:100%}.activity-bar:hover .bar-tooltip{opacity:1;visibility:visible}.tooltip-day{display:block;font-weight:600;margin-bottom:2px}.tooltip-value{display:block;font-size:11px;opacity:.9}.chart-labels{display:flex;justify-content:space-between;padding:0 8px;width:100%}.day-label{color:#64748b;flex:1 1;font-size:12px;font-weight:500;max-width:32px;text-align:center}.chart-legend{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:12px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.low{background:#e2e8f0}.legend-color.medium{background:#94a3b8}.legend-color.high{background:#1e293b}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activity-chart{animation:chartFadeIn .6s ease-out}@media (max-width:768px){.activity-chart{padding:12px}.chart-bars{gap:6px;padding:0 4px}.activity-bar,.day-label{max-width:28px}.day-label{font-size:11px}.chart-legend{flex-wrap:wrap;gap:12px}.legend-item{font-size:11px}}@media (max-width:480px){.chart-bars{gap:4px;padding:0 2px}.activity-bar,.day-label{max-width:24px}.day-label{font-size:10px}.chart-legend{gap:8px}.legend-color{height:10px;width:10px}}.token-display{align-items:center;color:#0f8;display:flex;font-size:12px;font-weight:500;gap:2px}.token-icon{font-size:12px}.token-amount{color:#0f8;font-weight:500}.gems-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf61a,#a855f726);border:1px solid #8b5cf64d;border-radius:12px;box-shadow:0 4px 12px #8b5cf61a;color:#8b5cf6;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;transition:all .3s ease}.gems-display:hover{border-color:#8b5cf680;box-shadow:0 6px 20px #8b5cf633;transform:translateY(-1px)}.gems-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3));justify-content:center}.gems-balance{color:#8b5cf6;font-size:16px;font-weight:600;text-shadow:0 1px 2px #8b5cf633}.gems-label{color:#8b5cf6;font-size:12px;opacity:.8}.gems-display--loading{background:linear-gradient(135deg,#8b5cf60d,#a855f714);border-color:#8b5cf633}.gems-display--loading .gems-balance{animation:pulse 2s infinite;opacity:.7}.gems-icon--pulse{animation:pulse 2s infinite}.gems-display--error{background:linear-gradient(135deg,#ef44441a,#dc262626);border-color:#ef44444d;cursor:pointer}.gems-display--error:hover{border-color:#ef444480;box-shadow:0 6px 20px #ef444433}.gems-display--error .gems-balance{color:#ef4444;font-weight:600}.coins-panel-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:2000}.coins-panel{background:#1a1a1a;border:1px solid #333;border-radius:12px;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));max-width:600px;overflow-y:auto;width:90%}.coins-panel-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px}.coins-panel-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;color:#999;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.coins-panel-content{padding:24px}.free-claim-card{align-items:center;background:#00ff8814;border:1px solid #00ff884d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.free-claim-left{align-items:center;display:flex;gap:10px}.free-claim-icon{color:#0f8;font-size:18px}.free-claim-info{display:flex;flex-direction:column;gap:2px}.free-claim-title{color:#fff;font-size:15px;font-weight:600}.free-claim-desc{color:#9f9;font-size:12px}.free-claim-right{align-items:center;display:flex;gap:10px}.claim-free-button{background:#0f8;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px;transition:all .2s ease}.claim-free-button:hover:not(.loading){background:#00cc6a}.claim-free-button.loading{cursor:wait;opacity:.7}.next-claim-info{align-items:center;display:flex;gap:6px}.next-claim-label{color:#999;font-size:12px}.next-claim-time{color:#0f8;font-size:12px;font-weight:600}.coins-description{color:#999;font-size:14px;line-height:1.4;margin:0 0 20px}.token-balance-info{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:8px;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.balance-label{color:#999;font-size:14px}.balance-amount{color:#0f8;font-size:16px;font-weight:700}.credit-packages{display:flex;flex-direction:column;gap:12px}.credit-package{align-items:baseline;background:#2a2a2a;border:1px solid #333;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.credit-package:hover{border-color:#555}.credit-package.vip{background:#ff6b9d0d;border-color:#ff6b9d}.credit-package.time-limit{background:#00ff880d;border-color:#0f8}.package-left{align-items:baseline;display:flex;flex:1 1;gap:12px}.credit-icon{color:#0f8;font-size:16px;font-weight:600;line-height:1}.package-info{display:flex;flex-direction:column;gap:4px}.credit-amount{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;line-height:1}.bonus{color:#ff6b9d;font-size:14px}.vip-badge{background:#ff6b9d;border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.time-limit-info{margin-top:4px}.remaining{color:#ff6b9d;font-size:12px;font-weight:600}.time-limit-desc{color:#999;font-size:11px;line-height:1.3;margin:4px 0 0;max-width:300px}.package-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.package-pricing{align-items:center;display:flex;gap:8px}.price{font-size:18px;line-height:1}.token-cost{align-items:center;color:#0f8;display:flex;font-weight:600;gap:4px}.token-icon{color:#0f8}.token-amount,.token-icon{font-size:14px}.purchase-button,.redeem-button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .2s ease}.redeem-button{background:#0f8;color:#000}.redeem-button:hover:not(.disabled){background:#00cc6a}.redeem-button.disabled{background:#333;color:#666;cursor:not-allowed}.purchase-button{background:#ff6b9d;color:#fff}.purchase-button:hover{background:#e55a8a}.panel-footer{border-top:1px solid #333;margin-top:24px;padding-top:20px;text-align:center}.panel-footer p{color:#999;font-size:12px;margin:0 0 12px}.change-payment{background:none;border:none;color:#0f8;cursor:pointer;font-size:12px;text-decoration:underline}.change-payment:hover{color:#00cc6a}@media (max-width:768px){.coins-panel{margin:20px;width:95%}.coins-panel-content{padding:16px}.credit-package{align-items:flex-start;flex-direction:column;gap:12px}.package-right{align-items:center;align-self:stretch;flex-direction:row;justify-content:space-between}.time-limit-desc{max-width:none}}.payment-modal{background:#000c;z-index:1100}.payment-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;max-width:420px;padding:20px;text-align:center;width:90%}.payment-content h3{color:#fff;font-size:18px;margin:0 0 6px}.payment-instruction{color:#9f9;font-size:12px;margin:0 0 12px}.qr-wrapper{align-items:center;background:#ffffff0f;border:1px solid #333;border-radius:10px;display:flex;height:270px;justify-content:center;margin:0 auto 12px;width:270px}.qr-image{border-radius:6px;max-height:240px;max-width:240px}.qr-placeholder{color:#999;font-size:12px}.payment-status{color:#ccc;font-size:12px;margin:8px 0 12px}.modal-close{background:none;border:1px solid #666;border-radius:6px;color:#ddd;cursor:pointer;padding:6px 12px}.modal-close:hover{background:#222}.sidebar{background:var(--secondary-bg-color);border-right:1px solid #ffffff1a;flex-shrink:0;overflow-y:auto;width:280px}.sidebar-static{height:calc(100dvh - env(safe-area-inset-top, 0px));left:0;position:fixed;top:env(safe-area-inset-top,0);z-index:1000}.sidebar-content{flex:1 1;gap:1.5rem}.sidebar-logo{align-items:center;padding:.25rem 0}.sidebar-logo img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));height:auto;max-width:160px;opacity:.95;width:100%}@media (max-width:768px){.sidebar-logo img{max-width:120px}}.sidebar-profile{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:0}.profile-avatar{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:25px;justify-content:center;line-height:1;text-align:center;text-transform:uppercase;width:25px}@media (max-width:768px){.sidebar-profile{gap:.5rem;padding:.75rem}.sidebar .sidebar-profile .profile-avatar,.sidebar-profile .profile-avatar{font-size:1.1rem;height:32px;width:32px}.sidebar-profile .profile-name{font-size:.85rem}}.profile-info{flex:1 1}.profile-name{align-items:center;color:var(--primary-text-color);display:flex;font-size:.8rem;font-weight:600;gap:6px;line-height:1.1;margin-bottom:.1rem}.sidebar-item{position:relative}.sidebar-item:hover{background:linear-gradient(var(--accent-color),#ff6b9c1e)!important;color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:.75rem 1.5rem 1.25rem}.sidebar-footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.sidebar-footer .footer-link{color:#ffffffbf;font-size:.85rem;text-decoration:none}.sidebar-footer .footer-link:hover{color:#fffffff2;text-decoration:underline}.sidebar-footer .divider{color:#ffffff4d}.sidebar-item.disabled,.sidebar-item:disabled{cursor:not-allowed;opacity:.5}.sidebar-icon{align-items:center;display:flex;height:1.25rem;justify-content:center;width:1.25rem}.sidebar-icon svg{height:100%;width:100%}.sidebar-badge{background:#ff4757;border-radius:8px;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:.125rem .375rem;text-transform:uppercase}.stat-label{margin:.25rem 0 0}.content-header{border-bottom:1px solid #ffffff1a;gap:2rem;padding-bottom:1rem}.content-header .header-search{flex:1 1;margin:0;max-width:400px}.content-title{color:var(--primary-text-color);font-size:1.5rem;font-weight:600}.characters-container{flex:1 1}.view-options{align-items:center;gap:1rem}.view-btn{background:#0000;border:1px solid #ffffff1a;color:var(--secondary-text-color)}.view-btn svg{height:1.25rem;width:1.25rem}.view-btn.active,.view-btn:hover{color:#fff}.sidebar-layout .main-content-sidebar{margin-left:280px}@media (max-width:768px){.sidebar-static{box-shadow:2px 0 12px #0006;max-width:320px;transform:translateX(-100%);transition:transform .3s ease;width:80vw;z-index:1200}.sidebar-static.open{transform:translateX(0)}.sidebar-layout .main-content-sidebar{margin-left:0;padding:1rem}}@media (max-width:1024px){.sidebar-static{box-shadow:2px 0 12px #0006;max-width:400px;transform:translateX(-100%);transition:transform .3s ease;width:70vw;z-index:1200}.sidebar-static.open{transform:translateX(0)}.sidebar-layout .main-content-sidebar{margin-left:0!important;padding-left:1.5rem;padding-right:1.5rem}}.banner-container{border-radius:0 0 20px 20px;box-shadow:0 4px 20px #0000004d;height:300px;overflow:hidden;position:relative;width:100%}.banner-slider{height:100%;position:relative;width:100%}.banner-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.banner-slide.active{opacity:1}.banner-image{height:100%;object-fit:cover;object-position:center;width:100%}.banner-overlay{background:linear-gradient(135deg,#0000004d,#0000001a 50%,#0000004d);height:100%;left:0;position:absolute;top:0;width:100%}.banner-indicators{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator:hover{border-color:#fffc;transform:scale(1.1)}.indicator.active{background:#ffffffe6;border-color:#ffffffe6;transform:scale(1.2)}@media (max-width:1024px){.banner-container{height:240px;margin-top:calc(56px + var(--safe-area-top))}}@media (max-width:768px){.banner-container{border-radius:0 0 15px 15px;height:200px;margin-top:calc(56px + var(--safe-area-top))}.banner-indicators{bottom:15px}.indicator{height:10px;width:10px}}@media (max-width:480px){.banner-container{border-radius:0 0 10px 10px;height:150px}.banner-indicators{bottom:10px;gap:8px}.indicator{height:8px;width:8px}}.mobile-header-bar{align-items:center;background:#0d0e1a;border-bottom:1px solid #ffffff0f;box-sizing:border-box;display:none;height:48px;justify-content:space-between;left:0;min-height:calc(48px + var(--safe-area-top));padding-left:calc(12px + env(safe-area-inset-left, 0px));padding-right:calc(12px + env(safe-area-inset-right, 0px));padding-top:var(--safe-area-top);position:fixed;right:0;top:0;z-index:1300}.mh-hamburger{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#cfd3ff;height:36px;justify-content:center;width:36px}.mh-hamburger,.mh-promo-pill{align-items:center;display:inline-flex}.mh-promo-pill{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);border:none;border-radius:999px;color:#fff;font-size:12px;font-weight:700;gap:8px;height:32px;padding:0 12px}.mh-diamond{background:#fff;border-radius:2px;height:10px;transform:rotate(45deg);width:10px}.mh-actions{display:none}.mh-avatar,.mh-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;color:#cfd3ff;display:inline-flex;height:32px;justify-content:center;width:32px}@media (max-width:1024px){.mobile-header-bar{display:flex}}.social-links{gap:10px}.social-button,.social-links{align-items:center;display:inline-flex}.social-button{background:#16161d;border:1px solid #ffffff1f;border-radius:50%;color:var(--accent-color);height:36px;justify-content:center;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;width:36px}.social-button:hover{box-shadow:0 4px 14px #a855f740;filter:brightness(1.06);transform:translateY(-1px)}.desktop-social-links{margin-left:8px}@media (max-width:1024px){.desktop-social-links{display:none}}.mh-social-links{display:inline-flex;gap:8px}@media (max-width:1024px){.mh-social-links .social-button{height:32px;width:32px}}.donation-modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.donation-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #00000080;max-width:90vw;padding:24px;width:400px}.donation-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.donation-modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.donation-modal-close{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:20px;padding:4px;transition:color .2s ease}.donation-modal-close:hover{color:#fff}.donation-balance{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.donation-balance-text{color:#fff;font-size:14px;font-weight:500}.donation-balance-amount{align-items:center;color:#fff;display:flex;font-weight:600;gap:6px;margin-left:auto}.donation-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.donation-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.donation-option:hover{background:#ffffff14;border-color:#fff3}.donation-option.selected{background:#8b451333;border-color:#8b4513;box-shadow:0 0 0 1px #8b4513}.option-left{gap:12px}.option-emoji,.option-left{align-items:center;display:flex}.option-emoji{font-size:24px;height:32px;justify-content:center;width:32px}.option-title{color:#fff;font-size:16px;font-weight:500}.option-right{gap:12px}.option-amount,.option-right{align-items:center;display:flex}.option-amount{color:#fff;font-size:16px;font-weight:600;gap:6px}.selection-indicator{align-items:center;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.donation-option.selected .selection-indicator{background:#e91e63;border-color:#e91e63}.donation-option.selected .selection-indicator:after{background:#fff;border-radius:50%;content:"";height:8px;width:8px}.anonymity-section{align-items:center;display:flex;gap:12px;margin-bottom:16px;padding:12px 0}.anonymity-toggle{align-items:center;background:none;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.anonymity-toggle.checked{background:#e91e63;border-color:#e91e63}.anonymity-toggle.checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.anonymity-text{color:#ccc;font-size:14px;line-height:1.4}.donation-info{background:#e91e631a;border-left:3px solid #e91e63;border-radius:0 4px 4px 0;margin-bottom:20px;padding:12px 16px}.donation-info-text{color:#ccc;font-size:13px;line-height:1.4;margin:0}.donation-actions{display:flex;gap:12px}.donation-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.donation-button.cancel{background:#ffffff1a;border:1px solid #fff3;color:#fff}.donation-button.cancel:hover{background:#ffffff26}.donation-button.donate{background:#e91e63;color:#fff}.donation-button.donate:hover{background:#c2185b}.donation-button:disabled{cursor:not-allowed;opacity:.5}.qr-section{padding:-5px 0;text-align:center}.qr-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:-5px}.qr-container{background:#fff;border-radius:8px;display:inline-block;margin-bottom:5px;padding:12px}.qr-container img{display:block;height:150px;width:150px}.qr-instructions{color:#ccc;font-size:14px;line-height:1.4;margin-bottom:20px}.back-button{border-radius:6px;font-size:14px;padding:10px 20px}.back-button:hover{background:#ffffff26}.success-section{text-align:center}.success-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:12px}.success-container{background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px 16px}.success-row{align-items:center;display:flex;justify-content:space-between}.success-label{color:#a0aec0;font-size:13px}.success-value{color:#fff;font-size:14px;font-weight:600}.success-link{color:#7dd3fc;font-weight:600;text-decoration:none}.success-link:hover{color:#38bdf8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.comments-section{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;grid-column:2;margin:.5rem 0 .75rem;padding:12px}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comments-title{color:#fff;font-weight:700}.comments-all{background:none;border:none;color:var(--accent-color);cursor:pointer;font-weight:600}.comments-empty{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.comments-empty-icon{align-items:center;background:#ffffff1f;border-radius:50%;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.comments-empty-text{color:#ffffffd9}.comments-list{-ms-overflow-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;max-height:120px;overflow-y:auto;scrollbar-width:none}.comments-list::-webkit-scrollbar{display:none}.comment-item{display:flex;gap:10px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#ff62a5,#e91e63);border-radius:50%;color:#fff;display:flex;font-weight:800;height:32px;justify-content:center;width:32px}.comment-avatar.me{background:linear-gradient(135deg,var(--accent-color),#9333ea)}.comment-body{flex:1 1}.comment-meta{align-items:baseline;display:flex;gap:8px}.comment-name{color:#fff;font-weight:600}.comment-time{color:#fff9;font-size:.75rem}.comment-content{color:#ffffffd9}.comment-actions{display:flex;gap:8px;margin-top:8px}.comment-actions button{background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;color:#ffffffe6;cursor:pointer;font-size:.85rem;padding:6px 10px}.like-btn.liked{background:#e91e632e;border-color:#e91e6359;color:#ff62a5}.reply-btn{color:var(--accent-color)}.edit-btn{color:#ddd}.delete-btn{color:#ff8fa3}.comment-replies{display:flex;flex-direction:column;gap:10px;margin-left:36px;margin-top:10px}.reply-item{display:flex;gap:8px}.reply-avatar{align-items:center;background:linear-gradient(135deg,#9333ea,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.reply-body{flex:1 1}.reply-meta{align-items:baseline;display:flex;gap:6px}.reply-name{color:#fff;font-weight:600}.reply-time{color:#fff9;font-size:.7rem}.reply-content{color:#ffffffd9}.reply-input-row{align-items:center;display:flex;gap:8px;margin-top:8px}.reply-input-row input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#fff;flex:1 1;padding:8px 10px}.send-reply{background:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;height:36px;width:36px}.reply-login-guard .login-btn{background:none;border:1px #ffffff4d;border-radius:10px;color:var(--accent-color);cursor:pointer;margin-top:10px;padding:6px 10px}.comments-input{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;display:flex;gap:10px;padding:10px 12px}.comments-input input{background:#0000;border:none;color:#fff;flex:1 1;outline:none}.all-comments-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.all-comments-modal{background:#141414f2;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 25px 50px #00000080;color:#fff;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:min(720px,92vw)}.all-comments-header{align-items:center;border-bottom:1px solid #ffffff1f;display:flex;font-weight:700;justify-content:center;padding:12px 16px;position:relative}.all-comments-body{max-height:70vh;overflow-y:auto;padding:12px 16px}.close-btn{background:none;color:#fffc;font-size:22px;position:absolute;right:12px;top:10px}@media (max-width:768px){.comments-section{grid-column:1/-1}}.modal-item-footer{align-items:center;display:flex;margin-top:8px}.reply-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.9rem;padding:0}.modal-like-pill{background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;color:#ffffffe6;margin-left:auto;padding:6px 10px}.modal-like-pill.liked{background:#e91e632e;border-color:#e91e6359;color:#ff62a5}.all-comments-input{align-items:center;background:#141414f2;border-top:1px solid #ffffff1f;display:flex;gap:10px;padding:12px 16px}.all-comments-input input{background:#0000;border:none;color:#fff;flex:1 1;outline:none}.send-btn{background:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;height:40px;width:40px}.compact-header{border-bottom:1px solid #ffffff1a;height:200px;overflow:hidden;position:relative}.header-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.header-bg-gradient{background:linear-gradient(135deg,#1f1f2b,#2a2a3a 50%,#1f1f2b);height:100%;opacity:.8;width:100%}.header-overlay{background:linear-gradient(135deg,#f0f3,#0009);bottom:0;left:0;position:absolute;right:0;top:0}.header-content{flex-direction:column;height:100%;margin:0 auto;max-width:1400px;padding:1.5rem 2rem;position:relative;z-index:2}.header-content,.header-top{display:flex;justify-content:space-between}.header-top{align-items:flex-start}.brand-section{align-self:flex-start;display:flex;flex-direction:column;gap:.5rem}.compact-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),#ff6b9d);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.compact-brand-subtitle{color:#fffc;font-size:1rem;font-weight:500}.header-actions{align-items:center;display:flex;gap:.75rem}.wallet-address{background:#ff00ff1a;border:1px solid #f0f3;border-radius:50px;color:var(--accent-color);font-size:14px;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.wallet-address:hover{background:#f0f3;border-color:#f0f6;transform:translateY(-1px)}.header-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.header-btn:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 25px #ffffff1a;transform:translateY(-2px)}.header-btn.primary{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);border-color:var(--accent-color)}.header-btn.primary:hover{background:linear-gradient(135deg,#ff6b9d,var(--accent-color));box-shadow:0 8px 25px #ff00ff4d}.auth-section{gap:1rem}.auth-section,.user-info{align-items:center;display:flex}.user-info{background:#ffffff1a;border:1px solid #fff3;border-radius:50px;gap:.75rem;padding:.5rem 1rem}.user-wallet{color:var(--accent-color);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .3s ease}.user-wallet:hover{color:#ff6b9d}.sign-in-btn{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);border:none;border-radius:50px;font-weight:600;padding:.75rem 1.5rem}.sign-in-btn,.sign-out-btn{color:#fff;cursor:pointer;transition:all .3s ease}.sign-out-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:50px;font-weight:500;padding:.5rem 1rem}.sign-out-btn:hover{background:#fff3;border-color:#fff6}.header-search{flex:1 1;max-width:600px}.compact-search-container{position:relative;width:100%}.search-icon{stroke-width:2;color:#ffffff80;height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.compact-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;font-size:.875rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease;width:100%}.compact-search-input::placeholder{color:#ffffff80}.compact-search-input:focus{background:#ffffff26;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff00ff1a;outline:none}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.character-card *,.character-card.modern *{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.character-grid.sidebar{grid-gap:8px!important;display:grid;gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;justify-content:center!important;justify-items:center!important;margin:0 auto!important;max-width:none!important;padding:8px!important;width:100%!important}.character-grid.sidebar .character-card.modern{max-width:none;width:100%}.character-grid,.characters-grid{grid-gap:8px!important;align-items:start!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;justify-content:center!important;justify-items:center!important;margin:8px auto!important;width:100%!important}@media (min-width:601px) and (max-width:1024px){.character-grid.sidebar{gap:.75rem!important;grid-template-columns:repeat(3,1fr)!important}}@media (max-width:480px){.character-grid.sidebar{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}}.character-card,.character-card.modern{aspect-ratio:37/52!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#1a1a1a!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #0009!important;cursor:pointer;display:flex!important;flex-direction:column!important;height:260px!important;margin:0!important;max-width:185px!important;overflow:hidden!important;padding:0!important;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);width:100%!important;will-change:transform}.character-card.modern:hover{background:#ffffff14;border-color:#ff00ff4d}.character-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:5px;overflow:hidden;padding:1.5rem;position:relative}.character-card:hover{background:#ffffff14;border-color:var(--accent-color)}.card-image-container{border-radius:12px 12px 0 0!important;flex-shrink:0!important;height:160px!important;overflow:hidden!important;position:relative!important;width:100%!important}.character-card:hover .character-image{transform:scale(1.05)}.message-count-overlay{align-items:center!important;display:flex!important;gap:4px!important;position:absolute!important;right:6px!important;top:6px!important;z-index:15!important}.message-count{color:#ffffffe6!important;font-size:.5rem!important;gap:2px!important}.message-count,.message-count-overlay .rating-stars{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000b3!important;border-radius:4px!important;display:flex!important;font-weight:600!important;padding:2px 4px!important}.message-count-overlay .rating-stars{color:gold!important;font-size:.45rem!important;gap:1px!important}.message-count-overlay .rating-stars .rating-icon{fill:gold!important;height:8px!important;width:8px!important}.character-image-placeholder{background:linear-gradient(135deg,var(--secondary-bg-color),#2a2a3a);color:var(--secondary-text-color);height:100%;width:100%}.placeholder-icon{font-size:.5rem;opacity:.5}.card-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0}.card-overlay.visible{opacity:1}.character-lock-overlay{background:#000c;bottom:0;flex-direction:column;left:0;opacity:1;position:absolute;right:0;top:0;z-index:2}.character-lock-overlay,.lock-icon{align-items:center;display:flex;justify-content:center}.lock-icon{color:#fff9;height:2rem;top:30%;transform:translateX(-50%);width:2rem}.lock-icon svg{height:100%;width:100%}.lock-text{bottom:27%;color:#fffc;font-size:.875rem;font-weight:600;left:0;position:absolute;text-align:center;width:100%}.quick-chat-btn{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,var(--accent-color),#ff6b9d);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);will-change:transform}.quick-chat-btn svg{height:1rem;width:1rem}.quick-chat-btn:hover{box-shadow:0 8px 25px #f0f6;transform:scale(1.05) translateZ(0)}.card-content{background:#1a1a1a!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;justify-content:space-between!important;padding:10px!important}.character-card .character-name,.character-card.modern .character-name{color:#fff!important;display:block!important;font-size:.85rem!important;font-weight:700!important;line-height:1.1!important;margin:0 0 4px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.character-description{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#ffffffb3!important;display:-webkit-box!important;font-size:.65rem!important;line-height:1.2!important;margin:0 0 4px!important;overflow:hidden!important}.character-personality{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:.9rem;line-height:1.4;overflow:hidden}.character-info{display:flex;flex-direction:column;gap:.75rem}.card-tags{display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin:-2px 0 4px!important;min-width:0!important;overflow:hidden!important}.character-tag{align-items:center!important;background:#ffffff26!important;border:none!important;border-radius:8px!important;color:#ffffffe6!important;display:inline-flex!important;flex:0 0 auto!important;font-size:.55rem!important;line-height:1!important;max-width:none!important;min-width:0!important;padding:2px 6px!important}.character-traits{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.trait-tag{background:rgba(var(--accent-color-rgb),.2);border:1px solid rgba(var(--accent-color-rgb),.3);border-radius:20px;color:var(--accent-color);font-size:.8rem;font-weight:500;max-width:100%;padding:.25rem .75rem}.creator-character-card .character-tags .character-tag,.trait-tag,.user-character-card .character-tags .character-tag{align-items:center;display:inline-flex;min-width:0;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.card-stats{display:none!important}.character-card .rating{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fbbf24;display:inline-flex;gap:.25rem;line-height:1;padding:6px 12px;white-space:nowrap}.character-card .rating-icon{display:inline-block;flex:0 0 auto;height:14px;width:14px}.card-stats .stat{flex:1 1 auto;min-width:0}.card-creator{border:none!important;color:#ffffffd9!important;display:block!important;font-size:.7rem!important;justify-content:center!important;line-height:1.4!important;margin:-5px 0 0!important;opacity:1!important;order:4!important;padding:0!important;text-align:center!important;transform:none!important;visibility:visible!important;width:100%!important}.creator-label,html body .card-creator .creator-label,html body .character-grid .character-card .card-content .card-creator .creator-label,html body span.creator-label{color:#191929!important;display:none!important;font-size:.55rem!important;font-weight:500!important;line-height:1.4!important;margin-right:4px!important;vertical-align:initial!important}.card-creator .creator-name,.character-card .creator-name,.creator-name,html body .card-creator .creator-name,html body .character-grid .character-card .card-content .card-creator .creator-name,html body span.creator-name{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;background-image:none!important;color:#fff!important;cursor:pointer!important;display:inline!important;font-size:.55rem!important;font-weight:500!important;line-height:1.4!important;text-decoration:none!important;text-shadow:1px 1px 2px #000c!important;transition:all .15s ease!important;vertical-align:initial!important}.character-card .card-content .card-creator .creator-name:before{content:"@"!important}span[class*=creator]{display:inline!important}.card-creator .creator-name.clickable,.character-grid .character-card .card-content .card-creator .creator-name.clickable{cursor:pointer!important;text-decoration:none!important;transition:all .15s ease!important}.card-creator .creator-name.clickable:hover,.character-grid .character-card .card-content .card-creator .creator-name.clickable:hover,.creator-name:hover,html body .card-creator .creator-name:hover,html body .character-grid .character-card .card-content .card-creator .creator-name:hover,html body span.creator-name:hover{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;background-image:none!important;color:#fff!important;text-decoration:underline!important;text-shadow:1px 1px 3px #000000e6!important;transform:translateY(-1px) translateZ(0)!important}.character-meta{display:none!important}.character-date{color:#fff9;font-size:.8rem}.character-creator{color:var(--accent-color);font-size:.8rem;font-weight:500}.character-actions{gap:.5rem;margin-top:1rem}.delete-btn,.edit-btn{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);will-change:transform}.edit-btn{background:rgba(var(--accent-color-rgb),.2);border:1px solid rgba(var(--accent-color-rgb),.3);color:var(--accent-color)}.edit-btn:hover{background:rgba(var(--accent-color-rgb),.3);transform:translateY(-1px) translateZ(0)}.delete-btn{background:#ff3b3033;border:1px solid #ff3b304d;color:#ff3b30}.delete-btn:hover{background:#ff3b304d;transform:translateY(-1px) translateZ(0)}.loading-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.character-card-skeleton{animation:pulse 2s ease-in-out infinite;background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.skeleton-image{animation:shimmer 2s infinite;aspect-ratio:3/4;background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%);background-size:200% 100%;height:200px;width:100%}.skeleton-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.skeleton-title{height:1.125rem;width:70%}.skeleton-description,.skeleton-title{background:#ffffff1a;border-radius:4px}.skeleton-description{height:.875rem;width:100%}.skeleton-tags{background:#ffffff1a;border-radius:4px;height:1rem;width:50%}.empty-state{color:#fff9;padding:3rem 1rem}.empty-state h3{margin-bottom:.5rem}.error-message,.success-message{border-radius:8px;font-weight:500;margin:1rem 0;padding:1rem}.success-message{background:#34c75933;border:1px solid #34c7594d;color:#34c759}.error-message{background:#ff3b3033;border:1px solid #ff3b304d;color:#ff3b30}@media (max-width:768px){.character-card,.character-card.modern{box-sizing:border-box;padding:1rem}.card-image-container{aspect-ratio:3/4;height:auto}.card-content{gap:.5rem;min-width:0;padding:.75rem}.character-card .character-name,.character-card.modern .character-name{font-size:1rem}.character-description{-webkit-line-clamp:2;line-clamp:2;font-size:.8rem}.card-tags{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(2,minmax(0,1fr))}.character-tag{justify-content:center;max-width:none;padding:.25rem .6rem;width:100%}.card-creator,.card-stats,.character-tag{font-size:.7rem}.creator-label,.creator-name{font-size:.85rem!important}.card-creator .creator-name,.character-card .creator-name,.creator-name,html body .card-creator .creator-name,html body .character-grid .character-card .card-content .card-creator .creator-name,html body span.creator-name{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;background-image:none!important;color:#fff!important;text-shadow:1px 1px 2px #000c!important}}@media (max-width:480px){.character-card,.character-card.modern{padding:.75rem}.card-content{padding:.5rem}.character-tag{font-size:.65rem}}@media screen and (max-width:400px) and (max-height:900px){.character-grid{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important;margin:0 auto!important;max-width:400px!important;padding:8px!important;width:100%!important}.character-card,.character-card.modern{aspect-ratio:37/52!important;background:#1a1a1a!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #0009!important;display:flex!important;flex-direction:column!important;height:260px!important;margin:0!important;max-width:185px!important;overflow:hidden!important;padding:0!important;width:100%!important}.card-image-container{border-radius:12px 12px 0 0!important;flex-shrink:0!important;height:160px!important;overflow:hidden!important;position:relative!important;width:100%!important}.card-image-container img,.character-image{height:100%!important;object-fit:cover!important;object-position:center!important;width:100%!important}.message-count-overlay{align-items:center!important;display:flex!important;gap:4px!important;position:absolute!important;right:6px!important;top:6px!important;z-index:15!important}.message-count{color:#ffffffe6!important;font-size:.5rem!important;gap:2px!important}.message-count,.message-count-overlay .rating-stars{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000b3!important;border-radius:4px!important;display:flex!important;font-weight:600!important;padding:2px 4px!important}.message-count-overlay .rating-stars{color:gold!important;font-size:.45rem!important;gap:1px!important}.message-count-overlay .rating-stars .rating-icon{fill:gold!important;height:8px!important;width:8px!important}.nft-required-overlay{align-items:center!important;background:#000000d9!important;color:#fff!important;display:flex!important;flex-direction:column!important;font-size:.7rem!important;inset:0!important;justify-content:center!important;position:absolute!important;z-index:10!important}.card-content{background:#1a1a1a!important;display:flex!important;flex:1 1!important;flex-direction:column!important;justify-content:space-between!important;padding:10px!important}.character-name{color:#fff!important;font-size:.85rem!important;font-weight:700!important;line-height:1.1!important;margin:0 0 4px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.character-description{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#ffffffb3!important;display:-webkit-box!important;font-size:.65rem!important;line-height:1.2!important;margin:0 0 6px!important;overflow:hidden!important}.card-creator{border:none!important;color:#ffffffd9!important;display:block!important;font-size:.7rem!important;margin:-5px 0 0!important;opacity:1!important;padding:0!important;text-align:center!important;visibility:visible!important}.card-creator .creator-label,.card-creator .creator-name{color:#ffffffd9!important;display:inline!important;font-size:.7rem!important;font-weight:400!important;opacity:1!important}.card-creator .creator-name{text-decoration:none!important}.card-tags{display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin:0 0 8px!important}.character-tag{background:#ffffff26!important;border:none!important;border-radius:8px!important;color:#ffffffe6!important;font-size:.55rem!important;line-height:1!important;padding:2px 6px!important}.card-stats{justify-content:flex-end!important;margin-top:auto!important}.card-stats,.card-stats .rating{align-items:center!important;display:flex!important}.card-stats .rating{color:gold!important;font-size:.75rem!important;font-weight:600!important;gap:3px!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:10!important}.card-stats .rating-icon{fill:gold!important;display:inline-block!important;height:12px!important;opacity:1!important;width:12px!important}.character-meta{display:none!important}}@media screen and (max-width:393px) and (max-height:852px){.character-card,.character-card.modern{border:none!important}}.character-card.kemono{background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:10px;padding:.75rem}.character-card.kemono .card-image-container{aspect-ratio:3/4;height:200px}.character-card.kemono .card-content{gap:.6rem;padding:.75rem}.character-card.kemono .character-name{font-size:1.05rem}.character-card.kemono .character-description{-webkit-line-clamp:1;line-clamp:1}.character-card.kemono .card-tags{display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin:-2px 0 4px!important}.character-card.kemono .character-tag{background:#ffffff26!important;border:none!important;color:#ffffffe6!important;font-size:.55rem!important;justify-content:center!important;max-width:none!important;padding:2px 6px!important;width:auto!important}.character-card.kemono .card-stats{display:none!important}.character-card.kemono .card-creator{font-size:.72rem}@media screen and (max-width:768px){.card-content{display:flex!important;flex-direction:column!important;gap:4px!important;position:relative!important}.character-name{display:block!important;font-size:.7rem!important;margin-bottom:4px!important;visibility:visible!important}.character-description{font-size:.55rem!important;line-height:1.2!important;margin-bottom:6px!important}.card-tags{margin-bottom:2px!important;margin-top:-4px!important}.character-tag{font-size:.45rem!important;padding:1px 4px!important}.card-creator{display:block!important;justify-content:center!important;margin-bottom:0!important;margin-top:-5px!important;order:4!important;padding:0!important;text-align:center!important;transform:none!important;width:100%!important}.creator-label{display:none!important}.creator-name{color:#fff!important;font-size:.55rem!important;font-weight:400!important;line-height:1.1!important;margin:0!important;padding:0!important;text-shadow:1px 1px 2px #000c!important}.creator-name:before{content:"@"!important}.card-stats{display:none!important}}@media (max-width:600px){.character-card.kemono{padding:.6rem}.character-card.kemono .card-content{gap:.5rem;padding:.55rem}.character-card.kemono .character-name{font-size:1rem}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popupSlideIn .3s ease-out;background-color:var(--secondary-bg-color);background:linear-gradient(135deg,var(--secondary-bg-color),#2a2a3a);border:1px solid #333;border-radius:16px;box-shadow:0 25px 50px #00000080;max-width:800px;padding:2rem;position:relative;width:90%}.popup-close-btn{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.popup-header{display:flex;gap:1.5rem;margin-bottom:1rem}.popup-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:340px 1fr}.popup-left,.popup-right{display:flex;flex-direction:column}.popup-right{-ms-overflow-style:none;max-height:70vh;overflow-y:auto;scrollbar-width:none}.popup-right::-webkit-scrollbar{display:none}.popup-image-large{aspect-ratio:1/1;border:2px solid #ffffff26;border-radius:12px;margin-bottom:12px;object-fit:cover;width:100%}.popup-character-name{font-size:2em;margin:0}.popup-character-description{-webkit-line-clamp:9;-webkit-box-orient:vertical;color:var(--secondary-text-color);display:-webkit-box;margin-bottom:1.5rem;overflow:hidden}.popup-tags{margin-bottom:2rem}.popup-creator{align-items:baseline;color:var(--secondary-text-color);display:flex;gap:.25rem;line-height:1.4;margin-bottom:1rem}.popup-creator .creator-label{color:var(--secondary-text-color);display:inline;font-size:.9rem;opacity:.8;vertical-align:initial}.popup-creator .creator-name{color:var(--accent-color);cursor:pointer;display:inline;font-size:.9rem;font-weight:500;transition:all .2s ease;vertical-align:initial}.popup-creator .creator-name.clickable:hover,.popup-creator .creator-name:hover{color:#ff69b4;text-decoration:underline;text-shadow:0 2px 4px #ff69b44d;transform:translateY(-1px)}.tag{background:rgba(var(--accent-color-rgb),.2);border:1px solid rgba(var(--accent-color-rgb),.3);border-radius:10px;color:var(--accent-color);display:inline-block;font-size:.9em;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .75rem}.popup-stats{display:flex;gap:12px;margin:.5rem 0 1rem}.popup-stat{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;display:flex;flex:1 1;gap:8px;padding:12px}.popup-stat-value{color:#fff;font-size:1.25rem;font-weight:700}.popup-stat-label{color:#ffffffbf;font-size:.85rem}.plain-stats{display:flex;gap:24px;margin:.5rem 0 1rem}.plain-stat{align-items:baseline;display:flex;gap:8px}.plain-stat-value{color:#fff;font-size:1.25rem;font-weight:800}.plain-stat-label{color:#ffffffbf;font-size:.85rem}.support-character-btn{background:linear-gradient(135deg,#ff62a5,#e91e63);border:none;border-radius:8px;box-shadow:0 10px 25px #e91e6359;color:#fff;cursor:pointer;display:block;font-size:1.05rem;font-weight:700;margin-bottom:.5rem;padding:.9rem;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.support-character-btn:hover{box-shadow:0 12px 28px #e91e6373;transform:translateY(-2px)}.start-chat-btn{background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.2em;font-weight:700;margin-bottom:.5rem;padding:1rem;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.start-chat-btn:hover{background-color:#d100d1;box-shadow:0 8px 25px #ff00ff4d;transform:translateY(-2px)}.custom-prompts-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.8rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.custom-prompts-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.popup-actions{margin-top:1rem}.creation-info-card{background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;margin:.5rem 0 1rem;padding:12px}.creation-info-header{align-items:center;color:#ffffffd9;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.view-profile-link{background:none;border:none;color:#ff62a5;cursor:pointer;font-weight:600}.creation-info-body{align-items:center;display:flex;gap:12px}.creator-avatar{background:linear-gradient(135deg,#ff62a5,#e91e63);font-size:1rem;font-weight:800;height:44px!important;width:44px!important}.creator-name-text{color:#fff;font-weight:700}.creator-bio-text{color:#ffffffbf;font-size:.9rem;margin-top:4px}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#667eea;margin-bottom:20px}.loading-state p{color:#fffc;font-size:1.1rem;margin:0}.empty-state{padding:60px 20px}.empty-icon{margin-bottom:20px;opacity:.7}.empty-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 10px;text-shadow:0 1px 3px #0000004d}.empty-state p{color:#ffffffb3;font-size:1rem;max-width:400px}@media screen and (max-width:393px) and (max-height:852px){.popup-content{border-radius:12px;max-width:360px;padding:1rem}.popup-close-btn{font-size:1.5rem;right:.5rem;top:.5rem}.popup-header{gap:.75rem;margin-bottom:.75rem}.popup-image{height:96px;width:96px}.popup-character-name{font-size:1.25em}.popup-character-description{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;margin-bottom:1rem;overflow:hidden}.popup-tags{margin-bottom:1rem;max-height:96px;overflow:hidden}.tag{font-size:.8em;padding:.2rem .6rem}.popup-creator .creator-label,.popup-creator .creator-name{font-size:.85rem}.popup-actions{margin-top:.75rem}.start-chat-btn{font-size:1rem;padding:.8rem}}@media (max-width:768px){.popup-content{-webkit-overflow-scrolling:auto;display:block;margin-top:.5rem;max-height:none;max-width:560px;overflow:visible;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));width:95%}.popup-overlay{-ms-overflow-style:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding-top:calc(env(safe-area-inset-top) + 80px);scrollbar-width:none}.popup-overlay::-webkit-scrollbar{display:none}.popup-layout{gap:12px;grid-template-columns:1fr;min-height:0}.popup-right{max-height:none;overflow:visible}.plain-stats{flex-wrap:wrap;gap:16px}.popup-actions{background:#0000;margin-top:1rem;max-width:none;padding:0;position:static;width:100%;z-index:auto}.support-character-btn{margin-bottom:.75rem}.start-chat-btn{margin-bottom:0}.custom-prompts-btn{margin-top:.75rem}.popup-image-large{aspect-ratio:1/1;border-radius:12px}}.profile-view{background:var(--primary-bg-color);min-height:100vh;overflow:visible;padding:0}.profile-container,.profile-view{display:flex;flex-direction:column;position:relative;width:100%}.profile-container{box-sizing:border-box;height:100%;padding:30px;z-index:1}.profile-header{align-items:flex-start;background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-shrink:0;gap:20px;margin-bottom:20px;padding:25px 30px}.profile-header .profile-avatar{align-items:center;background:var(--accent-color);border:3px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:600;height:80px;justify-content:center;margin-top:19px;text-shadow:0 2px 4px #0000004d;width:80px}.profile-header .profile-info h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px #0000004d}.profile-header .bio-text{word-wrap:break-word;color:#ffffffd9;font-size:1rem;line-height:1.6;margin:0 0 10px;max-width:800px;white-space:pre-wrap}.profile-header .bio-text.placeholder{font-style:italic;opacity:.7}.profile-header .wallet-address{background:#0000!important;border:none!important;border-radius:0!important;color:#ffffffb3;display:inline;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:400;margin:0 0 15px;padding:0!important}.profile-stats{grid-gap:12px;display:grid;gap:12px;grid-auto-rows:minmax(56px,auto);grid-template-columns:repeat(4,minmax(64px,1fr));margin-top:10px}.profile-stats .stat-item{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-width:0;text-align:center;width:100%}.profile-stats .stat-value{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.2;text-shadow:0 1px 3px #0000004d}.profile-stats .stat-label{color:#fff9;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.profile-stats .stats-loading{color:#ffffff80;font-size:.9rem;font-style:italic}@media (max-width:768px){.profile-stats{gap:15px}.profile-stats .stat-value{font-size:1.2rem}.profile-stats .stat-label{font-size:.75rem}}@media (max-width:480px){.profile-stats{gap:10px}.profile-stats .stat-item{min-width:50px}.profile-stats .stat-value{font-size:1.1rem}.profile-stats .stat-label{font-size:.7rem}}.profile-tabs{background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-shrink:0;gap:8px;margin-bottom:20px;padding:8px}.profile-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-tab:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-1px)}.profile-tab.active{background:var(--accent-color);color:#fff}.profile-tab.active:before{animation:slideShine 2s infinite;background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.tab-icon{font-size:1.2rem}.tab-label{font-weight:600}.profile-content{background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex:1 1;flex-direction:column;overflow-y:visible;padding:25px}.tab-header{flex-shrink:0;margin-bottom:25px;text-align:center}.tab-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px #0000004d}.tab-header p{color:#ffffffb3;font-size:1.1rem;margin:0}.characters-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:15px;overflow:visible}.character-item{background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.character-item:hover{box-shadow:0 10px 40px #0000004d;transform:translateY(-5px)}.character-stats{flex-wrap:wrap;gap:15px}.stat{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;font-size:.85rem;gap:5px;padding:6px 12px}.stat-icon{font-size:1rem}.settings-tab .profile-section{background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:30px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-tab .profile-section:hover{background:#ffffff0d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.settings-tab .profile-section h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 20px;padding-left:20px;position:relative;text-shadow:0 2px 4px #0000004d}.settings-tab .profile-section h3:before{background:var(--accent-color);border-radius:3px;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.username-display{align-items:center}.bio-display,.username-display{display:flex;gap:20px;justify-content:space-between}.bio-display{align-items:flex-start}.current-username{font-size:1.2rem;font-weight:600;padding:12px 20px}.current-bio,.current-username{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1}.current-bio{word-wrap:break-word;font-size:1rem;line-height:1.5;min-height:60px;padding:15px 20px;white-space:pre-wrap}.current-bio:empty:before{color:#ffffff80;content:attr(data-placeholder);font-style:italic}.edit-button{background:var(--accent-color);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea66;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-button:hover{box-shadow:0 10px 30px #f0f9;transform:translateY(-2px)}.edit-button:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.edit-button:hover:before{left:100%}.username-edit-form{gap:20px}.input-group,.username-edit-form{display:flex;flex-direction:column}.input-group{gap:10px}.username-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1.1rem;padding:16px 20px;transition:all .3s ease}.username-input:focus{background:#ffffff1a;border-color:var(--accent-color);box-shadow:0 0 0 4px #f0f3;outline:none;transform:translateY(-2px)}.username-input::placeholder{color:#fff9}.form-actions{display:flex;gap:15px}.save-button{background:var(--accent-color);border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-button:hover{box-shadow:0 10px 30px #f0f9;transform:translateY(-2px)}@media (max-width:768px){.profile-view{padding:15px}.profile-header{align-items:center;flex-direction:column;gap:15px;text-align:center}.profile-header .profile-avatar{font-size:1.5rem;height:60px;margin-top:0;width:60px}.profile-header .profile-info h1{font-size:2rem}.profile-header .bio-text{max-width:100%}.profile-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(140px,1fr));padding:10px}.profile-tab{box-sizing:border-box;font-size:.9rem;justify-content:center;min-height:44px;padding:12px 16px;width:100%}.profile-tabs .profile-tab:last-child{grid-column:1/-1;justify-content:center}.characters-grid{gap:15px;grid-template-columns:1fr}.character-stats{justify-content:center}.profile-content{padding:20px}.profile-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(100px,1fr));justify-items:center;width:100%}.profile-stats .stat-item{width:100%}}@media (max-width:360px){.profile-stats{grid-template-columns:1fr}}.membership-status-banner{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff26;border-radius:16px;display:flex;justify-content:space-between;margin-top:20px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.membership-status-banner:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.membership-status-banner:hover{border-color:#fff3;box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}.membership-left{align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:12px}.membership-tier{border-radius:12px;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:8px 16px;position:relative;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.membership-tier:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.membership-tier:hover:before{left:100%}.membership-tier.free{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #9ca3af66;box-shadow:0 4px 15px #6b72804d;color:#f9fafb}.membership-tier.premium{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #3b82f666;box-shadow:0 4px 15px #3b82f666;color:#fff}.membership-tier.deluxe{background:linear-gradient(135deg,#a855f7,#7c3aed);border:1px solid #a855f766;box-shadow:0 4px 15px #a855f766;color:#fff}.membership-tier.diamond{background:linear-gradient(135deg,#fbb024,#f59e0b);border:1px solid #fbbf2466;box-shadow:0 4px 15px #fbbf2466;color:#fff;position:relative}.membership-tier.diamond:after{animation:sparkle 2s infinite;content:"💎";font-size:.9rem;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.membership-loading{align-items:center;color:#fff9;display:flex;font-size:.85rem;font-style:italic;gap:8px}.membership-loading:before{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fffc;content:"";height:12px;width:12px}.membership-expiry{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;color:#fffc;display:flex;font-size:1.1rem;gap:6px;padding:8px 16px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.membership-expiry:before{content:"📅";font-size:.8rem}.membership-right{align-items:center;display:flex;gap:12px}.upgrade-button{background:linear-gradient(135deg,var(--accent-color) 0,#e879f9 100%);border:none;border-radius:12px;box-shadow:0 6px 20px #ff00ff4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upgrade-button:hover{box-shadow:0 12px 35px #ff00ff80;transform:translateY(-3px) scale(1.05)}.upgrade-button:hover:before{left:100%}.upgrade-button:active{transform:translateY(-1px) scale(1.02)}@media (max-width:768px){.membership-status-banner{flex-direction:column;gap:16px;padding:18px;text-align:center}.membership-left{align-items:center;flex-direction:column;gap:8px}.membership-tier{font-size:1rem}.upgrade-button{padding:14px 24px;width:100%}}@media (max-width:480px){.membership-status-banner{margin-top:15px;padding:16px}.membership-tier{font-size:.9rem;padding:6px 12px}.membership-expiry{font-size:.8rem}}.history-tab .profile-section h3{margin-bottom:12px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{grid-gap:12px;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:12px 16px}.history-main>div{overflow-wrap:anywhere;word-break:break-word}.history-status{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;color:#fff;display:inline-flex;gap:8px;padding:6px 12px;white-space:nowrap}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}@media (max-width:768px){.history-item{align-items:start;grid-template-columns:1fr;row-gap:8px}.history-status{justify-self:start}}.wallet-info{display:flex;flex-direction:column;gap:12px}.wallet-status{align-items:center;color:#ffffffd9;display:flex;gap:8px}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator,.status-indicator.connected{background:#22c55e}.wallet-details{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;max-width:100%;padding:12px 16px}.wallet-details p{color:#fffc;font-size:.95rem;margin:0 0 8px;overflow-wrap:anywhere;word-break:break-word}.wallet-details p:last-child{margin-bottom:0}.wallet-details strong{color:#fff}.profile-actions{border-top:1px solid #ffffff14;padding-top:20px}.sign-out-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 6px 20px #ef444459;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.sign-out-button:hover{box-shadow:0 12px 35px #ef444480;transform:translateY(-3px) scale(1.05)}.sign-out-button:active{transform:translateY(-1px) scale(1.02)}@media (max-width:1024px){.page-layout{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%}.sidebar-content{padding:1rem}.sidebar-menu{flex-direction:row;flex-wrap:wrap;gap:.5rem}.sidebar-item{flex:0 0 auto;padding:.5rem 1rem;width:auto}.sidebar-stats{justify-content:center;margin:0 auto;max-width:300px}}@media (max-width:768px){.compact-header{height:150px}.header-content{padding:1rem}.header-top{align-items:center;flex-direction:column;gap:1rem;text-align:center}.compact-brand-title{font-size:1.5rem}.compact-brand-subtitle{font-size:.875rem}.header-search{max-width:100%}.main-content-sidebar{padding:1rem}.content-header{align-items:flex-start;flex-direction:column;gap:1rem}.content-header .header-search{max-width:100%;order:1}.view-options{align-self:flex-end;order:2}.character-grid.sidebar{gap:.75rem;grid-template-columns:repeat(2,1fr)}.character-grid.sidebar .character-card.modern{max-width:none;width:100%}.popup-content{margin:1rem;padding:1.5rem}.popup-header{flex-direction:column;gap:1rem;text-align:center}.popup-image{align-self:center;height:120px;width:120px}.profile-view{padding:15px}.profile-header{flex-direction:column;gap:15px;text-align:center}.profile-header .profile-avatar{font-size:1.5rem;height:60px;width:60px}.profile-header .profile-info h1{font-size:2rem}.profile-tabs{flex-wrap:wrap;gap:6px}.profile-tab{font-size:.9rem;padding:10px 16px}.characters-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.character-stats{justify-content:center}.profile-content{padding:20px}.profile-card{padding:25px}.profile-avatar-section{flex-direction:column;gap:20px;text-align:center}.profile-avatar{font-size:2.5rem;height:100px;width:100px}.username-display{align-items:stretch}.form-actions,.username-display{flex-direction:column}.profile-header h1{font-size:2.2rem}.profile-section{padding:20px}}@media (max-width:480px){.compact-header{height:120px}.compact-brand-title{font-size:1.25rem}.header-btn{font-size:.8rem;padding:.5rem 1rem}.sidebar-menu{flex-direction:column}.sidebar-item{width:100%}.character-grid.sidebar{gap:.5rem}.character-grid.sidebar,.characters-grid{grid-template-columns:repeat(2,1fr)}.character-grid.sidebar .character-card.modern{max-width:none;width:100%}.sidebar-stats{flex-direction:column}}.character-card.modern{animation:fadeInUp .6s ease-out}.character-card.modern:first-child{animation-delay:.1s}.character-card.modern:nth-child(2){animation-delay:.2s}.character-card.modern:nth-child(3){animation-delay:.3s}.character-card.modern:nth-child(4){animation-delay:.4s}.character-card.modern:nth-child(5){animation-delay:.5s}.character-card.modern:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b9d}.character-profile-section{margin-bottom:2rem}.character-profile-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.user-characters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0}.user-character-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.user-character-card:hover{border-color:#fff3;box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.character-image-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;justify-content:center;margin-bottom:1rem}.character-image{border-radius:12px}.character-image-placeholder{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}.character-info{margin-bottom:1.5rem}.character-name{color:#fff;font-weight:600;line-height:1.3;margin-bottom:.5rem}.user-character-card .character-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.character-description{color:#fffc;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.character-tag{border-radius:20px;font-size:.8rem}.character-stats{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.stat-item{flex:1 1;text-align:center}.stat-value{color:#fff;display:block;font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.stat-label{color:#ffffffb3;font-size:.8rem}.character-actions{display:flex;gap:.75rem;justify-content:space-between}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.edit-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid #4f46e54d;color:#fff}.edit-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.delete-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #dc26264d;color:#fff}.delete-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}.statistics-button{background:linear-gradient(135deg,#059669,#047857);border:1px solid #0596694d;color:#fff}.statistics-button:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #05966966;transform:translateY(-1px)}.custom-prompts-button{background:linear-gradient(135deg,#7c2d12,#a16207);border:1px solid #7c2d124d;color:#fff}.custom-prompts-button:hover{background:linear-gradient(135deg,#a16207,#92400e);box-shadow:0 4px 12px #7c2d1266;transform:translateY(-1px)}.button-icon{fill:currentColor;height:16px;width:16px}.no-characters{color:#fff9;padding:3rem 1rem;text-align:center}.no-characters h4{color:#fffc;font-size:1.25rem;margin-bottom:.5rem}.no-characters p{font-size:.9rem;line-height:1.5}@media (max-width:768px){.user-characters-grid{gap:1rem;grid-template-columns:1fr}.user-character-card{padding:1rem}.character-image-container{height:160px}.character-actions{flex-direction:column}.action-button{padding:.875rem 1rem}}@media (max-width:480px){.character-stats{flex-direction:column;gap:.75rem}.stat-item{align-items:center;display:flex;justify-content:space-between;text-align:left}.stat-value{margin-bottom:0}}.home-page.sidebar-layout{background:var(--primary-bg-color);display:flex;flex-direction:column;min-height:var(--vh-100);padding:0}.page-layout{min-height:calc(var(--vh-100) - 200px)}.main-content-sidebar{background:var(--primary-bg-color);flex:1 1;overflow-y:auto;padding:2rem}.content-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.content-title{color:#fff;font-size:2rem;font-weight:700;margin:0}.view-options{display:flex;gap:.5rem}.view-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;transition:all .3s ease}.view-btn.active,.view-btn:hover{background:var(--accent-color);border-color:var(--accent-color)}.hamburger-button{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;display:none;padding:.5rem}.hamburger-button svg{height:24px;width:24px}@media (max-width:768px){.hamburger-button{align-items:center;display:inline-flex;justify-content:center}.main-content-sidebar{padding-top:calc(56px + var(--safe-area-top))}}@media (max-width:1024px){.main-content-sidebar{padding-top:calc(56px + var(--safe-area-top))}}.character-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.character-grid.sidebar{border:none!important;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.home-page.sidebar-layout .main-content-sidebar{padding-left:0;padding-right:0;padding-top:calc(56px + var(--safe-area-top))}.character-grid.sidebar{border:none!important;gap:.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.character-grid.sidebar{gap:.5rem;grid-template-columns:repeat(2,1fr)}}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.filter-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-1px)}.front-filters{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1rem;padding:0 30px}.front-filters .tabs{align-items:center;display:flex;gap:.5rem;min-height:44px}.front-filters .filters-right{align-items:center;display:flex;gap:1rem;margin-left:auto}.nsfw-row{align-items:center;display:flex;gap:.75rem;margin-top:.25rem}@media (min-width:769px){.front-filters{position:relative}.front-filters .tabs{padding-right:140px}.nsfw-row{margin-top:0;position:absolute;right:30px;top:0}}.chip{background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;padding:.35rem .75rem}.chip.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.trait-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.35rem}.tab-select,.traits-toggle{display:none}.tab-select{appearance:none;-webkit-appearance:none;background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;color-scheme:dark;padding:.35rem .5rem}.badge.nsfw{background:#ff4da6;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;margin-left:6px;padding:0 6px}.toggle{align-items:center;color:#fff;display:inline-flex;gap:.5rem}.toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:999px;cursor:pointer;height:18px;outline:none;position:relative;transition:background .2s ease;width:34px}.toggle input[type=checkbox]:after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:14px}.toggle input[type=checkbox]:checked{background:var(--accent-color)}.toggle input[type=checkbox]:checked:after{transform:translateX(16px)}.gender-select,.tags-select{appearance:none;-webkit-appearance:none;background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;color-scheme:dark;padding:.35rem .5rem}.tags-select{display:none}.gender-select option,.tab-select option,.tags-select option{background-color:#1b1c24;background-color:var(--primary-bg-color,#1b1c24);color:#fff}.gender-select:focus,.tab-select:focus,.tags-select:focus{border-color:var(--accent-color);box-shadow:inset 0 0 0 2px #ff4da659;outline:none}.success-message{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px #4ecdc44d}.error-message,.success-message{align-items:center;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:.75rem;margin-bottom:1rem;padding:1rem 1.5rem}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 15px #ff6b6b4d}@media (max-width:768px){.front-filters .tabs{flex-wrap:nowrap}.front-filters .tabs .tab-chip{display:none}.tab-select,.tags-select{display:inline-block}.front-filters .filters-right{background:var(--primary-bg-color);flex-shrink:0;padding-left:8px;position:-webkit-sticky;position:sticky;right:12px}.nsfw-row{justify-content:flex-end;margin-top:0;order:-1;padding-left:0;padding-right:12px}.trait-chips,.traits-toggle{display:none!important}.front-filters .tabs{display:flex;gap:.5rem}.front-filters .tabs .gender-select,.front-filters .tabs .tab-select,.front-filters .tabs .tags-select{flex:1 1;min-width:0}.toggle input[type=checkbox]{height:22px;width:42px}.toggle input[type=checkbox]:after{height:18px;left:2px;top:2px;width:18px}.toggle input[type=checkbox]:checked:after{transform:translateX(20px)}}.token-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;margin:0 auto;max-width:800px;padding:20px 0}.token-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.token-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.token-card:hover{border-color:#fff3;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.token-card:hover:before{opacity:1}.token-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.token-card-icon{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.token-card-title{flex:1 1}.token-card-title h3{color:#fff;font-size:18px;font-weight:600;line-height:1.2;margin:0}.token-card-title p{color:#ffffffb3;font-size:14px;line-height:1.3;margin:4px 0 0}.token-card-content{align-items:stretch;display:flex;flex-direction:column;gap:16px}.token-card-balance{flex:1 1;min-width:0}.token-card-actions{display:flex;gap:8px;justify-content:flex-end}.token-action-btn{background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s ease}.token-action-btn:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-1px)}.token-action-btn--primary{background:linear-gradient(135deg,#8b5cf659,#8b5cf62e);border-color:#8b5cf673}.token-action-btn--primary:hover{box-shadow:0 8px 20px #8b5cf640}.token-action-btn--secondary{background:#ffffff14}.token-refresh-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.token-refresh-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:rotate(180deg)}.token-refresh-btn:active{transform:rotate(180deg) scale(.95)}.token-card--dwhims{background:linear-gradient(135deg,#00ff881a,#00ff880d);border-color:#00ff884d}.token-card--dwhims .token-card-icon{background:linear-gradient(135deg,#0f83,#00ff881a);border-color:#0f86;color:#0f8}.token-card--dwhims:hover{border-color:#00ff8880;box-shadow:0 12px 40px #00ff881a}.token-card--gems{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-color:#8b5cf64d}.token-card--gems .token-card-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border-color:#8b5cf666;padding:8px}.token-card--gems:hover{border-color:#8b5cf680;box-shadow:0 12px 40px #8b5cf61a}@media (max-width:768px){.token-cards-container{gap:16px;grid-template-columns:1fr;padding:16px 0}.token-card{padding:20px}.token-card-header{gap:10px;margin-bottom:14px}.token-card-icon{font-size:18px;height:36px;width:36px}.token-card-title h3{font-size:16px}.token-card-title p{font-size:13px}}.token-card--loading{opacity:.7}.token-card--loading .token-card-content{opacity:.6}.token-card--error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef44444d}.token-card--error:hover{border-color:#58ef4480;box-shadow:0 12px 40px #ef44441a}.token-card--dwhims .token-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#72f4921f,#2a9b2f2e);border:1px solid #48ec4859;border-radius:12px;box-shadow:0 4px 12px #48ec501f;color:#72f483;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;transition:all .3s ease}.token-card--dwhims .token-display:hover{border-color:#48ec5680;box-shadow:0 6px 20px #48ec6333;transform:translateY(-1px)}.token-card--dwhims .token-icon{align-items:center;display:inline-flex;filter:drop-shadow(0 2px 4px rgba(236,72,153,.3));justify-content:center}.token-card--dwhims .token-display--loading .token-amount{animation:pulse 2s infinite;color:#f472b6;opacity:.8}.token-card--dwhims .token-display--error{background:linear-gradient(135deg,#ef44441a,#dc262626);border-color:#ef44444d;cursor:pointer}.token-card--dwhims .token-display--error .token-amount{color:#ef4444;font-weight:600}.sidebar{background-color:var(--primary-bg-color);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.icon-sidebar-container{display:flex;position:relative}.icon-sidebar{align-items:center;background:var(--secondary-bg-color);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;height:calc(100dvh - env(safe-area-inset-top, 0px));left:0;padding:1rem 0;position:fixed;top:env(safe-area-inset-top,0);transition:transform .3s ease;width:70px;z-index:100}.sidebar-logo{border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;padding-bottom:1rem;width:100%}.logo-link{display:block;text-decoration:none}.logo-icon{background-color:var(--accent-color);border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.logo-icon:hover{background-color:#9333ea;transform:scale(1.05)}.icon-menu{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}@media (max-width:1024px){body.icon-sidebar-visible .main-content-sidebar,body.recent-chat-panel-open .main-content-sidebar,body.right-sidebar-open .main-content-sidebar{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.sidebar.right-sidebar{box-shadow:-8px 0 24px #0006;padding:1rem;width:min(400px,70vw)}.recent-chats-panel{box-shadow:8px 0 24px #0006;left:70px;width:min(400px,70vw)}.sidebar-toggle.right.closed{right:0}.sidebar-toggle.right{right:calc(min(400px, 70vw) - 1px)}.sidebar-toggle.left.closed{left:0}.sidebar-toggle.left.open{left:calc(70px + min(400px, 70vw))}.sidebar-toggle.left{left:0}.chat-sidebar-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000059;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:40}}.donate-button-wrap{margin:.5rem 0 1rem}.sidebar-donate-button{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);border:none;border-radius:12px;box-shadow:0 4px 14px #a855f740;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.2px;padding:.9rem 1rem;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;width:100%}.sidebar-donate-button:hover{box-shadow:0 6px 18px #a855f759;filter:brightness(1.04);transform:translateY(-1px)}.sidebar-donate-button:active{box-shadow:0 3px 12px #a855f74d;transform:translateY(0)}.icon-item{align-items:center;background-color:initial;border-radius:12px;color:var(--secondary-text-color);cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.icon-item:hover{background-color:#ffffff1a;color:var(--primary-text-color)}.icon-item.active{background-color:var(--accent-color);color:#fff}.action-icon{font-size:1.2rem}.icon-tooltip{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:var(--primary-text-color);font-size:.8rem;left:60px;opacity:0;padding:.5rem .75rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.icon-item:hover .icon-tooltip{opacity:1;visibility:visible}.recent-chats-panel{background:var(--secondary-bg-color);border-right:1px solid #ffffff1a;box-shadow:2px 0 10px #0000004d;display:flex;flex-direction:column;height:calc(100dvh - env(safe-area-inset-top, 0px));left:70px;position:fixed;top:env(safe-area-inset-top,0);width:300px;z-index:99}.main-content-sidebar{transition:margin-left .3s ease}body.icon-sidebar-visible .main-content-sidebar{margin-left:70px;padding-left:2rem}body.recent-chat-panel-open .main-content-sidebar{margin-left:390px!important;padding-left:3rem!important}body.right-sidebar-open .main-content-sidebar{margin-right:300px!important;padding-right:3rem!important}.panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.panel-header h3{color:var(--primary-text-color);font-size:1rem;margin:0}.token-balance-display{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:.5rem;padding:.5rem .75rem}.balance-label,.balance-value{font-size:.9rem}.balance-value{color:var(--accent-color);font-weight:600}.close-panel{align-items:center;background:none;border:none;color:var(--secondary-text-color);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.close-panel:hover{color:var(--primary-text-color)}.recent-chats-list{flex:1 1;overflow-y:auto;padding:.5rem}.recent-chat-item{display:block;margin-bottom:.5rem;text-decoration:none}.chat-item{align-items:center;border-radius:8px;color:var(--secondary-text-color);display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.chat-item:hover{background-color:#ffffff0d;color:var(--primary-text-color)}.chat-avatar,.chat-item.active{background-color:var(--accent-color);color:#fff}.chat-avatar{align-items:center;border-radius:50%;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-text{color:#fff;font-size:1rem;font-weight:700}.chat-info{flex:1 1;min-width:0}.chat-name{font-size:.9rem;font-weight:500;margin-bottom:.25rem}.chat-preview{font-size:.75rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-content{gap:2rem;padding:1.5rem}.sidebar-content,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{gap:1rem}.sidebar-title{color:var(--secondary-text-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.sidebar-menu{display:flex;flex-direction:column;gap:.25rem}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--secondary-text-color);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.sidebar-item:hover{background:#ffffff0d;color:var(--primary-text-color)}.sidebar-item.active{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);color:#fff}.sidebar-icon{font-size:1.125rem;text-align:center;width:1.5rem}.sidebar-label{flex:1 1;font-size:.875rem;font-weight:500}.sidebar-count{background:#ffffff1a;border-radius:12px;color:var(--secondary-text-color);font-size:.75rem;min-width:1.5rem;padding:.25rem .5rem;text-align:center}.sidebar-item.active .sidebar-count{background:#fff3;color:#fff}.sidebar-stats{display:flex;gap:.75rem}.stat-card{background:#ff00ff1a;border:1px solid #f0f3;border-radius:8px;flex:1 1;padding:1rem;text-align:center}.stat-number{color:var(--accent-color);font-size:1.5rem;font-weight:700;margin:0}.stat-label{font-size:.75rem;margin-top:.25rem}.right-sidebar{width:300px}.sidebar-title{color:var(--primary-text-color);font-size:1.2em;margin-bottom:1rem}.chat-list{list-style:none}.chat-list-item{border-radius:8px;color:var(--secondary-text-color);cursor:pointer;padding:.75rem;transition:background-color .2s}.chat-list-item.active,.chat-list-item:hover{background-color:var(--secondary-bg-color);color:var(--primary-text-color)}.chat-link{display:block;text-decoration:none}.sidebar-char-image{aspect-ratio:1/1.2;border-radius:16px;object-fit:cover;width:100%}.sidebar-char-name{color:var(--primary-text-color);font-size:1.5em;text-align:center}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sidebar-tag{background-color:#333;border-radius:16px;color:var(--primary-text-color);font-size:.8em;padding:.25rem .75rem}.sidebar-toggle{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a2b38d9;border:1px solid #ffffff2e;border-radius:22px;box-shadow:0 4px 12px #00000059;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:76px;justify-content:center;position:fixed;width:38px;z-index:35}.sidebar-toggle.left{border-radius:0 22px 22px 0;top:calc(50% + 250px);transform:translateY(-50%)}.sidebar-toggle.right{border-radius:22px 0 0 22px;top:calc(env(safe-area-inset-top, 0px) + 81px);transform:translateY(0)}.sidebar-toggle.left.open{left:370px}.sidebar-toggle.left.closed{left:0}.sidebar-toggle.right{right:300px}.sidebar-toggle.right.closed{right:0}@media (max-width:768px){.sidebar-toggle.right{right:0}.sidebar-toggle.left,.sidebar-toggle.left.closed,.sidebar-toggle.left.open{left:0}}.right-sidebar.collapsed{transform:translateX(100%)}@media (max-width:768px){body.right-sidebar-open .main-content-sidebar{margin-right:0!important;padding-right:0!important}body.icon-sidebar-visible .main-content-sidebar,body.recent-chat-panel-open .main-content-sidebar{margin-left:0!important;padding-left:0!important}.sidebar.right-sidebar{box-shadow:-8px 0 24px #0006;padding:1rem;width:min(360px,85vw)}.sidebar-toggle.right.closed{right:0}.sidebar-toggle.right{right:calc(min(360px, 85vw) - 1px)}.sidebar-toggle.left.closed{left:0}.sidebar-toggle.left.open{left:calc(70px + min(360px, 85vw))}.sidebar-toggle.left{left:0}.right-sidebar.mobile .sidebar-char-image{border-radius:12px;height:160px;object-fit:cover;width:100%}.right-sidebar.mobile .sidebar-description{display:block;margin-top:.75rem}.right-sidebar.mobile .sidebar-description-text{max-height:120px;overflow-y:auto}.right-sidebar.mobile .sidebar-creator{display:block}.mobile-right-actions{display:flex;flex-direction:column;gap:.75rem}.recent-chats-panel{box-shadow:8px 0 24px #0006;left:70px;width:min(360px,85vw)}.chat-sidebar-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000059;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:40}}.sidebar-button{background-color:var(--secondary-bg-color);border:1px solid #444;border-radius:8px;color:var(--primary-text-color);cursor:pointer;padding:.75rem;transition:background-color .2s;width:100%}.sidebar-button:hover{background-color:#333}.sidebar-divider{background-color:#2f2f3b;height:1px;margin:.5rem 0}.sidebar-subtitle{color:var(--secondary-text-color);font-size:1em}.sidebar-description{background-color:#ffffff0d;border-left:3px solid var(--accent-color);border-radius:8px;margin:1rem 0;padding:1rem}.sidebar-description-text{color:var(--primary-text-color);font-size:.9rem;line-height:1.5;margin:.5rem 0 0;max-height:150px;overflow-y:auto;padding-right:.5rem;text-align:left}.sidebar-description-text::-webkit-scrollbar{width:4px}.sidebar-description-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.sidebar-description-text::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}.sidebar-description-text::-webkit-scrollbar-thumb:hover{background:#9333ea}.sidebar-traits{margin:1rem 0}.sidebar-traits-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.sidebar-trait-item{background-color:var(--accent-color);border-radius:16px;color:#fff;cursor:default;font-size:.8rem;font-weight:500;padding:.4rem .8rem;text-transform:capitalize;transition:all .2s ease}.sidebar-trait-item:hover{background-color:#9333ea;box-shadow:0 2px 8px #a855f74d;transform:translateY(-1px)}.sidebar-creator{background-color:#ffffff0d;border-left:3px solid var(--accent-color);border-radius:8px;margin:1rem 0;padding:1rem}.creator-info{margin-top:.5rem}.creator-info .creator-name{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#ff0080,#7928ca)!important;-webkit-background-clip:text!important;background-clip:text!important;background-image:linear-gradient(135deg,#ff0080,#7928ca)!important;color:#0000!important;font-size:1rem!important;font-weight:700!important;margin:0 0 .5rem!important;text-shadow:none!important}.creator-info .creator-name:hover{color:#007bff;text-decoration:underline;text-shadow:0 1px 2px #007bff33;transform:translateX(2px)}.no-recent-chats{align-items:center;color:var(--secondary-text-color);display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.no-chats-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-chats-text{color:var(--primary-text-color);font-size:1rem;font-weight:500;margin-bottom:.5rem}.no-chats-subtitle{font-size:.8rem;line-height:1.4;opacity:.7}.chat-settings-section{display:flex;flex-direction:column;gap:.75rem}.current-model-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem}.current-model-name{color:#e91e63;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.current-model-params{color:#aaa;font-size:.8rem;line-height:1.3}.chat-settings-button{align-items:center;background:linear-gradient(135deg,#e91e63,#ad1457);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.chat-settings-button:hover{background:linear-gradient(135deg,#ad1457,#880e4f);box-shadow:0 4px 12px #e91e634d;transform:translateY(-1px)}.icon-sidebar.collapsed{transform:translateX(-110%)}@media (max-width:1024px){body.icon-sidebar-visible .main-content-sidebar,body.recent-chat-panel-open .main-content-sidebar,body.right-sidebar-open .main-content-sidebar{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.sidebar.right-sidebar{box-shadow:-8px 0 24px #0006;padding:1rem;width:min(400px,70vw)}.recent-chats-panel{box-shadow:8px 0 24px #0006;left:70px;width:min(400px,70vw)}.sidebar-toggle.right.closed{right:0}.sidebar-toggle.right{right:calc(min(300px, 70vw) - 1px)}.sidebar-toggle.left.closed{left:0}.sidebar-toggle.left.open{left:calc(70px + min(400px, 70vw))}.sidebar-toggle.left{left:0}.chat-sidebar-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000059;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:40}}.chat-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-settings-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:75vh;max-width:500px;width:90%}.chat-settings-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.chat-settings-header h2{color:#e91e63;font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;color:#888;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.close-button:hover{background-color:#ffffff1a;color:#fff}.chat-settings-content{display:flex;flex:1 1;flex-direction:column;gap:2.5rem;max-height:calc(75vh - 140px);overflow-y:auto;padding:1.5rem;scrollbar-color:#e91e6380 #ffffff1a;scrollbar-width:thin}.chat-settings-content::-webkit-scrollbar{width:6px}.chat-settings-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-settings-content::-webkit-scrollbar-thumb{background:#e91e6380;border-radius:3px}.chat-settings-content::-webkit-scrollbar-thumb:hover{background:#e91e63b3}.setting-section{display:flex;flex-direction:column;gap:1rem}.setting-section h3{color:#e91e63;font-size:1.1rem;font-weight:600;margin:0}.setting-header{align-items:center;display:flex;justify-content:space-between}.reset-button{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:all .2s ease}.reset-button:hover{background-color:#e91e631a;color:#e91e63}.setting-description{color:#aaa;font-size:.9rem;line-height:1.4;margin:0}.model-selector{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;cursor:pointer;transition:all .2s ease}.model-selector:hover{background:#e91e631a;border-color:#e91e63}.selected-model{align-items:center;display:flex;justify-content:space-between;padding:1rem}.model-info{flex:1 1}.model-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.model-description{color:#aaa;font-size:.85rem;margin-bottom:.5rem}.model-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#e91e6333;border-radius:12px;color:#e91e63;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.feature-tag-small{background:#e91e6326;border-radius:8px;color:#e91e63;font-size:.7rem;font-weight:500;padding:.2rem .4rem}.model-arrow{color:#888;font-size:.8rem;margin-left:1rem}.model-dropdown{background:#0000004d;border-radius:0 0 12px 12px;border-top:1px solid #ffffff1a}.model-list{max-height:300px;overflow-y:auto}.model-option{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.model-option:last-child{border-bottom:none}.model-option:hover{background:#e91e631a}.model-option.selected{background:#e91e6326}.model-option-info{flex:1 1}.model-option-name{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.3rem}.model-option-description{color:#aaa;font-size:.8rem;margin-bottom:.3rem}.model-option-features{display:flex;flex-wrap:wrap;gap:.3rem}.selected-indicator{color:#e91e63;font-size:1.2rem;font-weight:700}.slider-container{display:flex;flex-direction:column;gap:.5rem}.slider-labels{color:#888;display:flex;font-size:.85rem;justify-content:space-between}.temperature-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#333 0,#e91e63);border-radius:3px;cursor:pointer;height:6px;outline:none}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e91e63;border-radius:50%;box-shadow:0 2px 6px #e91e634d;cursor:pointer;height:20px;width:20px}.temperature-slider::-moz-range-thumb{background:#e91e63;border:none;border-radius:50%;box-shadow:0 2px 6px #e91e634d;cursor:pointer;height:20px;width:20px}.slider-value{color:#e91e63;font-size:1.1rem;font-weight:600;text-align:center}.token-slider-container{display:flex;flex-direction:column;gap:3rem}.current-value-display{background:#e91e631a;border:1px solid #e91e634d;border-radius:12px;color:#e91e63;font-size:1rem;font-weight:600;padding:.25rem .75rem}.slider-wrapper{padding:1rem 0;position:relative}.token-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#4caf50 0,#4caf50 27.4%,#ff9800 0,#ff9800 43.5%,#2196f3 0,#2196f3 75.8%,#9c27b0 0,#9c27b0);border-radius:4px;cursor:pointer;height:8px;outline:none;position:relative;width:100%;z-index:2}.token-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #e91e63;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.token-slider::-webkit-slider-thumb:hover{box-shadow:0 6px 16px #0006;transform:scale(1.1)}.token-slider::-moz-range-thumb{background:#fff;border:3px solid #e91e63;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.token-slider::-moz-range-thumb:hover{box-shadow:0 6px 16px #0006;transform:scale(1.1)}.slider-track-labels{display:flex;left:0;margin-bottom:.5rem;margin-top:.5rem;position:absolute;right:0;top:100%;z-index:1}.track-segment{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin:0 1px;padding:.5rem .25rem;transition:all .2s ease}.track-segment.free{background:#4caf501a;border:1px solid #4caf504d}.track-segment.premium{background:#ff98001a;border:1px solid #ff98004d}.track-segment.deluxe{background:#2196f31a;border:1px solid #2196f34d}.track-segment.diamond{background:#9c27b01a;border:1px solid #9c27b04d}.segment-label{color:#fff;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.segment-range{color:#aaa;font-size:.65rem}.track-segment.free .segment-label{color:#4caf50}.track-segment.premium .segment-label{color:#ff9800}.track-segment.deluxe .segment-label{color:#2196f3}.track-segment.diamond .segment-label{color:#9c27b0}.membership-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:.75rem 1rem}.current-tier,.tier-limit{color:#ccc;font-size:.85rem}.current-tier strong,.tier-limit strong{color:#e91e63}.language-selector{display:flex;flex-direction:column;gap:.5rem}.language-dropdown{-webkit-appearance:none;appearance:none;background:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;outline:none;padding:.75rem 3rem .75rem 1rem;transition:all .2s ease;width:100%}.language-dropdown:focus,.language-dropdown:hover{background:#e91e631a;border-color:#e91e63}.language-dropdown:focus{box-shadow:0 0 0 3px #e91e6333}.language-dropdown option{background:#1a1a2e;color:#fff;padding:.5rem}@media (max-width:768px){.language-dropdown{background-size:14px;font-size:.85rem;padding:.6rem 2.5rem .6rem .8rem}}.chat-settings-footer{border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.cancel-button{background:#ffffff1a;color:#aaa}.cancel-button:hover{background:#fff3;color:#fff}.save-button{background:linear-gradient(135deg,#e91e63,#ad1457);color:#fff}.save-button:hover{background:linear-gradient(135deg,#ad1457,#880e4f);box-shadow:0 4px 12px #e91e634d;transform:translateY(-1px)}.upgrade-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.upgrade-modal{background:#1b1d2a;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 16px 40px #00000059;padding:16px;width:420px}.upgrade-modal h3{color:#e91e63;margin:0 0 6px}.upgrade-modal p{color:#cfcfcf;font-size:.9rem;margin:0 0 12px}.upgrade-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:768px){.chat-settings-modal{border-radius:12px;margin:1rem;max-height:85vh;width:95%}.chat-settings-header{padding:1rem}.chat-settings-header h2{font-size:1.2rem}.close-button{font-size:1.3rem;padding:.4rem}.chat-settings-content{gap:2rem;max-height:calc(85vh - 120px);padding:1rem}.chat-settings-footer{gap:.5rem;padding:.75rem 1rem}.cancel-button,.save-button{border-radius:10px;font-size:.9rem;padding:.6rem 1.2rem}.setting-section h3{font-size:1rem}.reset-button,.setting-description{font-size:.85rem}.reset-button{padding:.2rem .4rem}.model-selector{border-radius:10px}.selected-model{padding:.8rem}.model-name{font-size:.95rem;margin-bottom:.4rem}.model-description{font-size:.8rem;margin-bottom:.4rem}.model-features{gap:.3rem}.feature-tag,.feature-tag-small{border-radius:8px;font-size:.7rem;padding:.2rem .4rem}.model-arrow{font-size:.75rem;margin-left:.8rem}.model-dropdown{border-radius:0 0 10px 10px}.model-list{max-height:250px}.model-option{padding:.8rem}.model-option-name{font-size:.9rem;margin-bottom:.25rem}.model-option-description{font-size:.75rem;margin-bottom:.25rem}.model-option-features{gap:.25rem}.selected-indicator{font-size:1.1rem}.slider-labels{font-size:.8rem}.temperature-slider{height:8px}.temperature-slider::-webkit-slider-thumb{height:22px;width:22px}.temperature-slider::-moz-range-thumb{height:22px;width:22px}.slider-value{font-size:1rem}.token-slider-container{gap:2.5rem}.current-value-display{border-radius:10px;font-size:.9rem;padding:.2rem .6rem}.slider-wrapper{padding:.8rem 0}.token-slider{border-radius:5px;height:10px}.token-slider::-webkit-slider-thumb{height:26px;width:26px}.token-slider::-moz-range-thumb{height:26px;width:26px}.slider-track-labels{margin-bottom:.4rem;margin-top:.4rem}.track-segment{border-radius:6px;padding:.4rem .2rem}.segment-label{font-size:.7rem;margin-bottom:.2rem}.segment-range{font-size:.6rem}.membership-info{border-radius:6px;margin-top:1.2rem;padding:.6rem .8rem}.current-tier,.tier-limit{font-size:.8rem}.language-dropdown{background-size:14px;border-radius:10px;font-size:.85rem;padding:.6rem 2.5rem .6rem .8rem}.upgrade-modal{border-radius:10px;max-width:350px;padding:1rem;width:90%}.upgrade-modal h3{font-size:1.1rem;margin-bottom:.5rem}.upgrade-modal p{font-size:.85rem;margin-bottom:1rem}.upgrade-actions{gap:.6rem}.upgrade-actions button{border-radius:8px;font-size:.85rem;padding:.6rem 1rem}.selector-panel{display:flex;flex-direction:column;gap:1rem;grid-template-columns:none}.base-column{border-bottom:1px solid #ffffff1a;border-right:none;margin-bottom:1rem;padding-bottom:1rem;padding-right:0}.base-title,.variant-title{font-size:.9rem;margin-bottom:.4rem}.base-list{flex-direction:row;flex-wrap:wrap;gap:.3rem;max-height:none;overflow-y:visible}.base-item{border-radius:6px;flex:0 0 auto;font-size:.85rem;padding:.4rem .6rem}.panel-note{font-size:.75rem;margin-top:.5rem}.variant-column{padding-left:0}.variant-grid{gap:.6rem;grid-template-columns:1fr;max-height:300px}.variant-card{border-radius:10px;padding:.6rem}.variant-header{margin-bottom:.3rem}.like-button,.variant-name{font-size:.9rem}.like-button{border-radius:6px;padding:.2rem .4rem}.variant-desc{font-size:.8rem;margin:.3rem 0 .4rem}.variant-badges{gap:.25rem;margin-bottom:.4rem}.badge{border-radius:6px;font-size:.7rem;padding:.15rem .35rem}.metrics-row{gap:.3rem}.metric-item{border-radius:6px;padding:.3rem .5rem}.metric-label{font-size:.75rem}.metric-value{font-size:.8rem}.star-rating{gap:1px;margin-right:4px}.star{font-size:.9rem;padding:0 1px}.rating-avg{font-size:.8rem;margin-left:4px}}.selector-panel{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:220px 1fr}.base-column{border-right:1px solid #ffffff1a}.base-title,.variant-title{color:#e91e63;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.base-item{padding:.5rem .75rem}.base-item.active,.base-item:hover{background:#e91e631a;color:#fff}.panel-note{color:#aaa;font-size:.8rem;margin-top:.75rem}.variant-column{padding-left:.5rem}.variant-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.variant-card{background:#ffffff0a;border:1px solid #ffffff26;transition:all .2s ease}.variant-card.selected{border-color:#e91e63;box-shadow:0 2px 8px #e91e6333}.variant-name{font-weight:600}.like-button{background:none;border:none;color:#888;font-size:1rem;z-index:2}.like-button.active{color:#e91e63}.variant-desc{color:#aaa;font-size:.85rem;margin:.35rem 0 .5rem}.variant-badges{margin-bottom:.5rem}.star-rating{margin-right:8px}.star{background:none;color:#666;padding:0 2px}.star.active{color:#e1b12c}.rating-avg{color:#ccc;margin-left:6px}.badge{background:#e91e6326;border-radius:8px;color:#e91e63;font-size:.7rem;padding:.2rem .45rem}.metric-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .6rem}.metric-label{font-size:.7rem}.metric-value{font-size:.85rem}.model-dialog-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2001}.model-dialog-modal{background:#111118f2;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;max-height:100vh;width:min(1000px,92vw)}.model-dialog-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.25rem}.model-dialog-title{color:#fff;font-size:1.1rem;font-weight:700}.model-dialog-close{background:none;border:none;color:#bbb;cursor:pointer;font-size:1.4rem}.model-dialog-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.model-dialog-footer{border-top:1px solid #ffffff1a;display:flex;gap:.5rem;justify-content:flex-end;padding:.85rem 1.25rem}.model-dialog-cancel{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#eee;cursor:pointer;padding:.6rem 1rem}.selector-panel{display:flex;flex-direction:column;height:100%}.selector-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141419f2;border-bottom:1px solid #ffffff14;padding:1.5rem 2rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-section{margin-bottom:1rem}.search-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;color:#fff;font-size:.95rem;padding:.75rem 1rem;width:100%}.search-input::placeholder{color:#888}.base-model-dropdown-mobile{display:none}.selector-content{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:240px 1fr;overflow-y:auto;padding:1rem 2rem 2rem}.tier-tabs{display:flex;gap:.75rem;justify-content:stretch;margin-bottom:1.5rem;padding:.5rem;width:100%}.tier-tab{align-items:center;background:linear-gradient(145deg,#1e1e23e6,#141419cc);border:2px solid #ffffff1a;border-radius:16px;color:#bbb;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:700;justify-content:center;letter-spacing:.5px;min-height:60px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.tier-tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tier-tab:hover:before{left:100%}.tier-tab:hover{border-color:#ffffff40;box-shadow:0 8px 25px #0000004d,0 0 0 1px #ffffff1a;color:#fff;transform:translateY(-2px)}.tier-tab.active{background:linear-gradient(145deg,#d4af37,#b8941f);border:2px solid gold;box-shadow:0 0 30px #ffd70066,0 8px 25px #d4af374d,inset 0 1px 0 #ffffff4d;color:#1a1a1a;transform:translateY(-3px)}.tier-tab.active:after{background:linear-gradient(145deg,#ffffff1a,#0000);border-radius:12px;bottom:2px;content:"";left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.tier-tab.pro.active{background:linear-gradient(145deg,#8a2be2,#6a1b9a);border:2px solid #9c27b0;box-shadow:0 0 30px #9c27b080,0 8px 25px #8a2be266,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-3px)}.tier-tab.ultra.active{background:linear-gradient(145deg,#1e3a8a,#1e40af);border:2px solid #3b82f6;box-shadow:0 0 30px #3b82f680,0 8px 25px #1e3a8a66,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-3px)}.tier-badge{background:#0000004d;border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #0000004d;color:#ffffffe6;font-size:.7rem;font-weight:800;letter-spacing:.5px;margin-left:.5rem;padding:.2rem .6rem;text-transform:uppercase}.upgrade-banner{align-items:center;background:#54460f59;border:1px solid #ffd25e59;border-radius:12px;color:#f7f0d1;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;padding:.6rem .8rem}.upgrade-action{background:#ffd25e33;border:1px solid #ffd25e66;border-radius:10px;color:#ffd25e;cursor:pointer;padding:.35rem .6rem}.base-column{border-right:1px solid #ffffff14;min-height:0;padding-right:1rem}.base-title{background:#111118f2;color:#ddd;font-weight:700;margin-bottom:.5rem;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.base-list{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.base-list::-webkit-scrollbar{width:6px}.base-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.base-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.base-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.base-item{border-radius:8px;color:#ddd;cursor:pointer;padding:.5rem .6rem}.base-item.active{background:#ffffff14}.variant-column{display:flex;flex-direction:column;min-height:0}.variant-title{background:#111118f2;color:#ddd;font-weight:700;margin-bottom:.5rem;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.variant-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;max-height:400px;overflow-y:auto;padding-right:.5rem}.variant-grid::-webkit-scrollbar{width:6px}.variant-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.variant-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.variant-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.variant-card{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;position:relative}.variant-card.selected{border-color:#ffd25e99;box-shadow:inset 0 0 0 1px #ffd25e33}.variant-header{align-items:center;display:flex;justify-content:space-between}.variant-name{color:#fff;font-weight:700}.like-button{background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;color:#f67;cursor:pointer;padding:.25rem .5rem;pointer-events:auto;position:relative;z-index:10}.like-button.active{background:#ff005026;border-color:#ff005059;color:#f36}.variant-desc{color:#bbb;font-size:.9rem}.variant-badges{display:flex;flex-wrap:wrap;gap:.35rem}.badge{background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;color:#eee;font-size:.75rem;padding:.2rem .5rem}.metrics-row{grid-gap:.5rem;display:grid;grid-template-columns:repeat(3,1fr)}.metric-item,.metrics-row{align-items:center;gap:.5rem}.metric-item{display:flex;flex-wrap:nowrap;justify-content:space-between;min-width:0}.metric-label{color:#aaa;flex:0 0 auto;font-size:.85rem}.metric-value{color:#fff;flex:0 0 auto;font-weight:600;text-align:right}.token-price-row{border-top:1px solid #ffffff1a;margin-top:.75rem;padding-top:.75rem;position:relative}.token-price-item{justify-content:space-between}.token-price-item,.token-price-label{align-items:center;display:flex;gap:.5rem;position:relative}.token-price-label{color:#ff6b9d;font-size:.9rem;font-weight:600}.token-price-label:before{animation:sparkle 2s;content:"💗";font-size:1rem}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.token-price-value{background:linear-gradient(135deg,#e22bab,#ff1493 25%,#ff6b9d 50%,#f0f 75%,#e22b96);background-clip:padding-box;border:2px solid #0000;border-radius:25px;box-shadow:0 4px 15px #ff6b9d33,inset 0 1px 0 #fff3;color:#fff;font-size:.9rem;font-weight:700;overflow:hidden;padding:.4rem 1rem;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.token-price-value:before{animation:borderGlow 3s linear infinite;background:linear-gradient(45deg,#ff6b9d,#f0f 25%,#e22bab 50%,#ff1493 75%,#ff6b9d);border-radius:25px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderGlow{0%{background:linear-gradient(45deg,#ff6b9d,#f0f 25%,#ff00d4 50%,#ff1493 75%,#ff6b9d)}25%{background:linear-gradient(45deg,#f0f,#e22b77 25%,#ff1493 50%,#ff6b9d 75%,#f0f)}50%{background:linear-gradient(45deg,#e22bab,#ff1493 25%,#ff6b9d 50%,#f0f 75%,#e22b96)}75%{background:linear-gradient(45deg,#ff1493,#ff6b9d 25%,#f0f 50%,#e22b71 75%,#ff1493)}to{background:linear-gradient(45deg,#ff6b9d,#f0f 25%,#e22b96 50%,#ff1493 75%,#ff6b9d)}}.token-price-value:after{animation:shimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.token-price-value:hover{background:linear-gradient(135deg,#ff6b9d66,#ff00ff80 25%,#e22b9c66 50%,#ff149380 75%,#ff6b9d66);box-shadow:0 8px 25px #ff6b9d66,0 4px 15px #ff00ff4d,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.star-rating{display:inline-flex;gap:2px;margin-right:6px}.star{background:#0000;border:none;color:#888;cursor:pointer;font-size:1rem;line-height:1;padding:0;pointer-events:auto;position:relative;z-index:2}.star.active{color:#ffd25e;text-shadow:0 0 8px #ffd25e80}.rating-avg{color:#ddd;font-size:.9rem}@media (max-width:768px){.model-dialog-modal{margin:2vh 2vw;max-height:88vh;width:96vw}.model-dialog-header{padding:.75rem 1rem}.model-dialog-title{font-size:1rem}.model-dialog-close{font-size:1.2rem}.selector-header{padding:1rem 1rem .75rem}.search-input{font-size:.9rem;padding:.6rem .8rem}.selector-content{display:flex;flex-direction:column;gap:1rem;grid-template-columns:none;padding:.75rem 1rem 1.5rem}.tier-tabs{flex-direction:row;gap:.5rem;margin-bottom:1rem;padding:.25rem}.tier-tab{border-radius:12px;font-size:.85rem;min-height:50px;padding:.75rem 1rem}.tier-badge{font-size:.65rem;margin-left:.3rem;padding:.15rem .4rem}.base-model-dropdown-mobile{display:block;margin-bottom:1rem}.base-dropdown-label{color:#ddd;font-size:.9rem;font-weight:700;margin-bottom:.4rem}.base-dropdown-selector{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:.8rem 1rem;transition:all .2s ease}.base-dropdown-selector:hover{background:#ffffff14;border-color:#ffffff2e}.base-dropdown-text{flex:1 1}.base-dropdown-arrow{color:#aaa;font-size:.8rem;margin-left:.5rem}.base-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.base-selector-popup{background:#111118f2;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 8px 32px #0006;max-height:70vh;max-width:400px;overflow:hidden;width:100%}.base-selector-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1rem 1.2rem}.base-selector-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.base-selector-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;line-height:1;padding:.2rem}.base-selector-close:hover{color:#fff}.base-selector-content{max-height:calc(70vh - 80px);overflow-y:auto;padding:.5rem}.base-selector-item{align-items:center;border-radius:8px;color:#ddd;cursor:pointer;display:flex;font-weight:500;margin-bottom:.25rem;padding:.8rem 1rem;transition:all .2s ease}.base-selector-item:hover{background:#ffffff0f;color:#fff}.base-selector-item.active{background:#ffd25e26;border:1px solid #ffd25e4d;color:#ffd25e}.base-column{display:none}.variant-column{width:100%}.variant-grid{max-height:400px}.base-title,.variant-title{font-size:.9rem;margin-bottom:.75rem}.base-list{gap:.2rem;max-height:200px}.base-item{font-size:.9rem;padding:.6rem .8rem}.variant-column{padding-left:0}.variant-grid{gap:.6rem;grid-template-columns:1fr;max-height:300px}.variant-card{gap:.4rem;padding:.6rem}.variant-name{font-size:.9rem}.variant-desc{font-size:.85rem}.variant-badges{gap:.25rem}.badge{font-size:.7rem;padding:.15rem .4rem}.metrics-row{gap:.3rem}.metric-label,.metric-value{font-size:.8rem}.token-price-row{margin-top:.5rem;padding-top:.5rem}.token-price-label{font-size:.85rem}.token-price-value{font-size:.85rem;padding:.3rem .8rem}.like-button{padding:.2rem .4rem}.like-button,.star{font-size:.9rem}.rating-avg,.upgrade-banner{font-size:.85rem}.upgrade-banner{margin-bottom:.5rem;padding:.5rem .6rem}.upgrade-action{font-size:.8rem;padding:.3rem .5rem}.model-dialog-footer{padding:.6rem 1rem}.model-dialog-cancel{font-size:.85rem;padding:.5rem .8rem}}.gallery-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.gallery-content{-ms-overflow-style:none;background-color:#1e1e1e;border:1px solid #4f545c;border-radius:10px;height:100%;max-height:90vh;max-width:1200px;overflow-y:auto;padding:20px;position:relative;scrollbar-width:none;width:100%}.gallery-content::-webkit-scrollbar{display:none}.gallery-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2.5rem;position:absolute;right:20px;top:15px}.gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding-top:40px}.gallery-item{aspect-ratio:1/1;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.gallery-item:hover{transform:scale(1.05)}.gallery-image{height:100%;object-fit:cover;width:100%}.gallery-item.locked .gallery-image{filter:blur(8px) grayscale(50%)}.lock-icon{color:#ffffffb3;font-size:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.gallery-item.unlocked:hover{box-shadow:0 4px 20px #0000004d;transform:scale(1.08)}.image-modal-overlay{background-color:#000000e6;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-modal-content,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-content{max-height:90vh;max-width:90vw;position:relative}.image-modal-img{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:100%;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:background-color .2s;width:40px}.image-modal-close:hover{background:#ffffff4d}.insufficient-modal-overlay{align-items:center;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.insufficient-modal-container{animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:24px;box-shadow:0 32px 64px #0009,0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff1a;max-width:440px;overflow:hidden;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.insufficient-close-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;color:#888;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px;z-index:10}.insufficient-close-btn:hover{background:#ffffff1f;border-color:#ffffff26;color:#fff;transform:scale(1.05)}.insufficient-close-btn:active{background:#ffffff14;transform:scale(.95)}.insufficient-close-btn:focus{outline:2px solid #ff6b9d;outline-offset:2px}.insufficient-modal-body{padding:48px 32px 32px;text-align:center}.insufficient-modal-header{margin-bottom:40px}.insufficient-modal-title{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px}.title-part-1{color:#ff6b9d;display:inline-block}.title-part-2{color:#fff;display:inline-block;margin-left:8px}.insufficient-modal-subtitle{color:#b8b8b8;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;max-width:320px}.insufficient-modal-actions{display:flex;gap:16px;width:100%}.insufficient-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;justify-content:center;min-height:56px;overflow:hidden;padding:16px 24px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.insufficient-btn-secondary{background:#ffffff14;border:1px solid #ffffff1f;color:#fff}.insufficient-btn-secondary:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 12px 32px #0000004d;transform:translateY(-2px)}.insufficient-btn-secondary:active{background:#ffffff1a;transform:translateY(0)}.insufficient-btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff4081 50%,#e91e63);border:1px solid #ff6b9d4d;box-shadow:0 8px 24px #ff6b9d59;color:#fff}.insufficient-btn-primary:hover{background:linear-gradient(135deg,#ff4081,#e91e63 50%,#c2185b);border-color:#ff6b9d80;box-shadow:0 16px 40px #ff6b9d80;transform:translateY(-2px)}.insufficient-btn-primary:active{box-shadow:0 8px 24px #ff6b9d59;transform:translateY(0)}.insufficient-btn:focus{outline:2px solid #ff6b9d;outline-offset:2px}@media (max-width:520px){.insufficient-modal-container{border-radius:20px;margin:16px;max-width:none}.insufficient-modal-body{padding:40px 24px 24px}.insufficient-modal-title{font-size:24px}.insufficient-modal-subtitle{font-size:15px}.insufficient-modal-actions{flex-direction:column;gap:12px}.insufficient-close-btn{border-radius:10px;height:36px;right:16px;top:16px;width:36px}.insufficient-btn{font-size:15px;min-height:52px;padding:14px 20px}}@media (max-width:380px){.insufficient-modal-overlay{padding:12px}.insufficient-modal-body{padding:36px 20px 20px}.insufficient-modal-title{font-size:22px}.insufficient-modal-subtitle{font-size:14px}}@media (prefers-reduced-motion:reduce){.insufficient-btn,.insufficient-close-btn,.insufficient-modal-container,.insufficient-modal-overlay{animation:none;transition:none}.insufficient-btn:hover,.insufficient-close-btn:hover{transform:none}}@media (prefers-contrast:high){.insufficient-btn-secondary,.insufficient-close-btn,.insufficient-modal-container{border:2px solid #fff}.insufficient-btn-primary{border:2px solid #ff6b9d}}.streaming-message{position:relative}.streaming-message:after{animation:blink 1s infinite;color:var(--accent-color);content:"|";font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-indicator{align-items:center;background:#ffffff1a;border-radius:12px;display:inline-flex;gap:4px;margin:4px 0;padding:8px 12px}.typing-dot{animation:typing 1.4s ease-in-out infinite;background:var(--accent-color);border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.page-layout{display:flex;flex:1 1;min-height:100vh}.chat-main{display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:hidden}.chat-main.with-icon-sidebar{margin-left:70px;padding-left:2rem}.sidebar.right-sidebar{background:var(--secondary-bg-color);border-left:1px solid #ffffff1a;flex-shrink:0;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:300px;z-index:50}.chat-page{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;overflow-y:hidden;padding:2rem 2rem 0;position:relative;width:100%}.chat-window{-ms-overflow-style:none;display:flex;flex-direction:column;flex-grow:1;gap:1rem;height:calc(100vh - 150px);margin-bottom:1rem;overflow-y:auto;padding-bottom:100px;scroll-behavior:smooth;scrollbar-width:none}.chat-window::-webkit-scrollbar{display:none}.message{word-wrap:break-word;border-radius:1.25rem;line-height:1.5;max-width:75%;padding:.75rem 1.25rem;position:relative}.user-message{align-self:flex-end;background-color:#5865f2;border-bottom-right-radius:.5rem;color:#fff}.bot-message{align-self:flex-start;background-color:#36393f;border-bottom-left-radius:.5rem;color:#dcddde}.chat-input-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e1f22e6;border-radius:10px;bottom:20px;box-shadow:0 -5px 20px #0003;display:flex;gap:1rem;left:0;margin:0 auto;max-width:1160px;padding:15px 2rem;position:fixed;right:0;transition:all .3s ease;z-index:100}body.recent-chat-panel-open .chat-input-form{left:390px!important;margin:0;max-width:none}body.right-sidebar-open .chat-input-form{right:348px!important}body.icon-sidebar-visible .chat-input-form{left:70px}.chat-input-form input{background-color:#40444b;border:none;border-radius:.5rem;color:#fff;flex-grow:1;font-size:1em;padding:1rem}.chat-input-form input:focus{box-shadow:0 0 0 2px #5865f2;outline:none}.chat-input-form button{background-color:#5865f2;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:1rem 1.5rem;transition:background-color .2s ease}.chat-input-form button:hover{background-color:#4752c4}.message-text{white-space:pre-wrap}.quoted-text{color:#fff;font-weight:700}.message-image{border-radius:8px;margin-top:10px;max-width:100%}.regenerate-button{background:#0000!important;border:none;box-shadow:none;cursor:pointer}.regenerate-button:hover:enabled{cursor:pointer}.regenerate-button:disabled{cursor:not-allowed}.message-actions{align-items:center;bottom:-34px;display:inline-flex;left:0;position:absolute}.bot-message{margin-bottom:36px}@media (max-width:768px){.chat-page{padding:calc(72px + env(safe-area-inset-top, 0px)) 1rem 80px}.mobile-topbar{align-items:center;background:linear-gradient(180deg,#18191cfa,#18191ceb);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 6px 16px #00000059;display:flex;gap:.75rem;height:56px;justify-content:center;left:50%;margin-bottom:0;max-width:1160px;padding:0 .75rem;position:fixed;top:calc(env(safe-area-inset-top, 0px) + 8px);transform:translateX(-50%);width:calc(100% - 2rem);z-index:30}.mobile-topbar-actions{align-items:center;display:inline-flex;gap:8px}.mobile-topbar-btn{align-items:center;background:var(--secondary-bg-color);border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.mobile-topbar-btn.left{margin-left:4px}.mobile-topbar-btn.right{margin-right:4px}.mobile-topbar-btn.donate{background:linear-gradient(135deg,#ff6ec4,#7873f5);border:none;border-radius:16px;box-shadow:0 4px 12px #00000040;font-size:12px;font-weight:700;height:32px;padding:0 12px;width:auto}.mobile-topbar-info{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.mobile-topbar-avatar{border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #00000059;height:32px;object-fit:cover;width:32px}.mobile-topbar-avatar.placeholder{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:32px;justify-content:center;width:32px}.mobile-topbar-text{display:flex;flex-direction:column;min-width:0}.mobile-topbar-name{color:var(--primary-text-color);font-size:.95rem;font-weight:600;line-height:1.1}.mobile-topbar-handle,.mobile-topbar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-handle{color:var(--secondary-text-color);font-size:.8rem}.chat-window{height:calc(100vh - 140px)}body.right-sidebar-open .chat-input-form{right:0!important}}@media (max-width:1024px){.chat-main{padding-top:0!important}.chat-input-form{bottom:12px;left:0;max-width:95%;padding:12px 1.5rem;right:0;z-index:20}body.right-sidebar-open .chat-input-form{max-width:95%;right:0!important}body.icon-sidebar-visible .chat-input-form,body.recent-chat-panel-open .chat-input-form{left:0!important}.chat-page{padding:1.5rem 1.5rem 80px}.chat-window{height:calc(100vh - 140px)}.message{max-width:85%}}@media (max-height:700px){.chat-window{height:calc(100vh - 120px)}.chat-input-form{bottom:8px;padding:10px 1rem}}.creator-profile-page{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:2rem}.creator-profile-container{margin:0 auto;max-width:1200px}.creator-header{margin-bottom:2rem}.back-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.back-button:hover{background:#fff3;transform:translateY(-1px)}.back-button svg{height:16px;width:16px}.creator-profile-section{grid-gap:1.25rem 1.5rem;align-items:start;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 10px 30px #00000059;display:grid;gap:1.25rem 1.5rem;grid-template-columns:96px 1fr;margin-bottom:2rem;padding:1.25rem 1.5rem}.creator-avatar{align-items:center;background:linear-gradient(135deg,#ff0080,#7928ca);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.creator-info{flex:1 1}.creator-profile-page .creator-info .creator-name{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#ff0080,#7928ca)!important;-webkit-background-clip:text!important;background-clip:text!important;background-image:linear-gradient(135deg,#ff0080,#7928ca)!important;color:#0000!important;font-size:2rem!important;font-weight:700!important;margin:0 0 .5rem!important;text-shadow:none!important}.creator-bio.inline{color:#ffffffbf;line-height:1.6;margin:.25rem 0 .75rem}.creator-stats{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(120px,1fr))}.stat-item{align-items:center;background:#ffffff0a;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .25rem}.creator-stats .stat-item:not(:first-child){border-left:1px solid #ffffff1f}.stat-value{color:#ff4db8;font-size:1.4rem;font-weight:800}.stat-label{color:var(--secondary-text-color);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.creator-actions{display:flex;gap:.5rem;margin-top:.5rem}.follow-button{background:#ff4db8;border:none;border-radius:999px;box-shadow:0 8px 18px #ff4db84d;color:#fff;cursor:pointer;font-weight:600;padding:.55rem .9rem}.follow-button:focus-visible,.follow-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.follow-button.following{background:#3a3a3a}.share-button{background:#0000;border:1px solid #ff4db8;border-radius:999px;color:#ff4db8;cursor:pointer;font-weight:600;padding:.55rem .9rem}.share-button:focus-visible,.share-button:hover{background:#ff4db81a;box-shadow:inset 0 0 0 1px #ff4db840}.creator-bio-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:3rem;padding:2rem}.creator-bio-section h2{color:var(--primary-text-color);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.creator-bio{color:var(--secondary-text-color);font-size:1rem;line-height:1.6;margin:0}.creator-characters-section{margin-bottom:2rem}.creator-characters-section h2{color:var(--primary-text-color);font-size:1.5rem;font-weight:700;margin:0 0 2rem}.creator-characters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.creator-character-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.creator-character-card:hover{border-color:#f0f6;box-shadow:0 12px 40px #ff00ff4d;transform:translateY(-4px)}.character-image-container{height:200px;overflow:hidden;position:relative;width:100%}.character-image{height:100%;object-fit:cover;width:100%}.character-placeholder{align-items:center;background:linear-gradient(135deg,#ff0080,#7928ca);color:#fff;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.character-content{padding:1.5rem}.character-name{color:var(--primary-text-color);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.character-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--secondary-text-color);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.character-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.character-tag{background:#ff00ff1a;border:1px solid #f0f3;border-radius:50px;color:var(--accent-color);display:inline-flex;font-weight:500;min-width:0;overflow:hidden!important;padding:.25rem .75rem;text-overflow:ellipsis!important;white-space:nowrap!important}.character-stats,.character-tag{align-items:center;font-size:.75rem}.character-stats{color:var(--secondary-text-color);display:flex;justify-content:space-between}.rating,.stat{align-items:center;display:flex;gap:.25rem}.rating{color:#fbbf24}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--accent-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h2{color:#ff6b6b;font-size:1.5rem;margin:0 0 1rem}.error-container p{color:var(--secondary-text-color);font-size:1rem;margin:0 0 2rem}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--primary-text-color);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.empty-state p{color:var(--secondary-text-color);font-size:.875rem;margin:0}@media (max-width:768px){.creator-profile-page{padding:1rem}.creator-profile-section{gap:1rem;grid-template-columns:1fr;text-align:center}.creator-name{font-size:1.5rem}.creator-stats{grid-template-columns:repeat(2,1fr)}.creator-characters-grid{grid-template-columns:1fr}}.share-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.share-modal{background:#1f1f1f;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 12px 40px #00000073;color:var(--primary-text-color);padding:1.25rem 1.25rem 1.5rem;width:min(560px,92vw)}.share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.share-modal-header h3{font-size:1.1rem;font-weight:700;margin:0}.close-btn{background:#0000;border:none;color:var(--secondary-text-color);cursor:pointer;font-size:1.2rem}.share-input-row{display:flex;gap:.5rem;margin-top:.75rem}.share-input-row input{background:#252525;border:1px solid #ffffff1f;border-radius:8px;color:var(--secondary-text-color);flex:1 1;padding:.65rem .75rem}.copy-btn{background:#ff4db8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1rem}.membership-main{flex:1 1;margin-left:280px;overflow-y:auto;padding:2rem}.membership-container{margin:0 auto;max-width:1200px}.membership-header{margin-bottom:3rem;text-align:center}.membership-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.membership-header p{color:#a0a0a0;font-size:1.2rem;margin:0}.billing-toggle{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;display:inline-flex;gap:.5rem;margin-top:1rem;padding:.5rem}.billing-button{background:#0000;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;padding:.5rem .9rem;transition:all .2s ease}.billing-button:hover{background:#ffffff14}.billing-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.membership-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.membership-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;overflow:hidden;transition:all .3s ease}.membership-card:hover{border-color:var(--tier-color);box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.card-header{padding:1.5rem;position:relative;text-align:center}.card-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.card-pricing{background:#ffffff05;padding:2rem 1.5rem;text-align:center}.price-main{margin-bottom:1rem}.price{color:#fff;font-size:3rem;font-weight:700}.period{color:#a0a0a0;font-size:1.2rem;margin-left:.5rem}.price-yearly{color:#a0a0a0;font-size:1rem}.yearly-price{color:#10b981;font-weight:600}.yearly-period{margin-left:.3rem}.card-button{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 1.5rem 2rem;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:calc(100% - 3rem)}.card-button:hover{box-shadow:0 10px 20px #0000004d;opacity:.9;transform:translateY(-2px)}.card-features{padding:0 1.5rem 2rem}.feature-item{align-items:flex-start;display:flex;margin-bottom:1rem;padding:.5rem 0}.feature-icon{color:#10b981;flex-shrink:0;font-weight:700;margin-right:.75rem;margin-top:.1rem}.feature-text{color:#e0e0e0;font-size:.95rem;line-height:1.5}.payment-modal{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;z-index:1000}.payment-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;color:#fff;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));max-width:90vw;overflow-y:auto;padding:1.25rem;width:420px}.payment-content h3{margin-bottom:.5rem;margin-top:0}.payment-status{color:#a0a0a0;margin-bottom:1rem}.payment-qr{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.payment-qr img{border:1px solid #ffffff1a;border-radius:12px;height:260px;width:260px}.payment-actions{display:flex;justify-content:flex-end}.close-button{background:#444;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem .9rem}.close-button:hover{background:#555}.comparison-section{margin-top:4rem}.comparison-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.comparison-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden}.table-header{background:#ffffff1a;border-bottom:2px solid #ffffff1a;display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.header-cell{color:#fff;font-size:1.1rem;font-weight:700;padding:1.5rem 1rem;text-align:center}.feature-header{background:#ffffff0d;text-align:left}.table-row{border-bottom:1px solid #ffffff0d;display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff05}.table-cell{color:#e0e0e0;font-size:.95rem;padding:1.25rem 1rem;text-align:center}.feature-cell{background:#ffffff05;color:#fff;font-weight:600;text-align:left}.diamond-cell{color:#f59e0b;font-weight:600}.deluxe-cell{color:#10b981;font-weight:600}.premium-cell{color:#8b5cf6;font-weight:600}.check-icon{color:#10b981}.check-icon,.cross-icon{font-size:1.2rem;font-weight:700}.cross-icon{color:#ef4444}@media (max-width:1024px){.membership-main{margin-left:0;padding:1rem}.membership-cards{gap:1.5rem}.membership-cards,.table-header,.table-row{grid-template-columns:1fr}.table-cell{border-bottom:1px solid #ffffff0d;text-align:left}.table-cell:before{content:attr(data-label);display:inline-block;font-weight:700;margin-right:1rem;width:120px}}@media (max-width:768px){.membership-header h1{font-size:2rem}.membership-header p{font-size:1rem}.membership-cards{grid-template-columns:1fr}.price{font-size:2.5rem}.membership-main{margin-left:0;padding-top:calc(56px + var(--safe-area-top))}}.sidebar-overlay{background:#00000080;inset:0;position:fixed;z-index:1100}.agegate-page{align-items:center;background:var(--primary-bg-color);display:flex;justify-content:center;min-height:100vh;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.agegate-page.visible{opacity:1;transform:translateY(0)}.agegate-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.floating-orb{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#ff00ff4d,#ff6b9d33);border-radius:50%;filter:blur(40px);position:absolute}.orb-1{animation-delay:0s;height:200px;left:10%;top:10%;width:200px}.orb-2{animation-delay:2s;height:150px;right:15%;top:60%;width:150px}.orb-3{animation-delay:4s;bottom:20%;height:100px;left:60%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.agegate-card{animation:cardSlideIn .8s cubic-bezier(.4,0,.2,1) .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141ef2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ff00ff1a,inset 0 1px 0 #ffffff1a;max-width:800px;overflow:hidden;position:relative;width:100%;z-index:1}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.agegate-header{background:linear-gradient(135deg,#ff00ff26,#ff6b9d1a);border-bottom:1px solid #f0f3;padding:3rem 3rem 2rem;position:relative;text-align:center}.warning-icon{animation:pulse 2s ease-in-out infinite;color:var(--accent-color);height:64px;margin:0 auto 1.5rem;width:64px}.warning-icon svg{height:100%;width:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.agegate-header h1{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--accent-color),#ff6b9d,gold);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;margin:0 0 1rem;text-shadow:0 0 30px #ff00ff4d}@keyframes titleGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.subtitle{color:var(--primary-text-color);font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;opacity:.9}.age-requirement{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.age-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f06,#ff6b9d);border-radius:20px;box-shadow:0 4px 15px #f066;color:#fff;font-size:1.1rem;font-weight:800;padding:.5rem 1rem}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.agegate-content{padding:2rem 3rem}.content-warning{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.content-warning h3{color:var(--accent-color);font-size:1.3rem;font-weight:700;margin:0 0 1rem}.content-warning ul{list-style:none;margin:0;padding:0}.content-warning li{color:var(--primary-text-color);padding:.5rem 0 .5rem 1.5rem;position:relative}.content-warning li:before{color:var(--accent-color);content:"•";font-weight:700;left:0;position:absolute}.agegate-actions{display:flex;flex-direction:column;gap:2rem}.agree-checkbox{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.agree-checkbox:hover{background:#ffffff0d;border-color:#ff00ff4d}.agree-checkbox input[type=checkbox]{display:none}.checkmark{border:2px solid #ffffff4d;border-radius:6px;flex-shrink:0;height:24px;margin-top:2px;position:relative;transition:all .3s ease;width:24px}.agree-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);border-color:var(--accent-color)}.agree-checkbox input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text{color:var(--primary-text-color);font-size:1rem;line-height:1.6}.checkbox-text .link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:all .3s ease}.checkbox-text .link:hover{color:#ff6b9d;text-decoration:underline}.button-group{display:flex;flex-wrap:wrap;gap:1rem}.enter-btn,.exit-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;min-width:200px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enter-btn svg,.exit-btn svg{height:20px;transition:transform .3s ease;width:20px}.enter-btn{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);box-shadow:0 8px 25px #ff00ff4d;color:#fff}.enter-btn.enabled:hover{box-shadow:0 15px 35px #f0f6;transform:translateY(-3px)}.enter-btn.enabled:hover svg{transform:translateX(3px)}.enter-btn.disabled{box-shadow:0 4px 15px #f0f3;cursor:not-allowed;opacity:.5;transform:none!important}.exit-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.exit-btn:hover{background:#ffffff26;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.exit-btn:hover svg{transform:rotate(90deg)}.agegate-footer{background:#0003;border-top:1px solid #ffffff1a;padding:2rem 3rem}.disclaimer{margin-bottom:1.5rem}.disclaimer p{color:var(--secondary-text-color);font-size:.95rem;line-height:1.6;margin:0}.disclaimer strong{color:var(--accent-color)}.security-note{align-items:center;color:var(--secondary-text-color);display:flex;font-size:.9rem;gap:.5rem;opacity:.8}.security-note svg{color:var(--accent-color);height:16px;width:16px}@media (max-width:768px){.agegate-page{padding:1rem}.agegate-card{max-width:100%}.agegate-header{padding:2rem 2rem 1.5rem}.agegate-header h1{font-size:2rem}.agegate-content{padding:1.5rem 2rem}.content-warning{padding:1.5rem}.button-group{flex-direction:column}.enter-btn,.exit-btn{min-width:auto}.agegate-footer{padding:1.5rem 2rem}.floating-orb{display:none}}.legal-page{animation:fadeIn .6s ease-out;background:var(--primary-bg-color);color:var(--primary-text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;padding:2rem 1rem}.legal-container{background:var(--secondary-bg-color);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;margin:0 auto;max-width:900px;overflow:hidden}.legal-header{background:linear-gradient(135deg,var(--accent-color),#ff6b9d);padding:2rem;position:relative;text-align:center}.back-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;left:1rem;padding:.5rem 1rem;position:absolute;text-decoration:none;top:1rem;transition:all .3s ease}.back-link:hover{background:#fff3;transform:translateX(-2px)}.back-link svg{height:18px;width:18px}.legal-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.last-updated{color:#fffc;font-size:1rem;font-weight:400;margin:0}.legal-content{padding:2rem}.legal-section{border-bottom:1px solid #ffffff1a;margin-bottom:2.5rem;padding-bottom:1.5rem}.legal-section:last-child{border-bottom:none;margin-bottom:0}.legal-section h2{align-items:center;color:var(--accent-color);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.legal-section h3{color:var(--primary-text-color);font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-section p{color:var(--secondary-text-color);font-size:1rem;margin:0 0 1rem}.legal-section ul{margin:0 0 1rem;padding-left:1.5rem}.legal-section li{color:var(--secondary-text-color);margin-bottom:.5rem}.legal-section li strong{color:var(--primary-text-color);font-weight:600}.security-box,.warning-box{background:linear-gradient(135deg,#ff6b9d1a,#ff6b9d0d);border:1px solid #ff6b9d4d;border-radius:12px;margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative}.security-box:before,.warning-box:before{background:linear-gradient(90deg,var(--accent-color),#ff6b9d);content:"";height:3px;left:0;position:absolute;right:0;top:0}.security-box h3,.warning-box h3{align-items:center;color:var(--accent-color);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-top:0}.security-box ul,.warning-box ul{margin-bottom:0}.security-box li,.warning-box li{color:var(--primary-text-color)}.legal-footer{background:#0003;border-top:1px solid #ffffff1a;padding:2rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.footer-link{border:1px solid #0000;border-radius:8px;color:var(--accent-color);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.footer-link:hover{background:#ff6b9d1a;border-color:#ff6b9d4d;transform:translateY(-1px)}.footer-disclaimer{color:var(--secondary-text-color);font-size:.9rem;margin:0 auto;max-width:600px}.faq-search{margin-bottom:2rem}.faq-search input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--primary-text-color);font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.faq-search input:focus{background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff6b9d1a;outline:none}.faq-search input::placeholder{color:var(--secondary-text-color)}.faq-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;border-color:#ff6b9d4d;transform:translateY(-1px)}.faq-question{align-items:center;background:none;border:none;color:var(--primary-text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.faq-question svg,.faq-question:hover{color:var(--accent-color)}.faq-question svg{transition:transform .3s ease}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{animation:fadeInAnswer .3s ease-out;color:var(--secondary-text-color);line-height:1.6;padding:0 1.5rem 1.25rem}.faq-answer p{margin:0 0 .75rem}.faq-answer p:last-child{margin-bottom:0}@keyframes fadeInAnswer{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.legal-page{padding:1rem .5rem}.legal-container{border-radius:12px;margin:0}.legal-header{padding:1.5rem 1rem}.legal-header h1{font-size:2rem}.back-link{display:inline-flex;margin-bottom:1rem;position:static}.legal-content{padding:1.5rem 1rem}.legal-section h2{font-size:1.3rem}.footer-links{flex-direction:column;gap:1rem}.legal-footer{padding:1.5rem 1rem}}@media (max-width:480px){.legal-header h1{font-size:1.8rem}.legal-content{padding:1rem}.security-box,.warning-box{margin:1rem 0;padding:1rem}}.App{background-color:var(--primary-bg-color);min-height:var(--vh-100);width:100%}.App:has(.home-page.sidebar-layout){margin:0;max-width:none;padding:0}.App:not(:has(.home-page.sidebar-layout)){margin:auto;max-width:1600px;padding:1rem}
/*# sourceMappingURL=main.80c7864c.css.map*/