:root{--primary-pink:#ff6b9d;--primary-pink-dark:#c44569;--primary-purple:#667eea;--primary-purple-dark:#764ba2;--bg-dark-1:#0f0f1a;--bg-dark-2:#1a1a2e;--bg-dark-3:#16213e;--accent-gold:#ffd700;--accent-green:#10b981;--accent-red:#ef4444;--text-white:#ffffff;--text-light:rgba(255,255,255,0.9);--text-muted:rgba(255,255,255,0.7);--text-dim:rgba(255,255,255,0.5);--card-bg:rgba(255,255,255,0.05);--card-border:rgba(255,255,255,0.1);--card-shadow:rgba(0,0,0,0.3);--gradient-pink:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);--gradient-purple:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-bg:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16213e 100%);--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--shadow-sm:0 4px 15px rgba(0,0,0,0.2);--shadow-md:0 8px 32px rgba(0,0,0,0.3);--shadow-lg:0 15px 50px rgba(0,0,0,0.4);--shadow-glow-pink:0 0 20px rgba(255,107,157,0.5);--shadow-glow-purple:0 0 20px rgba(102,126,234,0.5)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gradient-bg);min-height:100vh;font-family:var(--font-family);overflow-x:hidden;position:relative;color:var(--text-light);line-height:1.6}.theme-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.hearts-bg,.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.heart{position:absolute;font-size:20px;animation:floatUp 8s ease-in-out infinite;opacity:0.15}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:0.15}90%{opacity:0.15}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}.stars,.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0.3}.star{position:absolute;color:white;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,100%{opacity:0.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,0.5);border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) translateX(0);opacity:0.3}50%{transform:translateY(-20px) translateX(10px);opacity:0.8}}.theme-container{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.theme-container-sm{max-width:600px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.theme-container-md{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.theme-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);transition:all 0.3s ease}.theme-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1);border-color:rgba(255,107,157,0.3);box-shadow:0 12px 40px rgba(255,107,157,0.2)}.theme-card-glass{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md)}.theme-card-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1)}.theme-card-body{padding:0}.theme-title{color:var(--primary-pink);text-shadow:var(--shadow-glow-pink);font-size:2.5rem;font-weight:700;margin-bottom:20px;text-align:center}.theme-subtitle{color:var(--text-muted);font-size:1.2rem;text-align:center;margin-bottom:30px}.theme-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 30px;border:none;border-radius:var(--radius-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none}.theme-btn-primary{background:var(--gradient-pink);color:white;box-shadow:var(--shadow-glow-pink)}.theme-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(255,107,157,0.4)}.theme-btn-secondary{background:var(--gradient-purple);color:white;box-shadow:var(--shadow-glow-purple)}.theme-btn-secondary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(102,126,234,0.4)}.theme-btn-outline{background:transparent;color:var(--primary-pink);border:2px solid var(--primary-pink)}.theme-btn-outline:hover{background:var(--primary-pink);color:white}.theme-btn-ghost{background:rgba(255,255,255,0.1);color:white;border:1px solid rgba(255,255,255,0.2)}.theme-btn-ghost:hover{background:rgba(255,255,255,0.2)}.theme-btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;box-shadow:0 4px 15px rgba(239,68,68,0.3)}.theme-btn-danger:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(239,68,68,0.4)}.theme-btn-sm{padding:8px 16px;font-size:0.85rem;border-radius:var(--radius-md)}.theme-btn-lg{padding:16px 40px;font-size:1.15rem}.theme-input{width:100%;padding:15px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:white;font-size:1rem;transition:all 0.3s ease}.theme-input:focus{outline:none;border-color:var(--primary-pink);background:rgba(255,255,255,0.08);box-shadow:0 0 15px rgba(255,107,157,0.2)}.theme-input::placeholder{color:var(--text-dim)}.theme-select{width:100%;padding:15px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);color:white;font-size:1rem;cursor:pointer}.theme-select option{background:#1a1a2e;color:white}.theme-form-group{margin-bottom:20px}.theme-form-label{display:block;color:var(--text-light);font-weight:600;margin-bottom:8px;font-size:0.95rem}.theme-alert{padding:15px 20px;border-radius:var(--radius-md);margin:15px 0}.theme-alert-success{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);border-left:4px solid var(--accent-green);color:#6ee7b7}.theme-alert-error{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);border-left:4px solid var(--accent-red);color:#fca5a5}.theme-alert-warning{background:rgba(255,215,0,0.15);border:1px solid rgba(255,215,0,0.3);border-left:4px solid var(--accent-gold);color:#fef08a}.theme-alert-info{background:rgba(102,126,234,0.15);border:1px solid rgba(102,126,234,0.3);border-left:4px solid var(--primary-purple);color:#a5b4fc}.theme-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:0.85rem;font-weight:600}.theme-badge-premium{background:linear-gradient(135deg,#ffd700 0%,#ffb347 100%);color:#1a1a2e}.theme-badge-new{background:var(--gradient-pink);color:white}.theme-badge-verified{background:var(--gradient-purple);color:white}.theme-nav{background:rgba(0,0,0,0.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:15px 0;position:sticky;top:0;z-index:100}.theme-nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.theme-nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary-pink);text-decoration:none}.theme-nav-links{display:flex;gap:20px;list-style:none}.theme-nav-link{color:var(--text-light);text-decoration:none;transition:color 0.3s ease}.theme-nav-link:hover{color:var(--primary-pink)}.theme-footer{text-align:center;padding:20px;color:var(--text-dim);font-size:12px;margin-top:30px;border-top:1px solid rgba(255,255,255,0.1)}.nav-back,a.back-link,a.back-btn,button.back-btn{display:inline-flex;align-items:center;gap:8px;color:#d4af37;text-decoration:none;font-size:13px;font-weight:500;padding:10px 18px;border-radius:25px;background:rgba(212,175,55,0.1);border:1px solid rgba(212,175,55,0.25);transition:all 0.3s ease;cursor:pointer;font-family:inherit;line-height:1.4;position:relative;z-index:10}.nav-back:hover,a.back-link:hover,a.back-btn:hover,button.back-btn:hover{background:rgba(212,175,55,0.2);border-color:#d4af37;transform:translateY(-2px);color:#d4af37;text-decoration:none}.nav-back:active,a.back-link:active,a.back-btn:active,button.back-btn:active{transform:translateY(0)}@media (max-width:768px){.nav-back,a.back-link,a.back-btn,button.back-btn{font-size:12px;padding:8px 14px;gap:6px}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp 0.6s ease-out forwards}@keyframes glow{0%,100%{box-shadow:0 0 20px rgba(255,107,157,0.3)}50%{box-shadow:0 0 40px rgba(255,107,157,0.6)}}.animate-glow{animation:glow 2s ease-in-out infinite}.gradient-text-pink{background:var(--gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-table{width:100%;border-collapse:separate;border-spacing:0}.theme-table th{background:rgba(255,107,157,0.2);color:var(--primary-pink);padding:15px;text-align:left;font-weight:600}.theme-table td{padding:15px;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--text-light)}.theme-table tr:hover td{background:rgba(255,255,255,0.03)}.theme-progress{width:100%;height:8px;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden}.theme-progress-bar{height:100%;background:var(--gradient-pink);border-radius:10px;transition:width 0.5s ease}.theme-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.theme-modal-overlay.active{opacity:1;visibility:visible}.theme-modal{background:var(--bg-dark-2);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:30px;max-width:500px;width:90%;transform:scale(0.9);transition:transform 0.3s ease}.theme-modal-overlay.active .theme-modal{transform:scale(1)}.theme-loader{width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--primary-pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.d-none{display:none}.z-content{position:relative;z-index:10}.text-error{color:var(--accent-red);margin-bottom:10px}.text-gold-bold{color:#d4af37;font-weight:600}.hint-text{color:var(--text-dim);font-size:12px;margin-top:6px}.section-divider-gold{border-top:1px solid rgba(212,175,55,0.2);margin:30px 0;padding-top:20px}.section-divider-gold--compact{border-top:1px solid rgba(212,175,55,0.2);margin:24px 0 20px;padding-top:16px}.section-title-gold{color:#d4af37;font-family:'Cormorant Garamond',serif;font-size:1.4em;margin-bottom:20px}.section-title-gold--sm{color:#d4af37;font-family:'Cormorant Garamond',serif;font-size:1.2em}.toggle-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-arrow{color:#d4af37;font-size:20px;transition:transform 0.3s}.textarea-sm{min-height:80px;resize:vertical}.textarea-md{min-height:120px;resize:vertical}.form-hint--gold{background:rgba(212,175,55,0.1);padding:12px;border-radius:8px;margin-top:10px}.content-card--error{border-color:rgba(239,68,68,0.5);background:rgba(239,68,68,0.1);margin-bottom:25px}.content-card--error-body{text-align:center;padding:20px}.emoji-icon-lg{font-size:2.5rem;margin-bottom:15px}.text-light-80{color:rgba(255,255,255,0.8)}.text-dim-sm{color:rgba(255,255,255,0.6);margin-top:15px;font-size:0.9rem}.text-muted-mb{color:var(--text-muted);margin-bottom:15px}.photo-modal-overlay{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);justify-content:center;align-items:center}.photo-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:30px;border-radius:20px;max-width:450px;width:90%;border:1px solid rgba(212,175,55,0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;color:#d4af37;font-family:'Cormorant Garamond',serif;font-size:24px}.modal-close{font-size:28px;font-weight:bold;color:rgba(245,245,245,0.6);cursor:pointer;line-height:1;background:none;border:none}.modal-close:hover{color:rgba(245,245,245,0.9)}.info-box-gold{background:linear-gradient(135deg,rgba(212,175,55,0.15) 0%,rgba(244,228,188,0.1) 100%);border-radius:12px;padding:16px;margin-bottom:20px;border-left:3px solid #d4af37}.info-box-gold p{margin:0 0 10px 0;color:#f5f5f5;font-size:14px;line-height:1.6}.info-box-gold p:last-child{margin-bottom:0}.info-box-gold .text-secondary{color:rgba(245,245,245,0.8);font-size:13px}.info-box-gold .footnote{margin:8px 0 0 0;color:rgba(212,175,55,0.9);font-size:12px;font-style:italic}.upload-zone{padding:25px;background:rgba(212,175,55,0.05);border:1px dashed rgba(212,175,55,0.3);border-radius:12px;text-align:center}.upload-zone .upload-label{margin-bottom:15px;color:#f5f5f5;font-size:15px}.upload-zone .upload-hint{margin-top:12px;font-size:12px;color:rgba(245,245,245,0.4)}.upload-zone .upload-status{margin-top:15px}.btn-gold{padding:14px 28px;background:linear-gradient(135deg,#d4af37 0%,#f4e4bc 100%);border:none;color:#1a1a2e;border-radius:12px;cursor:pointer;font-weight:600;font-size:15px;transition:all 0.3s}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(212,175,55,0.3)}.btn-ghost-full{margin-top:20px;width:100%;padding:14px;background:transparent;border:1px solid rgba(245,245,245,0.2);color:rgba(245,245,245,0.7);border-radius:10px;cursor:pointer;font-size:14px}.btn-ghost-full:hover{background:rgba(245,245,245,0.05);border-color:rgba(245,245,245,0.3)}@media (max-width:768px){.theme-title{font-size:1.8rem}.theme-card{padding:20px}.theme-container,.theme-container-md,.theme-container-sm{padding:15px}.theme-nav-links{display:none}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-dark-1)}::-webkit-scrollbar-thumb{background:rgba(212,175,55,0.35);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(212,175,55,0.55)}*{scrollbar-width:thin;scrollbar-color:rgba(212,175,55,0.4) var(--bg-dark-1)}::selection{background:rgba(212,175,55,0.5);color:white}.auth-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid rgba(212,175,55,0.1);position:sticky;top:-1px;z-index:100;background:rgba(15,15,26,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:24px;transition:box-shadow 0.3s ease;width:100vw;margin-left:50%;transform:translateX(-50%)}.auth-header.scrolled{box-shadow:0 4px 30px rgba(0,0,0,0.4),0 1px 0 rgba(212,175,55,0.15)}.auth-header-logo{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;background:linear-gradient(135deg,#d4af37 0%,#f4e4bc 50%,#d4af37 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;white-space:nowrap}.auth-header-nav{display:flex;align-items:center;gap:6px}.auth-nav-link{font-size:13px;color:rgba(212,175,55,0.5);background:none;border:1px solid rgba(212,175,55,0.15);border-radius:8px;cursor:pointer;font-family:'Montserrat',sans-serif;padding:6px 14px;transition:all 0.2s ease;letter-spacing:0.3px;text-decoration:none;white-space:nowrap}.auth-nav-link:hover{color:#d4af37;border-color:rgba(212,175,55,0.4);background:rgba(212,175,55,0.06)}.auth-nav-link.active{color:#d4af37;border-color:rgba(212,175,55,0.4);background:rgba(212,175,55,0.08)}.auth-nav-logout{color:rgba(180,100,100,0.5);border-color:rgba(180,100,100,0.15)}.auth-nav-logout:hover{color:#c44;border-color:rgba(204,68,68,0.4);background:rgba(204,68,68,0.06)}.auth-burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:1px solid rgba(212,175,55,0.2);border-radius:8px;padding:8px 10px;cursor:pointer;z-index:1001}.auth-burger span{display:block;width:22px;height:2px;background:rgba(212,175,55,0.6);border-radius:2px;transition:all 0.3s ease}.auth-burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.auth-burger.active span:nth-child(2){opacity:0}.auth-burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.auth-burger{display:flex}.auth-header-nav{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;background:rgba(26,26,46,0.98);border:1px solid rgba(212,175,55,0.15);border-radius:0 0 12px 12px;padding:8px;gap:4px;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,0.4);backdrop-filter:blur(20px)}.auth-header-nav.open{display:flex}.auth-nav-link{width:100%;text-align:center;padding:10px 14px;font-size:14px;border-radius:8px}.auth-header-logo{font-size:20px}}