.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:calc(100% - var(--space-12))}@media (max-width: 640px){.toast-container{bottom:calc(var(--space-4) + 80px);right:var(--space-4);left:var(--space-4);width:auto;max-width:none}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fffffff2;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);animation:fadeInUp var(--transition-base) ease-out}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{flex-shrink:0}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--text-main);margin:0;font-weight:500}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--text-light);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.toast-close:hover{background:#0000000d;color:var(--text-main)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.header{position:sticky;top:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:10px 0;height:64px;display:flex;align-items:center}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-app)}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.header-logo-img{height:32px;width:auto}.header-logo-text{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--text-main);letter-spacing:-.5px;display:none}@media (min-width: 640px){.header-logo-text{display:block}}.header-nav{display:none;background:var(--bg-app);padding:4px;border-radius:12px;gap:4px}@media (min-width: 1024px){.header-nav{display:flex}}.header-nav-link{padding:8px 24px;border-radius:10px;font-size:.85rem;font-weight:700;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.header-nav-link:hover{color:var(--text-main)}.header-nav-link.active{background:var(--bg-surface);color:var(--color-purple);box-shadow:0 4px 12px #0000000f}.header-actions{display:flex;align-items:center;gap:12px}.header-user-menu{position:relative}.header-user-btn{width:40px;height:40px;border-radius:12px;background:var(--bg-input);color:var(--text-main);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;overflow:hidden;transition:all .2s ease}.header-user-btn:hover{background:var(--border-color);transform:scale(1.05)}.header-avatar{width:100%;height:100%;object-fit:cover}.header-auth-btns{display:flex;gap:8px}.header-auth-btns .btn-app{padding:8px 16px;font-size:.85rem}.header-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.header-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:#fffffff2;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);z-index:101;padding:8px;animation:slideDropdown .2s ease}@keyframes slideDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-info{padding:12px 16px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.header-dropdown-name{font-weight:700;font-size:.95rem;color:var(--text-main)}.header-dropdown-username{font-size:.8rem;color:var(--text-muted)}.header-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text-main);text-decoration:none;transition:background .2s ease}.header-dropdown-item:hover{background:var(--bg-app)}.header-dropdown-divider{height:1px;background:var(--border-color);margin:8px 0}.header-dropdown-logout{color:#ff4d4d;width:100%;text-align:left}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto}.footer-container{display:grid;grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-12)}@media (min-width: 768px){.footer-container{grid-template-columns:1.5fr 2fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.footer-logo-img{height:32px;width:auto}.footer-logo-text{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);max-width:300px;margin:0}.footer-social{display:flex;gap:var(--space-3)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.footer-social-link:hover{color:var(--color-text-primary);background:var(--color-primary);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}@media (min-width: 640px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-links-column{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.footer-bottom{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding-block:var(--space-4)}.footer-bottom .footer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-block:0}@media (min-width: 640px){.footer-bottom .footer-container{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.footer-credits{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.footer-credits a{color:var(--color-primary);text-decoration:none}.footer-credits a:hover{text-decoration:underline}.footer-heart{color:var(--color-secondary);animation:pulse 2s ease-in-out infinite}.mobile-nav{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:8px 12px;box-shadow:0 8px 32px #0000001f}@media (max-width: 1024px){.mobile-nav{display:flex;align-items:center;gap:4px}}.mobile-nav-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;transition:all .2s ease;background:transparent;border:none;cursor:pointer}.mobile-nav-item:hover{color:var(--text-main);background:var(--bg-surface)}.mobile-nav-item.active{color:var(--color-white);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));box-shadow:var(--shadow-purple)}.mobile-nav-item img{width:20px;height:20px;filter:grayscale(100%);opacity:.5}.mobile-nav-item.active img{filter:brightness(0) invert(1);opacity:1}.mobile-nav-avatar{width:28px;height:28px;border-radius:var(--radius-xs);object-fit:cover;border:2px solid var(--border-color)}.mobile-nav-item.active .mobile-nav-avatar{border-color:#ffffff80}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;animation:fadeIn .2s ease}.mobile-menu-drawer{position:fixed;right:0;top:0;bottom:0;width:85%;max-width:320px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-8px 0 32px #00000026;overflow-y:auto;animation:slideIn .3s ease;padding-bottom:100px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.mobile-menu-logo{height:32px;width:auto}.mobile-menu-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.mobile-menu-close:hover{background:var(--color-purple);color:#fff}.mobile-menu-user{display:flex;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;background:var(--bg-surface);margin:12px;border-radius:var(--radius-md)}.mobile-menu-avatar{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.mobile-menu-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.mobile-menu-user-info{display:flex;flex-direction:column;gap:2px}.mobile-menu-user-name{font-weight:600;color:var(--text-main)}.mobile-menu-user-email{font-size:13px;color:var(--text-muted)}.mobile-menu-section{padding:8px 12px}.mobile-menu-section-title{display:block;padding:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.mobile-menu-link{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-main);font-weight:500;transition:all .2s ease}.mobile-menu-link:hover,.mobile-menu-link.active{background:var(--bg-surface);color:var(--color-purple)}.mobile-menu-link svg{color:var(--text-muted)}.mobile-menu-link.active svg{color:var(--color-purple)}.mobile-menu-actions{display:flex;flex-direction:column;gap:8px;padding:20px;margin-top:12px;border-top:1px solid var(--border-color)}.mobile-menu-actions .btn-app{text-align:center;justify-content:center}.mobile-theme-toggle{background:none;border:none;cursor:pointer;width:100%;font-family:inherit}.mobile-theme-toggle svg{color:var(--color-purple)!important}[data-theme=dark] .mobile-nav{background:#18181cf2;border-color:var(--border-color)}[data-theme=dark] .mobile-menu-drawer{background:#18181cfa}.side-nav-section-title{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:24px 0 8px 16px}.brand-icon-nav{filter:grayscale(100%);opacity:.7}.active .brand-icon-nav{filter:none;opacity:1}.side-nav-link.active{background-color:var(--color-purple);color:#fff!important}.side-nav-link.active .side-nav-link-icon{color:#fff}.side-nav-link.active .brand-icon-nav{filter:brightness(0) invert(1)}.user-pill:hover{border-color:var(--color-purple);background:var(--bg-surface)}.w-full{width:100%}.side-nav-link--special{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid rgba(139,92,246,.2);border-radius:10px;margin:4px 8px;padding-left:12px!important}.side-nav-link--special:hover{background:linear-gradient(135deg,#8b5cf633,#ec489933);border-color:#8b5cf666}.side-nav-link--special .side-nav-link-icon{color:var(--color-primary)}.side-nav-link-emoji{font-size:1.125rem;margin-right:8px}.theme-toggle-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;margin-bottom:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--bg-app-inner);border-color:var(--color-purple);color:var(--text-main)}.theme-toggle-btn:active{transform:scale(.98)}.theme-toggle-btn svg{flex-shrink:0;color:var(--color-purple);transition:transform .3s ease}.theme-toggle-btn:hover svg{transform:rotate(15deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;border:none;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-purple);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fffc;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#fff;border-color:var(--color-purple-light);color:var(--color-purple)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#0000000d;color:var(--text-main)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn-icon{aspect-ratio:1;padding:var(--space-2)}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:48px;height:48px}.btn-block{width:100%}.btn-loading{position:relative;color:transparent!important}.btn-spinner{position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.input-container{position:relative;display:flex;align-items:center}.input-container.input-error .input{border-color:var(--color-error)}.input-container.input-error .input:focus{box-shadow:0 0 0 3px #ef444433}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);pointer-events:none;z-index:1;width:18px;height:18px}.input-icon-left{left:14px}.input-icon-right{right:14px}.input-with-left-icon{padding-left:44px!important}.input-with-right-icon{padding-right:44px!important}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.card{background:var(--bg-app-inner);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition-base)}.card-glass{background:#ffffff08;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-subtle)}.card-elevated{box-shadow:var(--shadow-card)}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);border-color:#8c52ff33}.card-header{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.card-body{flex:1}.card-footer{padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--border-light)}.card-image{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover}.glass{background:#ffffff08;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg)}.rating{display:flex;align-items:center;gap:4px}.rating-star{display:inline-flex;transition:transform .2s ease}.rating-star-icon{width:18px;height:18px;transition:all .2s ease}.rating-sm .rating-star-icon{width:14px;height:14px}.rating-md .rating-star-icon{width:18px;height:18px}.rating-lg .rating-star-icon{width:24px;height:24px}.rating-star.interactive{cursor:pointer}.rating-star.interactive:hover{transform:scale(1.2)}.rating-value{margin-left:8px;font-weight:700;font-size:.9rem;color:var(--color-gold)}[data-theme=dark] .rating-star-icon.empty{opacity:.1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-fast) ease-out}.modal{background:#fffffff2;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--transition-base) ease-out}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:560px}.modal-lg{width:100%;max-width:720px}.modal-xl{width:100%;max-width:960px}.modal-full{width:100%;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-light);flex-shrink:0}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-main);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:#0000000d;color:var(--text-main)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);background:#ffffff80;flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tabs{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;gap:var(--space-1);padding:var(--space-1);background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.tabs-trigger:hover{color:var(--text-main);background:#ffffff80}.tabs-trigger.active{color:var(--color-purple);background:#fff;box-shadow:var(--shadow-sm)}.tabs-content{padding:var(--space-5) 0;animation:fadeIn var(--transition-fast) ease-out}[data-theme=dark] .tabs-list{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .tabs-trigger:hover{background:var(--bg-input)}[data-theme=dark] .tabs-trigger.active{background:var(--bg-input);color:var(--color-purple)}.image-upload-wrapper{display:flex;flex-direction:column;gap:8px}.image-upload-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.image-upload{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .2s ease;overflow:hidden}.image-upload:hover{border-color:#fff3;background:#ffffff0a}.image-upload.dragging{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.image-upload.disabled{opacity:.5;cursor:not-allowed}.image-upload.has-error{border-color:var(--error)}.image-upload-circle{border-radius:50%}.image-upload-sm{width:80px;height:80px}.image-upload-md{width:150px;height:150px}.image-upload-lg{width:200px;height:200px}.image-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;color:var(--text-muted)}.image-upload-placeholder svg{opacity:.5}.image-upload-placeholder span{font-size:.75rem;line-height:1.3}.image-upload-preview{position:relative;width:100%;height:100%}.image-upload-preview img{width:100%;height:100%;object-fit:cover}.image-upload-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;opacity:0}.image-upload:hover .image-upload-remove{opacity:1}.image-upload-remove:hover{background:var(--error);transform:scale(1.1)}.image-upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--primary)}.image-upload-loading span{font-size:.75rem}.image-upload-error{font-size:.8rem;color:var(--error);margin:0}@media (max-width: 640px){.image-upload-lg{width:150px;height:150px}}.verified-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default}.verified-badge--default{color:var(--color-purple, #7c3aed)}.verified-badge--creator{color:#3b82f6}.verified-badge--brand{color:#8b5cf6}.verified-badge--expert{color:#22c55e}.verified-badge--sm{margin-left:2px}.verified-badge--md{margin-left:4px}.verified-badge--lg{margin-left:6px}.verified-badge:hover{transform:scale(1.1);transition:transform .2s ease}.note-selector{position:relative;width:100%;margin-bottom:var(--space-3)}.note-selector-tags{display:flex;flex-wrap:wrap;gap:8px;padding:12px 40px 12px 14px;min-height:48px;background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;align-items:center;position:relative}.note-selector-tags:hover{border-color:var(--color-purple);background:#8c52ff05}.note-selector-tags:focus-within{border-color:var(--color-purple);box-shadow:0 0 0 4px #8c52ff1f}.note-placeholder{color:var(--text-light);font-size:.9rem;font-style:italic}.note-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:transform .25s ease;pointer-events:none}.note-chevron.open{transform:translateY(-50%) rotate(180deg);color:var(--color-purple)}.note-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;background:linear-gradient(135deg,#8c52ff,#7040d4);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:#fff;box-shadow:0 2px 6px #8c52ff4d;animation:tagAppear .2s ease}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.note-tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#ffffff40;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:all .15s ease}.note-tag-remove:hover{background:#fff6;transform:scale(1.1)}.note-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1000;background:#fff;border:2px solid var(--color-purple);border-radius:var(--radius-lg);box-shadow:0 10px 40px #8c52ff26,0 4px 12px #00000014;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.note-search{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#8c52ff14,#8c52ff08);border-bottom:1px solid rgba(140,82,255,.15)}.note-search svg{color:var(--color-purple);flex-shrink:0;opacity:.7}.note-search input{flex:1;border:none;outline:none;font-size:.9rem;background:transparent;color:var(--text-main);font-weight:500}.note-search input::placeholder{color:var(--text-light);font-weight:400}.note-list{padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-purple) transparent}.note-list::-webkit-scrollbar{width:6px}.note-list::-webkit-scrollbar-track{background:transparent}.note-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-purple),var(--color-purple-dark));border-radius:3px}.note-option{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--color-bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .15s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-option:hover{background:linear-gradient(135deg,#8c52ff1f,#8c52ff0f);border-color:var(--color-purple);color:var(--color-purple);transform:translateY(-1px);box-shadow:0 2px 8px #8c52ff26}.note-option svg{opacity:0;width:0;transition:all .15s ease}.note-option:hover svg{opacity:1;width:14px}.note-empty{grid-column:1 / -1;text-align:center;padding:24px 16px;color:var(--text-muted);font-size:.85rem;font-style:italic}.note-custom{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border-light);background:var(--color-bg-secondary)}.note-custom input{flex:1;padding:10px 14px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.85rem;background:#fff;color:var(--text-main);outline:none;transition:all .2s ease}.note-custom input:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px #8c52ff1a}.note-custom input::placeholder{color:var(--text-light)}.note-custom button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8c52ff4d}.note-custom button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8c52ff66}.note-custom button:active:not(:disabled){transform:translateY(0)}.note-custom button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media (max-width: 640px){.note-dropdown{max-height:320px}.note-list{grid-template-columns:repeat(2,1fr);max-height:160px;gap:6px}.note-option{padding:6px 8px;font-size:.75rem}.note-tag{padding:4px 8px 4px 10px;font-size:.75rem}}@media (prefers-color-scheme: dark){.note-selector-tags{background:var(--color-bg-secondary);border-color:var(--border-color)}.note-dropdown{background:var(--color-bg-secondary)}.note-custom input{background:var(--color-bg-primary)}}.carousel-container{position:relative;width:100%;margin-bottom:24px}.carousel-wrapper{position:relative}.carousel-track{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px;scroll-behavior:smooth}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{scroll-snap-align:start;flex-shrink:0}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0000001a;color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);opacity:1}.carousel-arrow:focus-visible{opacity:1}.carousel-arrow:hover{background:var(--bg-surface-hover);transform:translateY(-50%) scale(1.1);border-color:var(--primary);color:var(--primary)}.carousel-arrow:disabled,.carousel-arrow.hidden{opacity:0;pointer-events:none;visibility:hidden}.carousel-arrow-left{left:0}.carousel-arrow-right{right:0}@media (max-width: 768px){.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:16px;padding-bottom:4px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);border:none;padding:0;cursor:pointer;transition:all .3s ease}.carousel-dot:hover{background:var(--text-secondary)}.carousel-dot.active{background:var(--primary);transform:scale(1.25)}[data-theme=dark] .carousel-arrow{box-shadow:0 4px 12px #0006;background:var(--bg-surface)}[data-theme=dark] .carousel-arrow:hover{background:var(--bg-surface-hover)}.perfume-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;position:relative}.perfume-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-elevated);border-color:var(--color-purple-light)}.perfume-card-image-wrapper{position:relative;aspect-ratio:1;background:linear-gradient(135deg,var(--bg-surface),var(--border-light));padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.perfume-card-image{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transition:transform .5s ease}.perfume-card:hover .perfume-card-image{transform:scale(1.05)}.perfume-card-placeholder{font-size:3rem;opacity:.3}.perfume-card-favorite{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border-radius:var(--radius-sm);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--text-light);border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease}.perfume-card-favorite:hover{transform:scale(1.1);color:#ef4444;border-color:#fecaca;background:#fff}.perfume-card-favorite.active{color:#ef4444;background:#fef2f2;border-color:#fecaca}.perfume-card-badges{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}.perfume-card-badge{font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.perfume-card-badge.contratipo{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff}.perfume-card-badge.destaque{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-light));color:#78350f}.perfume-card-content{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.perfume-card-brand{font-size:.7rem;font-weight:600;color:var(--color-purple);text-transform:uppercase;letter-spacing:.8px;text-decoration:none}.perfume-card-brand:hover{text-decoration:underline}.perfume-card-name{text-decoration:none}.perfume-card-name h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-main);line-height:1.3;margin:0}.perfume-card-gender{font-size:.8rem;color:var(--text-muted);font-weight:500}.perfume-card-rating{display:flex;align-items:center;gap:8px;margin-top:8px}.perfume-card-rating-stars{display:flex;gap:2px}.perfume-card-rating-star{width:14px;height:14px}.perfume-card-rating-value{font-weight:700;font-size:.85rem;color:var(--color-purple)}.perfume-card-rating-count{font-size:.75rem;color:var(--text-muted)}.perfume-card-reviews-count{font-size:.7rem;color:var(--text-light);white-space:nowrap}.perfume-card-footer{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perfume-card-type{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface);padding:4px 10px;border-radius:var(--radius-xs);border:1px solid var(--border-light)}.perfume-card-price{display:none!important}.notes-empty{padding:var(--space-6);text-align:center;color:var(--color-text-tertiary);font-style:italic}.notes-pyramid{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.3)}.notes-pyramid-section{display:flex;flex-direction:column;gap:var(--space-2)}.notes-pyramid-top{align-items:center}.notes-pyramid-middle{align-items:center;padding-inline:var(--space-4)}.notes-pyramid-base{align-items:center;padding-inline:var(--space-8)}@media (min-width: 640px){.notes-pyramid-section{flex-direction:row;gap:var(--space-4)}.notes-pyramid-top,.notes-pyramid-middle,.notes-pyramid-base{align-items:flex-start;padding-inline:0}}.notes-pyramid-label{display:flex;align-items:center;gap:var(--space-2);min-width:100px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.notes-pyramid-icon{font-size:var(--font-size-lg)}.notes-pyramid-items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}@media (min-width: 640px){.notes-pyramid-items{justify-content:flex-start}}.notes-pyramid-item{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-full);white-space:nowrap}.note-top{background:#fbbf2426;color:var(--color-accent-400);border:1px solid rgba(251,191,36,.3)}.note-middle{background:#ec489926;color:var(--color-secondary-300);border:1px solid rgba(236,72,153,.3)}.note-base{background:color-mix(in srgb,var(--color-purple),transparent 85%);color:var(--color-purple-light);border:1px solid color-mix(in srgb,var(--color-purple),transparent 70%)}.notes-pyramid-empty{color:var(--color-text-tertiary);font-style:italic}.notes-list{display:flex;flex-direction:column;gap:var(--space-5)}.notes-section{display:flex;flex-direction:column;gap:var(--space-2)}.notes-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.notes-section-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.notes-section-item{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-full);white-space:nowrap}.gender-bar{display:flex;flex-direction:column;gap:var(--space-3)}.gender-bar-track{display:flex;height:8px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary)}.gender-bar-fill{height:100%;transition:width var(--transition-slow)}.gender-bar-feminine{background:linear-gradient(90deg,#ec4899,#f472b6)}.gender-bar-unisex{background:linear-gradient(90deg,var(--color-purple),var(--color-purple-light))}.gender-bar-masculine{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.gender-bar-labels{display:flex;flex-wrap:wrap;gap:var(--space-4)}.gender-bar-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.gender-bar-dot{width:8px;height:8px;border-radius:50%}.gender-bar-feminine-dot{background:#ec4899}.gender-bar-unisex-dot{background:var(--color-purple)}.gender-bar-masculine-dot{background:#3b82f6}.gender-bar-leaning{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.gender-bar-leaning strong{color:var(--color-text-primary)}.rating-distribution{display:flex;gap:var(--space-6);padding:var(--space-4);background:#fff9;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg)}.rating-average{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;padding:var(--space-3);background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-radius:var(--radius-lg)}.rating-average-value{font-size:2.5rem;font-weight:800;color:var(--text-main);line-height:1}.rating-average-stars{display:flex;gap:2px;margin:var(--space-2) 0}.rating-total{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.rating-bars{flex:1;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}.rating-bar-row{display:flex;align-items:center;gap:var(--space-2)}.rating-bar-label{display:flex;align-items:center;gap:4px;min-width:36px;font-size:var(--font-size-sm);font-weight:700;color:var(--text-main)}.rating-bar-track{flex:1;height:8px;background:#0000000d;border-radius:var(--radius-full);overflow:hidden}.rating-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:var(--radius-full);animation:fillBar .6s ease-out forwards;animation-delay:var(--delay, 0s);transform-origin:left;transform:scaleX(0)}@keyframes fillBar{to{transform:scaleX(1)}}.rating-bar-count{min-width:24px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-main);text-align:right}.rating-bar-percent{min-width:36px;font-size:var(--font-size-xs);color:var(--text-muted);text-align:right}@media (max-width: 640px){.rating-distribution{flex-direction:column;gap:var(--space-4)}.rating-average{min-width:auto;flex-direction:row;gap:var(--space-3)}.rating-average-value{font-size:2rem}.rating-bar-percent{display:none}}.featured-carousel-section{display:flex;flex-direction:column;gap:20px}.featured-carousel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.featured-carousel-header h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.5px;margin:0;color:var(--text-main)}.featured-carousel-header p{font-size:.85rem;color:var(--text-muted);margin:4px 0 0}.featured-carousel-container{position:relative}.featured-carousel{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 16px}.featured-carousel::-webkit-scrollbar{display:none}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all .2s ease;opacity:1}.carousel-nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-50%) scale(1.05)}.carousel-nav-btn.hidden{opacity:0;pointer-events:none}.carousel-nav-left{left:-16px}.carousel-nav-right{right:-16px}@media (max-width: 768px){.carousel-nav-btn{display:none}}.featured-card{flex:0 0 100%;scroll-snap-align:start;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:row;min-height:220px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.featured-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--accent)}.featured-badge{position:absolute;top:12px;left:12px;z-index:5;display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,var(--color-gold),var(--color-gold-light));color:#78350f;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);box-shadow:0 2px 8px #f59e0b4d}.featured-card-image{position:relative;width:40%;min-width:200px;max-width:350px;flex-shrink:0;background:linear-gradient(135deg,var(--bg-surface),var(--border-light));overflow:hidden}.featured-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-card:hover .featured-card-image img{transform:scale(1.05)}.featured-card-overlay{display:none}.featured-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:.3}.featured-card-content{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.featured-content-bg{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-size:cover;background-position:center;filter:blur(25px);transform:scale(1.1);z-index:0}.featured-content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:1}.featured-content-text{position:relative;z-index:2;padding:28px 32px;display:flex;flex-direction:column;gap:10px}.featured-card-brand{font-size:.85rem;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.featured-card-name{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#fff;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.4)}.featured-card-info{display:flex;align-items:center;gap:10px;margin-top:6px}.featured-card-gender{font-size:.85rem;color:#ffffffd9;font-weight:500}.featured-card-type{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.featured-card-type.contratipo{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-light));color:#78350f}.featured-card-type.importado{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.featured-card-rating{display:flex;align-items:center;gap:8px;margin-top:10px}.featured-rating-stars{display:flex;gap:2px}.featured-rating-value{font-weight:700;font-size:1rem;color:var(--color-gold);text-shadow:0 1px 2px rgba(0,0,0,.3)}.featured-rating-count{font-size:.8rem;color:#ffffffb3}.featured-card-views{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#fff9;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.featured-card-views svg{color:#fff9}.featured-pyramid{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.featured-pyramid-title{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.featured-pyramid-title svg{color:#ec4899}.featured-pyramid-notes{display:flex;flex-direction:column;gap:8px}.pyramid-row{display:flex;align-items:center;gap:10px}.pyramid-label{font-size:.7rem;font-weight:600;color:#fff9;text-transform:uppercase;min-width:56px;letter-spacing:.3px}.pyramid-tags{display:flex;flex-wrap:wrap;gap:6px}.note-tag{font-size:.7rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-full);background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.note-tag.note-top{background:#f59e0b33;border-color:#f59e0b4d;color:#fcd34d}.note-tag.note-middle{background:#ec489933;border-color:#ec48994d;color:#f9a8d4}.note-tag.note-base{background:#8b451340;border-color:#8b451359;color:#d4a574}.featured-accords{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.featured-accords-title{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.featured-accords-title svg{color:var(--color-gold)}.featured-accords-list{display:flex;flex-direction:column;gap:8px}.accord-item{display:flex;flex-direction:column;gap:3px}.accord-header{display:flex;justify-content:space-between;align-items:center}.featured-card .accord-name{font-size:.75rem;font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.accord-percent{font-size:.7rem;font-weight:600;color:#ffffffb3}.accord-bar{height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.accord-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.featured-perceptions{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.featured-perceptions-title{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.featured-perceptions-title svg{color:#22c55e}.featured-perceptions-grid{display:flex;gap:16px;flex-wrap:wrap}.perception-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff14;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.perception-item svg{color:#fff9;flex-shrink:0}.featured-card .perception-label{font-size:.7rem;color:#ffffffe6!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}.perception-value{font-size:.75rem;font-weight:600;color:#fffffff2}@media (max-width: 640px){.featured-pyramid,.featured-accords,.featured-perceptions{margin-top:12px;padding-top:10px}.pyramid-label{min-width:50px;font-size:.65rem}.note-tag{font-size:.65rem;padding:3px 8px}.featured-perceptions-grid{gap:8px}.perception-item{padding:5px 10px}.perception-label{display:none}}.featured-carousel-dots{display:flex;justify-content:center;gap:8px;padding-top:8px}.carousel-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border-light);border:none;cursor:pointer;transition:all .2s ease;padding:0}.carousel-dot:hover{background:var(--text-muted)}.carousel-dot.active{background:var(--accent);width:24px}@media (max-width: 640px){.featured-card{flex-direction:column;min-height:auto}.featured-card-image{width:100%;max-width:none;aspect-ratio:16/9}.featured-card-content{padding:16px 20px 20px}.featured-card-name{font-size:1.2rem}.featured-carousel-header h2{font-size:1.1rem}.featured-carousel-dots{display:flex}}@media (min-width: 769px){.featured-carousel-dots{display:flex}}.featured-card-skeleton{pointer-events:none}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--border-light) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-line{height:12px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0 0 16px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.donut-chart-wrapper{display:flex;flex-direction:column;align-items:center;padding:20px;background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:20px;transition:all .2s ease}.donut-chart-wrapper:hover{background:#ffffff0a;border-color:#ffffff1a}.donut-chart{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center}.donut-hole{position:absolute;width:55%;height:55%;background:var(--bg-body);border-radius:50%;display:flex;align-items:center;justify-content:center}.donut-total{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.chart-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px;width:100%}.legend-item{display:flex;align-items:center;gap:10px;font-size:.8rem}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;color:var(--text-muted)}.legend-value{font-weight:600;color:var(--text-primary)}.bar-chart-wrapper{padding:20px;background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:20px;transition:all .2s ease}.bar-chart-wrapper:hover{background:#ffffff0a;border-color:#ffffff1a}.bar-chart{display:flex;flex-direction:column;gap:12px}.bar-item{display:grid;grid-template-columns:80px 1fr 36px;align-items:center;gap:10px}.bar-label{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.bar-value{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:right}.stat-card{display:flex;align-items:center;gap:10px;padding:14px;background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s ease;position:relative;overflow:hidden;min-width:0}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-color);opacity:.8}.stat-card:hover{background:#ffffff0a;border-color:#ffffff1a}.stat-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 88%);border-radius:8px;color:var(--accent-color);flex-shrink:0}.stat-card-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.stat-card-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-card-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-trend{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:6px}.stat-card-trend.positive{color:#10b981;background:#10b9811a}.stat-card-trend.negative{color:#ef4444;background:#ef44441a}@media (max-width: 640px){.bar-item{grid-template-columns:60px 1fr 30px}.stat-card{padding:12px;gap:10px}.stat-card-value{font-size:1.25rem}.stat-card-icon{width:36px;height:36px}.donut-chart-wrapper,.bar-chart-wrapper{padding:16px}}.home-content{display:flex;flex-direction:column;gap:48px;max-width:1200px;margin:0 auto}.home-discovery{padding:20px 0 40px;display:flex;flex-direction:column;gap:32px}.discovery-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1;letter-spacing:-1.5px;margin:0;color:var(--text-main)}.discovery-title span{display:block;margin-top:4px}.home-search-section{padding:0;width:100%}.search-pill-full{width:100%}.discovery-search{max-width:560px}.search-pill{display:flex;align-items:center;gap:14px;padding:16px 24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;box-shadow:var(--shadow-sm);transition:all .25s ease}.search-pill:hover{border-color:var(--color-purple);box-shadow:var(--shadow-elevated),0 0 0 3px #8c52ff14;transform:translateY(-2px)}.search-pill svg{color:var(--color-purple);flex-shrink:0}.home-quick-stats{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.stat-pill{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-full);white-space:nowrap;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-xs)}.stat-pill-brand-icon{width:18px;height:18px;flex-shrink:0}.stat-pill b{color:var(--color-purple);font-weight:700}.home-section{display:flex;flex-direction:column;gap:24px}.home-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-section-header h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.home-carousel-item{flex:0 0 280px;width:280px;max-width:100%}@media (max-width: 640px){.home-carousel-item{flex:0 0 240px;width:240px}}.home-brands{display:flex;gap:20px;overflow-x:auto;padding:8px 0}.brand-bubble{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:100px;text-decoration:none}.brand-bubble-img{width:80px;height:80px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-sm)}.brand-bubble-img img{width:60%;height:60%;object-fit:contain}.brand-bubble:hover .brand-bubble-img{border-color:var(--color-purple);transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-purple)}.brand-initial{font-size:1.5rem;font-weight:800;color:var(--color-purple)}.brand-name{font-size:.8rem;font-weight:600;color:var(--text-main);text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-hub{padding:48px 32px;text-align:center;background:linear-gradient(135deg,var(--bg-surface),var(--bg-app-inner));border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.community-logo{width:56px;height:56px;margin-bottom:20px}.community-content h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0 0 12px}.community-content p{color:var(--text-muted);max-width:400px;margin:0 auto 28px;line-height:1.6;font-size:.95rem}.community-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.app-footer{padding:40px 0 100px;text-align:center;border-top:1px solid var(--border-light);margin-top:48px}.app-footer p{font-size:.8rem;color:var(--text-light);font-weight:500}@media (min-width: 1024px){.app-footer{padding-bottom:40px}}.home-header{display:flex;flex-direction:column;gap:16px;padding:16px 0 24px}.home-header-content{display:flex;flex-direction:column;gap:4px}.home-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0;letter-spacing:-.5px}.home-subtitle{font-size:.9rem;color:var(--text-muted);margin:0}.home-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width: 768px){.home-dashboard-stats{grid-template-columns:repeat(2,1fr);gap:8px}}.dashboard-charts{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.dashboard-charts{grid-template-columns:repeat(3,1fr)}}.community-icon{color:var(--primary);margin-bottom:16px}.perfumes-page{display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto}.perfumes-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.perfumes-header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.5px;margin:0}.perfumes-count{font-size:.9rem;color:var(--text-muted);font-weight:500;margin-top:4px}.perfumes-layout{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.perfumes-layout{grid-template-columns:260px 1fr}}.perfumes-filters{background:#ffffffb3;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--radius-xl);padding:24px;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:24px;height:fit-content;position:sticky;top:20px;box-shadow:var(--shadow-sm)}@media (max-width: 1023px){.perfumes-filters{display:none}.perfumes-filters.open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;border-radius:0;padding:24px;background:var(--bg-app-inner);overflow-y:auto}}.perfumes-filters-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.perfumes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.perfumes-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width: 1200px){.perfumes-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.perfumes-empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-muted);background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl)}.perfumes-pagination-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-light);align-items:center;justify-content:center}.perfumes-per-page{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;font-size:.75rem}.perfumes-per-page label{font-size:.75rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.per-page-select{min-width:55px;padding:5px 8px;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:#fffc;cursor:pointer;transition:all .2s ease}.per-page-select:hover{border-color:var(--accent)}.per-page-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.15)}.per-page-label,.perfumes-page-summary{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.perfumes-page-summary strong{color:var(--text-main);font-weight:600}.perfumes-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}.btn-pagination{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s ease}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.btn-pagination .btn-text{display:none}.pagination-pages{display:flex;align-items:center;gap:4px}.btn-page{min-width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);background:#fff9;border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;transition:all .2s ease}.btn-page:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.btn-page.active{background:var(--accent);color:#fff;border-color:var(--accent);cursor:default}.pagination-ellipsis{color:var(--text-muted);padding:0 6px;font-weight:600}.perfumes-page-info{font-weight:700;font-size:.9rem;color:var(--text-main)}@media (min-width: 640px){.perfumes-pagination-wrapper{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.btn-pagination .btn-text{display:inline}.perfumes-per-page{justify-content:flex-start}}@media (min-width: 1024px){.btn-page{min-width:44px;height:44px}.btn-pagination{padding:12px 20px}}.perfumes-filter-toggle{display:flex}@media (min-width: 1024px){.perfumes-filter-toggle{display:none}}[data-theme=dark] .perfumes-filters{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .per-page-select,[data-theme=dark] .btn-page{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-main)}[data-theme=dark] .perfumes-empty{background:var(--glass-bg);border-color:var(--glass-border)}.voting-bar-container{background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.voting-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.voting-bar-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-main);margin:0;text-transform:uppercase;letter-spacing:.5px}.voting-bar-total{font-size:var(--font-size-xs);color:var(--text-muted)}.voting-bar-options{display:flex;flex-direction:column;gap:var(--space-2)}.voting-bar-option{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#fff9;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all .2s ease;min-height:36px}.voting-bar-option:hover:not(:disabled){background:#fffc;border-color:var(--bar-color)}.voting-bar-option.selected{border-color:var(--bar-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--bar-color),transparent 80%)}.voting-bar-option:disabled{cursor:not-allowed;opacity:.7}.voting-bar-fill{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb,var(--bar-color),transparent 75%);border-radius:var(--radius-md);transition:width .5s ease-out;z-index:0}.voting-bar-label{position:relative;z-index:1;font-size:var(--font-size-sm);font-weight:500;color:var(--text-main)}.voting-bar-percent{position:relative;z-index:1;font-size:var(--font-size-sm);font-weight:700;color:var(--text-main);min-width:40px;text-align:right}.voting-bar-login-hint{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-2);margin-bottom:0}@media (max-width: 640px){.voting-bar-container{padding:var(--space-3)}.voting-bar-option{padding:var(--space-2)}.voting-bar-label{font-size:var(--font-size-xs)}}.user-status-container{display:flex;gap:var(--space-2);flex-wrap:wrap}.user-status-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff9;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.user-status-btn:hover:not(:disabled){background:#ffffffe6;border-color:var(--color-purple);color:var(--color-purple)}.user-status-btn.active{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.user-status-btn:disabled{cursor:not-allowed;opacity:.6}.user-status-label{display:inline}.user-status-count{font-weight:700}.user-status-btn.btn-highlight{border-color:var(--color-purple);color:var(--color-purple);background:#9333ea0d}.user-status-btn.btn-highlight:hover:not(:disabled){background:var(--color-purple);color:#fff}.main-accords{background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-4)}.main-accords-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-main);margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.5px}.main-accords-list{display:flex;flex-direction:column;gap:var(--space-3)}.accord-item{display:flex;flex-direction:column;gap:var(--space-1)}.accord-info{display:flex;justify-content:space-between;align-items:center}.accord-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-main);text-transform:capitalize}.accord-intensity{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted)}.accord-bar-track{height:8px;background:#ffffff80;border-radius:var(--radius-full);overflow:hidden}.accord-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.accords-ai-note{font-size:var(--font-size-xs);color:var(--text-muted);margin:var(--space-3) 0 0 0;text-align:center}.pros-cons-container{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.pros-cons-container{grid-template-columns:1fr 1fr}}.pros-section,.cons-section{background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-4)}.section-title{font-size:var(--font-size-sm);font-weight:700;margin:0 0 var(--space-3) 0}.pros-title{color:#10b981}.cons-title{color:#ef4444}.pros-cons-list{display:flex;flex-direction:column;gap:var(--space-2)}.pros-cons-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#fff9;border-radius:var(--radius-md);border-left:3px solid}.pros-cons-item.pro{border-left-color:#10b981}.pros-cons-item.con{border-left-color:#ef4444}.pros-cons-text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-main);flex:1}.ai-icon{color:var(--color-purple);flex-shrink:0}.pros-cons-votes{display:flex;gap:var(--space-2)}.vote-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.vote-btn:hover:not(:disabled){background:#0000000d}.vote-btn.up:hover:not(:disabled){border-color:#10b981;color:#10b981}.vote-btn.down:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.vote-btn:disabled{cursor:not-allowed;opacity:.5}.similar-perfumes{background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-4)}.similar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.similar-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-main);margin:0;text-transform:uppercase;letter-spacing:.5px}.similar-search{margin-bottom:var(--space-3)}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fffc;border:1px solid var(--border-color);border-radius:var(--radius-md)}.search-input-wrapper input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);outline:none}.search-results{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);max-height:200px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:#fffc;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.search-result-item:hover:not(:disabled){background:#fff;border-color:var(--color-purple)}.search-result-item:disabled{opacity:.6;cursor:not-allowed}.search-result-item img{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm)}.result-placeholder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-sm);font-weight:700;color:var(--text-muted)}.result-info{flex:1;display:flex;flex-direction:column;text-align:left}.result-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-main)}.result-brand{font-size:var(--font-size-xs);color:var(--text-muted)}.result-added{font-size:var(--font-size-xs);color:var(--color-success);font-weight:600}.similar-list{display:flex;flex-direction:column;gap:var(--space-2)}.similar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:#fff9;border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.similar-item:hover{background:#ffffffe6}.similar-item img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm)}.similar-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-sm);font-weight:700;color:var(--text-muted)}.similar-info{flex:1;display:flex;flex-direction:column}.similar-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-main)}.similar-votes{font-size:var(--font-size-xs);color:var(--text-muted)}.remove-similarity{padding:var(--space-1);background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.remove-similarity:hover{background:#ef44441a;color:#ef4444}.similar-empty{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin:0;padding:var(--space-4) 0}.ai-synthesis{background:linear-gradient(135deg,#8c52ff14,#8c52ff05);border:1px solid rgba(140,82,255,.2);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.ai-synthesis-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer}.ai-synthesis-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ai-synthesis-title h4{font-size:var(--font-size-base);font-weight:700;color:var(--text-main);margin:0}.ai-icon{color:var(--color-purple)}.ai-review-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:#f59e0b;background:#f59e0b1a;padding:2px 8px;border-radius:var(--radius-full)}.ai-expand-btn{background:transparent;border:none;padding:var(--space-1);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.ai-expand-btn:hover{background:#0000000d}.ai-synthesis-summary{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:var(--space-3) 0 0 0}.ai-synthesis-details{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(140,82,255,.1)}.ai-perceptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.ai-perception-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-md)}.ai-perception-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-1)}.inferred-badge{font-size:9px;color:#f59e0b;background:#f59e0b1a;padding:1px 4px;border-radius:3px;text-transform:lowercase}.ai-perception-value{font-size:var(--font-size-base);font-weight:700;color:var(--text-main)}.ai-perception-confidence{font-size:var(--font-size-xs);color:var(--text-muted)}.ai-meta{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-4);flex-wrap:wrap}.ai-confidence-badge{font-size:var(--font-size-xs);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.ai-generated-date{font-size:var(--font-size-xs);color:var(--text-muted)}.ai-disclaimer{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(140,82,255,.1);font-size:var(--font-size-xs);color:var(--text-muted)}.ai-disclaimer svg{color:var(--color-purple);flex-shrink:0}.community-perception{display:flex;flex-direction:column;gap:var(--space-5)}.community-perception.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);gap:var(--space-3)}.perception-section{width:100%}.voting-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.voting-grid{grid-template-columns:1fr 1fr}}.video-card{display:block;position:relative;width:100%;aspect-ratio:9/16;border-radius:var(--radius-lg);overflow:hidden;background:#0003;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;text-decoration:none}.video-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-card-thumb{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.video-card:hover .video-card-thumb{opacity:1}.video-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.8}.video-card-emoji{font-size:2.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.video-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video-card-play{width:48px;height:48px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:transform .3s}.video-card:hover .video-card-play{transform:scale(1.1);background:#ffffff4d}.video-card-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.video-card-platform{font-size:.75rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.video-card-title{font-size:.875rem;font-weight:500;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-creator{font-size:.75rem;color:#fff9;margin-top:4px}.review-form{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.review-form-header{display:flex;align-items:center;justify-content:space-between}.review-form-header h3{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-main)}.review-form-close{width:36px;height:36px;border:none;background:var(--bg-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.review-form-close:hover{background:var(--border-color);color:var(--text-main)}.review-rating-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--bg-surface);border-radius:var(--radius-lg)}.review-rating-section label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.review-stars{display:flex;align-items:center;gap:8px}.star-btn{border:none;background:transparent;cursor:pointer;padding:4px;color:#d1d5db;transition:all .15s ease}.star-btn:hover,.star-btn.active{color:#f59e0b;transform:scale(1.1)}.rating-label{font-size:.9rem;font-weight:600;color:var(--color-purple);margin-left:8px}.review-field{display:flex;flex-direction:column;gap:8px;position:relative}.review-field label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.review-field input,.review-field textarea{padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;background:#fff;color:var(--text-main);resize:vertical;transition:border-color .2s ease}.review-field input:focus,.review-field textarea:focus{border-color:var(--color-purple);outline:none}.char-count{position:absolute;bottom:8px;right:12px;font-size:.7rem;color:var(--text-light)}.review-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.review-pros-cons{grid-template-columns:1fr}}.review-form-actions{display:flex;gap:12px;justify-content:flex-end}.review-form-note{font-size:.75rem;color:var(--text-light);text-align:center;margin:0}.review-form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);gap:16px}.review-form-success svg{color:var(--color-success)}.review-form-success h3{font-size:1.25rem;margin:0;color:var(--text-main)}.review-form-success p{margin:0;color:var(--text-muted);font-size:.95rem}.perfume-detail{display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.perfume-detail-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted);font-weight:500}.perfume-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.perfume-breadcrumb a{color:var(--text-muted);text-decoration:none;font-weight:500}.perfume-breadcrumb a:hover{color:var(--color-purple)}.perfume-breadcrumb span{color:var(--text-main);font-weight:600}.perfume-hero{display:grid;grid-template-columns:1fr;gap:24px;background:#ffffffe6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:24px;border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card)}.perfume-hero-image{order:1}.perfume-hero-info{order:2}.perfume-hero-accords{order:3}@media (min-width: 768px){.perfume-hero{grid-template-columns:280px 1fr;grid-template-rows:auto auto}.perfume-hero-image{order:unset;grid-row:1 / 3}.perfume-hero-accords{order:unset;grid-column:2;grid-row:2}.perfume-hero-info{order:unset}}@media (min-width: 1024px){.perfume-hero{grid-template-columns:320px 280px 1fr;grid-template-rows:1fr;padding:0;overflow:hidden}.perfume-hero-image{grid-row:1}.perfume-hero-accords{grid-column:2;grid-row:1;padding:24px}.perfume-hero-info{grid-column:3;padding:32px}}.perfume-hero-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1;background:linear-gradient(135deg,#f5f7fa,#e4e8f0)}@media (min-width: 1024px){.perfume-hero-image{border-radius:var(--radius-2xl) 0 0 var(--radius-2xl);aspect-ratio:auto;min-height:400px}}.perfume-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.perfume-detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--text-muted)}.perfume-detail-badges{position:absolute;top:16px;left:16px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}.perfume-detail-badges .badge{border-radius:100px!important;padding:6px 16px!important;font-size:.7rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 12px #00000026!important;display:flex;align-items:center;justify-content:center;line-height:1}.perfume-detail-badges .badge-primary{background:#7c3aedd9!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff!important}.perfume-detail-badges .badge-secondary{background:#ffffffe6!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#18181b!important}.perfume-hero-accords{display:flex;flex-direction:column;justify-content:center}.perfume-hero-info{display:flex;flex-direction:column;gap:12px;justify-content:center}.perfume-detail-brand{font-size:.75rem;font-weight:700;color:var(--color-purple);text-transform:uppercase;letter-spacing:1px;text-decoration:none}.perfume-detail-brand:hover{text-decoration:underline}.perfume-detail-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-1px;margin:0;line-height:1.1}.perfume-detail-rating{display:flex;align-items:center;gap:8px}.perfume-gender-badge{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600}.perfume-detail-description{color:var(--text-muted);line-height:1.6;font-size:.9rem;margin:8px 0}.perfume-detail-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.perfume-section{background:#fffc;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);padding:24px}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header .section-title{margin:0}.empty-section{text-align:center;padding:40px;color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-lg)}.carousel-controls{display:flex;gap:8px}.carousel-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.carousel-btn:hover{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.carousel-wrapper{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.carousel-wrapper::-webkit-scrollbar{display:none}.reviews-summary{margin-bottom:24px}.review-card-carousel{flex:0 0 300px;scroll-snap-align:start;padding:20px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.review-card-carousel:hover{border-color:var(--color-purple);box-shadow:var(--shadow-sm)}.review-title{font-weight:700;font-size:.95rem;margin:12px 0 8px;color:var(--text-main)}.review-body{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.perfume-review-header{display:flex;align-items:center;justify-content:space-between}.perfume-review-user{display:flex;align-items:center;gap:10px}.perfume-review-avatar{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.perfume-review-username{display:block;font-weight:700;font-size:.85rem;color:var(--text-main)}.perfume-review-date{display:block;font-size:.7rem;color:var(--text-light);margin-top:2px}.videos-carousel{gap:16px}.video-card-carousel{flex:0 0 220px;scroll-snap-align:start}.related-perfumes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.related-perfume-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.related-perfume-card:hover{border-color:var(--color-purple);transform:translate(4px)}.related-perfume-info{display:flex;flex-direction:column;gap:2px}.related-perfume-type{font-size:.7rem;font-weight:600;color:var(--color-purple);text-transform:uppercase}.related-perfume-name{font-size:1rem;font-weight:700;color:var(--text-main)}.related-perfume-brand{font-size:.8rem;color:var(--text-muted)}@media (max-width: 640px){.perfume-detail{gap:20px;padding:0 var(--space-3)}.perfume-hero,.perfume-section{padding:16px}.review-card-carousel{flex:0 0 260px}.video-card-carousel{flex:0 0 180px}}.review-form-container{margin-bottom:24px}.review-login-prompt{padding:20px;background:var(--bg-surface);border-radius:var(--radius-lg);text-align:center;margin-bottom:20px}.review-login-prompt p{margin:0;color:var(--text-secondary)}.review-login-prompt a{color:var(--color-purple);font-weight:600;text-decoration:none}.review-login-prompt a:hover{text-decoration:underline}[data-theme=dark] .perfume-hero{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .perfume-hero-image{background:linear-gradient(135deg,var(--bg-surface),var(--bg-input))}[data-theme=dark] .perfume-section{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .review-card-carousel{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .carousel-btn{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-main)}[data-theme=dark] .related-perfume-card{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .empty-section,[data-theme=dark] .review-login-prompt{background:var(--bg-surface)}.brands-page{display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto}.brands-header{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.brands-header{flex-direction:row;align-items:center;justify-content:space-between}}.brands-header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.5px;margin:0}.brands-header .perfumes-count{font-size:.9rem;color:var(--text-muted);margin-top:4px}.brands-type-filter{display:flex;background:#fff9;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);padding:4px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.4);gap:4px}.brands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.brands-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 1024px){.brands-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.brands-grid{grid-template-columns:repeat(5,1fr)}}.brand-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;background:#ffffffb3;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.brand-card:hover{transform:translateY(-6px);border-color:var(--color-purple-light);box-shadow:var(--shadow-elevated)}.brand-card-logo-wrapper{width:80px;height:80px;background:linear-gradient(135deg,var(--bg-surface),var(--border-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .2s ease}.brand-card:hover .brand-card-logo-wrapper{background:var(--color-white);box-shadow:var(--shadow-sm)}.brand-card-logo-img{width:60%;height:60%;object-fit:contain}.brand-card-initial{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-card-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text-main);margin:0}.brand-card-tag{font-size:.65rem;font-weight:700;color:var(--color-purple);background:#8c52ff14;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.brands-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted);background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl)}[data-theme=dark] .brands-type-filter{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .brand-card{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .brand-card:hover{background:var(--glass-bg-dark)}[data-theme=dark] .brand-card-logo-wrapper{background:var(--bg-surface)}[data-theme=dark] .brand-card:hover .brand-card-logo-wrapper{background:var(--bg-input)}[data-theme=dark] .brands-empty{background:var(--glass-bg);border-color:var(--glass-border)}.brand-detail{display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto}.brand-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.brand-breadcrumb a{color:var(--text-muted);text-decoration:none;font-weight:500}.brand-breadcrumb a:hover{color:var(--color-purple)}.brand-breadcrumb span{color:var(--text-main);font-weight:600}.brand-detail-header{display:flex;flex-direction:column;gap:20px;padding:32px;background:#fffc;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}@media (min-width: 768px){.brand-detail-header{flex-direction:row;align-items:flex-start;gap:32px}}.brand-detail-logo{width:100px;height:100px;background:#fff9;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.4)}.brand-detail-logo img{width:70%;height:70%;object-fit:contain}.brand-detail-logo span{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-detail-info{flex:1}.brand-detail-badges{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.brand-detail-info h1{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.brand-detail-description{color:var(--text-muted);line-height:1.6;font-size:.95rem;margin:0}.brand-perfumes{display:flex;flex-direction:column;gap:24px}.brand-perfumes h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:0}.brand-perfumes-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}@media (min-width: 600px){.brand-perfumes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.brand-perfumes-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.brand-perfumes-grid{grid-template-columns:repeat(4,1fr)}}.brand-perfumes-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted);background:#ffffff80;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl)}.brand-detail-error{text-align:center;padding:80px 20px}.brand-detail-error h1{font-family:var(--font-display);margin-bottom:16px}[data-theme=dark] .brand-detail-header{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .brand-detail-logo{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .brand-perfumes-empty{background:var(--glass-bg);border-color:var(--glass-border)}.rankings-page{padding:var(--space-4) 0;max-width:900px;margin:0 auto}.rankings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-muted);gap:var(--space-3)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-purple);border-radius:50%;animation:spin .8s linear infinite}.rankings-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-6);background:#fff9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl)}.rankings-header-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));border-radius:var(--radius-lg);color:#fff}.rankings-header h1{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-main);margin:0}.rankings-header p{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--space-1) 0 0 0}.rankings-tabs,.ranking-section{margin-top:var(--space-4)}.ranking-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-main);margin:0 0 var(--space-4) 0}.ranking-brand-selector{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.ranking-brand-selector label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.ranking-select{flex:1;max-width:300px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;cursor:pointer}.ranking-list{display:flex;flex-direction:column;gap:var(--space-2)}.ranking-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff9;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.ranking-item:hover{background:#ffffffe6;border-color:var(--color-purple);transform:translate(4px)}.ranking-position{width:48px;display:flex;align-items:center;justify-content:center}.ranking-medal{font-size:1.5rem}.ranking-number{font-size:var(--font-size-lg);font-weight:800;color:var(--text-muted)}.ranking-image{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.ranking-image img{width:100%;height:100%;object-fit:cover}.ranking-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);font-size:var(--font-size-xl);font-weight:700;color:var(--text-muted)}.ranking-info{flex:1;display:flex;flex-direction:column;min-width:0}.ranking-name{font-size:var(--font-size-base);font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-brand{font-size:var(--font-size-sm);color:var(--text-muted)}.ranking-rating{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ranking-rating-value{font-size:var(--font-size-lg);font-weight:800;color:var(--text-main)}.ranking-reviews{font-size:var(--font-size-xs);color:var(--text-muted)}.ranking-empty{text-align:center;padding:var(--space-8);color:var(--text-muted);background:#ffffff80;border-radius:var(--radius-lg)}@media (max-width: 640px){.rankings-header{flex-direction:column;text-align:center}.ranking-item{padding:var(--space-3)}.ranking-position{width:40px}.ranking-image{width:48px;height:48px}.ranking-rating{flex-direction:column;gap:var(--space-1)}.ranking-brand-selector{flex-direction:column;align-items:flex-start}.ranking-select{max-width:100%}}[data-theme=dark] .rankings-header,[data-theme=dark] .ranking-item{background:var(--glass-bg);border-color:var(--glass-border)}[data-theme=dark] .ranking-item:hover{background:var(--glass-bg-dark)}[data-theme=dark] .ranking-select{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-main)}[data-theme=dark] .ranking-empty{background:var(--glass-bg)}.search-page{display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:0 auto}.search-header{margin-bottom:16px}.search-header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-1px;margin:0 0 24px;line-height:1.2}.search-input-wrapper{position:relative;max-width:600px}.search-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-purple)}.search-input{width:100%;padding:16px 56px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;font-weight:500;color:var(--text-main);box-shadow:var(--shadow-sm);outline:none;transition:var(--transition-base)}.search-input::placeholder{color:var(--text-light)}.search-input:focus{border-color:var(--color-purple);box-shadow:var(--shadow-elevated),0 0 0 4px #8c52ff14}.search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--bg-surface);border:1px solid var(--border-color);width:32px;height:32px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.search-clear:hover{background:var(--color-white);border-color:var(--color-purple-light);color:var(--text-main)}.search-section{margin-bottom:40px}.search-section h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:0 0 20px;color:var(--text-main)}.search-results-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}@media (min-width: 600px){.search-results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.search-results-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.search-results-grid{grid-template-columns:repeat(4,1fr)}}.search-brands-grid{display:flex;gap:12px;overflow-x:auto;padding:4px 0}.search-brand-card{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--bg-app-inner);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;white-space:nowrap;transition:all .2s ease}.search-brand-card:hover{border-color:var(--color-purple-light);box-shadow:var(--shadow-sm)}.search-brand-logo{width:36px;height:36px;border-radius:var(--radius-xs);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--color-purple);overflow:hidden}.search-brand-logo img{width:100%;height:100%;object-fit:contain}.search-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}[data-theme=dark] .search-input-wrapper{background:transparent}[data-theme=dark] .search-input{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=dark] .search-input:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px #8c52ff33}[data-theme=dark] .search-input::placeholder{color:var(--text-muted)}[data-theme=dark] .search-clear{background:var(--bg-input);border-color:var(--border-color)}[data-theme=dark] .search-brand-card{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .search-brand-logo{background:var(--bg-input)}.about-page{padding-bottom:80px;animation:fadeIn .3s ease-in-out}.about-hero{background:linear-gradient(135deg,var(--color-purple) 0%,#4c1d95 100%);color:#fff;padding:60px 20px;text-align:center;margin-bottom:40px;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.about-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.about-hero-subtitle{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.about-container{max-width:1000px;margin:0 auto;padding:0 20px}.about-section{margin-bottom:60px}.about-section h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:24px;display:flex;align-items:center;gap:12px}.about-section h2 svg{color:var(--color-purple)}.mvv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.mvv-card{background:var(--bg-card);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform .2s ease}.mvv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.mvv-icon{width:48px;height:48px;background:#8b5cf61a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-purple);margin-bottom:20px}.mvv-card h3{font-size:1.25rem;margin-bottom:12px;color:var(--text-primary)}.mvv-card p{color:var(--text-secondary);line-height:1.6}.educational-content{background:var(--bg-card);padding:40px;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.concept-block{margin-bottom:40px}.concept-block:last-child{margin-bottom:0}.concept-block h3{color:var(--color-purple);font-size:1.4rem;margin-bottom:16px}.concept-block p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.concept-highlight{background:#8b5cf60d;border-left:4px solid var(--color-purple);padding:20px;border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:20px 0}.legal-links-section{text-align:center;padding-top:40px;border-top:1px solid var(--border-color);margin-top:60px}.legal-links-grid{display:flex;justify-content:center;gap:24px;margin-top:20px;flex-wrap:wrap}.legal-link-card{display:flex;align-items:center;gap:12px;background:var(--bg-surface);padding:16px 24px;border-radius:var(--radius-full);color:var(--text-primary);text-decoration:none;border:1px solid var(--border-color);transition:all .2s}.legal-link-card:hover{border-color:var(--color-purple);color:var(--color-purple);background:var(--bg-card)}@media (max-width: 768px){.about-hero{padding:40px 20px;text-align:left}.about-hero h1{font-size:2rem}.educational-content{padding:24px}}.follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;border:2px solid transparent}.follow-btn-sm{padding:6px 14px;font-size:.75rem}.follow-btn-md{padding:10px 20px;font-size:.875rem}.follow-btn-lg{padding:12px 28px;font-size:1rem}.follow-btn:not(.following){background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;border-color:transparent}.follow-btn:not(.following):hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.follow-btn.following{background:transparent;color:var(--text-main);border-color:var(--border-color)}.follow-btn.following:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.follow-btn.following:hover span{display:none}.follow-btn.following:hover:after{content:"Deixar de seguir"}.follow-btn.loading,.follow-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.animate-spin{animation:spin 1s linear infinite}.user-profile-header{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:24px;display:flex;flex-direction:column;gap:24px}.user-profile-header-main{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}@media (min-width: 768px){.user-profile-header-main{flex-direction:row;align-items:flex-start;text-align:left}}.user-profile-avatar-wrapper{position:relative;flex-shrink:0}.user-profile-avatar,.user-profile-avatar-placeholder{width:100px;height:100px;border-radius:var(--radius-xl);object-fit:cover}.user-profile-avatar-placeholder{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800}.user-profile-badge{position:absolute;bottom:-4px;right:-4px;width:32px;height:32px;background:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-sm);border:2px solid white}.user-profile-info{flex:1;min-width:0}.user-profile-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0;color:var(--text-main)}.user-profile-username{font-size:.9rem;color:var(--text-muted);display:block;margin-top:2px}.user-profile-bio{margin:12px 0 0;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.user-profile-location{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.85rem;color:var(--text-muted)}.user-profile-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 767px){.user-profile-actions{width:100%;justify-content:center}}.user-profile-stats{display:flex;justify-content:center;gap:0;padding-top:20px;border-top:1px solid var(--border-light)}.user-profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 24px;text-decoration:none;transition:all .2s ease;border-radius:var(--radius-md)}.user-profile-stat:hover{background:var(--bg-surface)}.user-profile-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-main)}.user-profile-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.user-profile-stat-divider{width:1px;background:var(--border-light);align-self:stretch;margin:8px 0}@media (max-width: 480px){.user-profile-stat{padding:8px 16px}.user-profile-stat-value{font-size:1.1rem}}.activity-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .2s ease}.activity-card:hover{border-color:var(--color-purple-light);box-shadow:var(--shadow-sm)}.activity-card-avatar{width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;text-decoration:none}.activity-card-avatar img{width:100%;height:100%;object-fit:cover}.activity-card-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;font-weight:700;font-size:1rem}.activity-card-content{flex:1;min-width:0}.activity-card-message{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.activity-card-actor{font-weight:700;color:var(--text-main);text-decoration:none;display:inline-flex;align-items:center}.activity-card-actor:hover{color:var(--color-purple)}.activity-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.activity-card-time{font-size:.75rem;color:var(--text-light)}.activity-card-reactions{display:flex;gap:4px}.activity-reaction-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.activity-reaction-btn:hover:not(:disabled){border-color:var(--color-purple-light);color:var(--text-main);background:var(--bg-surface)}.activity-reaction-btn:disabled{cursor:not-allowed;opacity:.5}.activity-reaction-btn.active.like{border-color:#10b981;background:#10b9811a;color:#10b981}.activity-reaction-btn.active.dislike{border-color:#ef4444;background:#ef44441a;color:#ef4444}.activity-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-card--system{background:linear-gradient(135deg,#10b98114,#10b9810a);border-color:#10b98133}.activity-card--system:hover{border-color:#10b98166}.activity-card-avatar--system{background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff}@media (max-width: 480px){.activity-card{padding:12px}.activity-card-avatar{width:36px;height:36px}.activity-card-icon{width:32px;height:32px}.activity-card-footer{flex-direction:column;align-items:flex-start;gap:8px}}.expanded-review-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all .2s ease}.expanded-review-card:hover{border-color:var(--color-purple-light);box-shadow:var(--shadow-sm)}.review-perfume-header{display:flex;gap:12px;text-decoration:none}.review-perfume-image{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.review-perfume-info{display:flex;flex-direction:column;gap:2px;min-width:0}.review-perfume-brand{font-size:.7rem;font-weight:700;color:var(--color-purple);text-transform:uppercase;letter-spacing:.5px}.review-perfume-name{font-weight:700;font-size:1rem;color:var(--text-main)}.review-perfume-type{font-size:.65rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:600;width:fit-content;margin-top:4px}.review-perfume-type.contratipo{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff}.review-perfume-type.importado{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color)}.review-meta{display:flex;align-items:center;gap:16px}.review-stars{display:flex;gap:2px}.review-stars svg{color:var(--border-color)}.review-stars svg.filled{color:var(--color-gold);fill:var(--color-gold)}.review-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-light)}.review-perceptions{display:flex;flex-wrap:wrap;gap:8px}.perception-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:.75rem}.perception-icon{font-size:.9rem}.perception-label{font-weight:600;color:var(--text-secondary)}.review-pyramid{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.pyramid-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-surface);border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--text-muted);transition:all .2s ease}.pyramid-toggle:hover{background:var(--border-light);color:var(--text-main)}.pyramid-content{display:flex;flex-direction:column;gap:12px;padding:14px;background:#fff}.pyramid-layer{display:flex;align-items:flex-start;gap:12px}.pyramid-label{width:60px;flex-shrink:0;font-size:.7rem;font-weight:700;color:var(--text-light);text-transform:uppercase;padding-top:4px}.pyramid-notes{display:flex;flex-wrap:wrap;gap:6px}.pyramid-note{padding:4px 10px;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--color-purple)}.pyramid-more{padding:4px 10px;background:var(--bg-surface);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--text-muted)}.review-text h4{margin:0 0 8px;font-size:.95rem;color:var(--text-main)}.review-text p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.review-text p.truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.review-actions{display:flex;gap:8px;margin-top:4px}.btn-app-sm{padding:8px 14px!important;font-size:.8rem!important}@media (max-width: 480px){.expanded-review-card{padding:16px}.review-perfume-image{width:56px;height:56px}.review-perceptions{gap:6px}.perception-chip{padding:5px 10px;font-size:.7rem}}.quiz-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(139,92,246,.1) 100%);border-radius:24px;padding:2rem;border:1px solid rgba(139,92,246,.2);box-shadow:0 8px 32px #0000004d;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quiz-card__block-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quiz-card__counter{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.quiz-card__question{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2rem;line-height:1.4}.quiz-card__options{display:flex;flex-direction:column;gap:.875rem}.quiz-card__option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.quiz-card__option:hover{background:#8b5cf61a;border-color:#8b5cf666;transform:translate(8px)}.quiz-card__option:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.quiz-card__option--selected{background:linear-gradient(135deg,#8b5cf633,#ec489933);border-color:var(--color-primary);transform:scale(1.02)}.quiz-card__option--selected:hover{transform:scale(1.02) translate(4px)}.quiz-card__option--animating{animation:optionPulse .3s ease-out}@keyframes optionPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.quiz-card__option-indicator{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:50%;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);transition:all .3s ease;flex-shrink:0}.quiz-card__option--selected .quiz-card__option-indicator{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quiz-card__option-text{font-size:1rem;font-weight:500;color:var(--color-text-primary);line-height:1.4}@media (max-width: 768px){.quiz-card{padding:1.5rem;border-radius:20px}.quiz-card__question{font-size:1.25rem;margin-bottom:1.5rem}.quiz-card__option{padding:.875rem 1rem}.quiz-card__option-indicator{width:32px;height:32px;font-size:.75rem}.quiz-card__option-text{font-size:.9375rem}}@media (max-width: 480px){.quiz-card{padding:1.25rem;border-radius:16px}.quiz-card__question{font-size:1.125rem}.quiz-card__option-indicator{width:28px;height:28px}}.quiz-progress{margin-bottom:2rem}.quiz-progress__bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.quiz-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.quiz-progress__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quiz-progress__blocks{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.quiz-progress__block{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative}.quiz-progress__block--pending{opacity:.5}.quiz-progress__block--active{background:#8b5cf626;border-color:var(--color-primary);opacity:1;box-shadow:0 0 20px #8b5cf64d}.quiz-progress__block--complete{background:#10b98126;border-color:var(--color-success);opacity:1}.quiz-progress__block-emoji{font-size:1.5rem}.quiz-progress__block-name{font-size:.625rem;color:var(--color-text-secondary);text-align:center;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.quiz-progress__block--active .quiz-progress__block-name{color:var(--color-primary)}.quiz-progress__block--complete .quiz-progress__block-name{color:var(--color-success)}.quiz-progress__block-check{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700}.quiz-progress__info{display:flex;justify-content:space-between;align-items:center}.quiz-progress__count{font-size:.875rem;color:var(--color-text-secondary)}.quiz-progress__percent{font-size:.875rem;font-weight:600;color:var(--color-primary)}@media (max-width: 768px){.quiz-progress__blocks{gap:.25rem}.quiz-progress__block{padding:.5rem .25rem;border-radius:8px}.quiz-progress__block-emoji{font-size:1.25rem}.quiz-progress__block-name{display:none}}@media (max-width: 480px){.quiz-progress__bar{height:6px;margin-bottom:1rem}.quiz-progress__block{padding:.375rem}.quiz-progress__block-emoji{font-size:1rem}.quiz-progress__info{font-size:.75rem}}.quiz-result{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-result__header{text-align:center;margin-bottom:2.5rem}.quiz-result__icon{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf666}50%{transform:scale(1.05);box-shadow:0 0 20px 10px #8b5cf600}}.quiz-result__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.quiz-result__subtitle{color:var(--color-text-secondary);font-size:1rem;margin-bottom:1.5rem}.quiz-result__confidence{display:flex;align-items:center;justify-content:center;gap:1rem}.quiz-result__confidence-label{font-size:.875rem;color:var(--color-text-secondary)}.quiz-result__confidence-bar{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quiz-result__confidence-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#34D399);border-radius:4px;transition:width 1s ease-out}.quiz-result__confidence-value{font-size:.875rem;font-weight:600;color:var(--color-success)}.quiz-result__section{background:var(--color-bg-card);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.quiz-result__section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.25rem}.quiz-result__section-title span{font-size:1.25rem}.quiz-result__notes{display:flex;flex-direction:column;gap:.75rem}.quiz-result__note{animation:slideInLeft .4s ease-out backwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-result__note-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.quiz-result__note-emoji{font-size:1.25rem}.quiz-result__note-name{flex:1;font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.quiz-result__note-weight{font-size:.875rem;font-weight:600;color:var(--color-primary)}.quiz-result__note-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quiz-result__note-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;animation:fillBar .8s ease-out backwards}@keyframes fillBar{0%{width:0!important}}.quiz-result__families{display:grid;gap:.75rem}.quiz-result__family{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;animation:slideInRight .4s ease-out backwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.quiz-result__family-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.quiz-result__family-name{position:relative;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);min-width:120px}.quiz-result__family-meter{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.quiz-result__family-fill{height:100%;border-radius:5px;transition:width .8s ease-out}.quiz-result__family-weight{position:relative;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);min-width:40px;text-align:right}.quiz-result__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.quiz-result__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:14px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.quiz-result__btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 20px #8b5cf666}.quiz-result__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf680}.quiz-result__btn--secondary{background:#ffffff1a;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.15)}.quiz-result__btn--secondary:hover{background:#ffffff26}.quiz-result__btn--ghost{background:transparent;color:var(--color-text-secondary)}.quiz-result__btn--ghost:hover{color:var(--color-text-primary);background:#ffffff0d}@media (max-width: 768px){.quiz-result__header{margin-bottom:2rem}.quiz-result__icon{width:64px;height:64px;font-size:2rem}.quiz-result__title{font-size:1.5rem}.quiz-result__section{padding:1.25rem}.quiz-result__family-name{min-width:100px;font-size:.875rem}}@media (max-width: 480px){.quiz-result__confidence{flex-direction:column;gap:.5rem}.quiz-result__confidence-bar{width:100%;max-width:200px}.quiz-result__family{flex-wrap:wrap}.quiz-result__family-meter{width:100%;order:3}}.olfactory-card{background:var(--color-bg-card);border-radius:16px;padding:1.25rem;border:1px solid rgba(255,255,255,.05)}.olfactory-card--compact{padding:1rem}.olfactory-card--empty{text-align:center;padding:2rem}.olfactory-card__empty-icon{font-size:3rem;margin-bottom:.75rem}.olfactory-card--empty h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.olfactory-card--empty p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.olfactory-card__cta{display:inline-flex;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-size:.875rem;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s ease}.olfactory-card__cta:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.olfactory-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.olfactory-card__title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.olfactory-card__title span{font-size:1.25rem}.olfactory-card__private-badge{font-size:.75rem;color:var(--color-text-secondary);background:#ffffff0d;padding:.25rem .5rem;border-radius:6px}.olfactory-card__label{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.olfactory-card__notes{margin-bottom:1rem}.olfactory-card__notes-list{display:flex;flex-wrap:wrap;gap:.375rem}.olfactory-card__note-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--color-primary)}.olfactory-card__families{margin-bottom:1rem}.olfactory-card__families-list{display:flex;flex-wrap:wrap;gap:.375rem}.olfactory-card__family-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#ec489926;border:1px solid rgba(236,72,153,.3);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--color-secondary)}.olfactory-card__family-weight{font-weight:600;opacity:.8}.olfactory-card__actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.olfactory-card__link{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.olfactory-card__link:hover{color:var(--color-text-primary)}.olfactory-card__link--primary{color:var(--color-primary)}.olfactory-card__link--primary:hover{color:var(--color-secondary)}.olfactory-card--compact .olfactory-card__title{font-size:.9375rem}.olfactory-card--compact .olfactory-card__note-tag,.olfactory-card--compact .olfactory-card__family-tag{font-size:.6875rem;padding:.25rem .5rem}@media (max-width: 480px){.olfactory-card{padding:1rem}.olfactory-card__actions{flex-direction:column;gap:.5rem}}.user-profile{display:flex;flex-direction:column;gap:24px;max-width:1000px;margin:0 auto}.user-profile-loading,.user-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.user-profile-error h1{font-size:1.5rem;margin:0}.user-profile-error p{color:var(--text-muted);margin:0}.user-profile-tabs{display:flex;gap:4px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:6px;overflow-x:auto}.user-profile-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.9rem;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;white-space:nowrap}.user-profile-tab:hover{color:var(--text-main);background:var(--bg-surface)}.user-profile-tab.active{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff}.user-profile-content{min-height:300px}.collection-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.collection-filter{padding:8px 16px;border:1px solid var(--border-color);background:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.collection-filter:hover{border-color:var(--color-purple);color:var(--color-purple)}.collection-filter.active{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.collection-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 1024px){.collection-grid{grid-template-columns:repeat(4,1fr)}}.reviews-list{display:flex;flex-direction:column;gap:16px}.user-review-card{display:flex;gap:16px;padding:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all .2s ease}.user-review-card:hover{border-color:var(--color-purple-light)}.user-review-perfume{display:flex;flex-direction:column;align-items:center;gap:8px;width:80px;flex-shrink:0;text-decoration:none}.user-review-perfume img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md)}.user-review-perfume-info{text-align:center}.user-review-brand{display:block;font-size:.65rem;color:var(--color-purple);text-transform:uppercase;font-weight:700}.user-review-name{display:block;font-size:.75rem;color:var(--text-main);font-weight:600}.user-review-content{flex:1;min-width:0}.user-review-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.user-review-date{font-size:.75rem;color:var(--text-light)}.user-review-content h4{margin:0 0 8px;font-size:1rem;color:var(--text-main)}.user-review-content p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light);background:var(--bg-surface);border-radius:var(--radius-xl)}.empty-state svg{opacity:.4;margin-bottom:16px}.empty-state p{margin:0;font-size:.95rem}@media (max-width: 600px){.user-review-card{flex-direction:column}.user-review-perfume{flex-direction:row;width:100%}.user-review-perfume img{width:60px;height:60px}.user-review-perfume-info{text-align:left}}.perceptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.perception-card{display:flex;gap:12px;padding:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.perception-card:hover{border-color:var(--color-purple-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.perception-image{width:70px;height:70px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.perception-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.perception-brand{font-size:.65rem;color:var(--color-purple);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.perception-name{font-size:.9rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perception-votes{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.perception-tag{font-size:.7rem;padding:3px 8px;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font-weight:600}.perception-tag.gender{background:#ec48991a;color:#ec4899}.perception-tag.longevity{background:#10b9811a;color:#10b981}.perception-tag.sillage{background:#3b82f61a;color:#3b82f6}.perception-tag.price{background:#fbbf241a;color:#f59e0b}@media (max-width: 600px){.perceptions-grid{grid-template-columns:1fr}}.user-profile-olfactory{max-width:500px;margin:0 auto}.user-followers-page{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.user-followers-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;text-align:center}.user-followers-header{display:flex;align-items:center;gap:12px}.back-btn{width:40px;height:40px;border:none;background:var(--bg-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-main)}.user-followers-title h1{font-size:1.25rem;font-weight:700;margin:0}.user-followers-user{font-size:.85rem;color:var(--text-muted);text-decoration:none}.user-followers-user:hover{color:var(--color-purple)}.user-followers-tabs{display:flex;gap:4px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:4px}.user-followers-tab{flex:1;padding:10px 16px;background:transparent;color:var(--text-muted);font-weight:600;font-size:.9rem;border-radius:var(--radius-md);text-decoration:none;text-align:center;transition:all .2s ease}.user-followers-tab:hover{color:var(--text-main)}.user-followers-tab.active{background:#fff;color:var(--color-purple);box-shadow:var(--shadow-sm)}.user-followers-list{display:flex;flex-direction:column;gap:12px}.user-follow-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all .2s ease}.user-follow-card:hover{border-color:var(--color-purple-light)}.user-follow-card-avatar{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.user-follow-card-avatar img{width:100%;height:100%;object-fit:cover}.user-follow-card-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;font-weight:700;font-size:1.1rem}.user-follow-card-info{flex:1;min-width:0}.user-follow-card-name{display:block;font-weight:700;font-size:.95rem;color:var(--text-main);text-decoration:none}.user-follow-card-name:hover{color:var(--color-purple)}.user-follow-card-username{display:block;font-size:.8rem;color:var(--text-muted)}.user-follow-card-bio{margin:4px 0 0;font-size:.8rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;overflow:hidden}.user-followers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light);background:var(--bg-surface);border-radius:var(--radius-xl)}.user-followers-empty svg{opacity:.4;margin-bottom:16px}.user-followers-empty p{margin:0}.user-follow-card-skeleton{display:flex;gap:12px;padding:16px;background:var(--bg-surface);border-radius:var(--radius-xl)}.feed-page{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.feed-header{display:flex;align-items:center;justify-content:space-between}.feed-header h1{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0}.feed-tabs{display:flex;gap:4px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:4px}.feed-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.feed-tab:hover{color:var(--text-main)}.feed-tab.active{background:#fff;color:var(--color-purple);box-shadow:var(--shadow-sm)}.feed-list{display:flex;flex-direction:column;gap:12px}.feed-load-more{width:100%;margin-top:8px}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light);background:var(--bg-surface);border-radius:var(--radius-xl);gap:12px}.feed-empty svg{opacity:.4}.feed-empty h3{margin:0;color:var(--text-main);font-size:1.1rem}.feed-empty p{margin:0;font-size:.9rem}.feed-login-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--bg-surface),var(--bg-app-inner));border:1px solid var(--border-color);border-radius:var(--radius-xl);gap:16px}.feed-login-prompt svg{color:var(--color-purple);opacity:.7}.feed-login-prompt h2{margin:0;font-size:1.2rem}.feed-login-prompt p{margin:0;color:var(--text-muted);font-size:.9rem}.feed-section{margin-top:16px}.feed-section-title{font-size:1rem;font-weight:700;margin:0 0 16px;color:var(--text-main)}.activity-card-skeleton{display:flex;gap:12px;padding:16px;background:var(--bg-surface);border-radius:var(--radius-lg)}.streamer-card{display:flex;gap:16px;padding:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-decoration:none;transition:all .3s ease}.streamer-card:hover{transform:translateY(-4px);border-color:var(--color-purple-light);box-shadow:var(--shadow-elevated)}.streamer-card-avatar{width:72px;height:72px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.streamer-card-avatar img{width:100%;height:100%;object-fit:cover}.streamer-card-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;font-weight:800;font-size:1.5rem}.streamer-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.streamer-card-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.streamer-card-bio{font-size:.85rem;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.streamer-card-platforms{display:flex;gap:8px;align-items:center}.streamer-platform-icon{font-size:1.1rem}.streamer-platform-more{font-size:.75rem;color:var(--text-muted);font-weight:600}.streamer-card-tags{display:flex;gap:6px;flex-wrap:wrap}.streamer-tag{padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--text-muted)}@media (max-width: 480px){.streamer-card{padding:16px}.streamer-card-avatar{width:56px;height:56px}}.streamer-channels{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px}.streamer-channels-title{font-size:1rem;font-weight:700;margin:0 0 16px;color:var(--text-main)}.streamer-channels-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.streamer-channel-item{margin:0}.streamer-channel-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.streamer-channel-link:hover{border-color:var(--color-purple);background:#fff;box-shadow:var(--shadow-sm)}.streamer-channel-icon{font-size:1.5rem;flex-shrink:0}.streamer-channel-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.streamer-channel-platform{font-weight:600;font-size:.9rem;color:var(--text-main)}.streamer-channel-name{font-size:.8rem;color:var(--text-secondary)}.streamer-channel-username{font-size:.75rem;color:var(--color-purple);font-weight:600}.streamer-channel-external{color:var(--text-light);flex-shrink:0;opacity:0;transition:opacity .2s ease}.streamer-channel-link:hover .streamer-channel-external{opacity:1}.streamers-page{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto}.streamers-header{display:flex;flex-direction:column;gap:8px}.streamers-header h1{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0;letter-spacing:-.5px}.streamers-count{font-size:.9rem;color:var(--text-muted);margin:0}.streamers-filters{display:flex;flex-direction:column;gap:16px}.streamers-search{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.streamers-search svg{color:var(--text-light);flex-shrink:0}.streamers-search input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-main);outline:none}.streamers-search input::placeholder{color:var(--text-light)}.streamers-platforms{display:flex;gap:8px;flex-wrap:wrap}.platform-filter{padding:8px 16px;border:1px solid var(--border-color);background:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.platform-filter:hover{border-color:var(--color-purple);color:var(--color-purple)}.platform-filter.active{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.streamers-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.streamers-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.streamers-grid{grid-template-columns:repeat(3,1fr)}}.streamer-card-skeleton{display:flex;gap:16px;padding:20px;background:var(--bg-surface);border-radius:var(--radius-xl)}.streamers-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light);background:var(--bg-surface);border-radius:var(--radius-xl)}.streamers-empty svg{opacity:.4;margin-bottom:16px}.streamers-empty p{margin:0}.streamer-detail{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.streamer-detail-loading,.streamer-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.streamer-detail-error h1{font-size:1.5rem;margin:0}.streamer-detail-error p{color:var(--text-muted);margin:0}.streamer-breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.streamer-breadcrumb:hover{color:var(--color-purple)}.streamer-detail-header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:32px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl)}@media (min-width: 640px){.streamer-detail-header{flex-direction:row;text-align:left}}.streamer-detail-avatar{width:120px;height:120px;border-radius:var(--radius-xl);overflow:hidden;flex-shrink:0}.streamer-detail-avatar img{width:100%;height:100%;object-fit:cover}.streamer-detail-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;font-weight:800;font-size:3rem}.streamer-detail-info{flex:1}.streamer-detail-info h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin:0}.streamer-detail-meta{display:flex;gap:16px;justify-content:center;margin-top:8px}@media (min-width: 640px){.streamer-detail-meta{justify-content:flex-start}}.streamer-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.streamer-detail-content{display:flex;flex-direction:column;gap:24px}.streamer-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px}.streamer-section h2{font-size:1rem;font-weight:700;margin:0 0 12px}.streamer-about p{color:var(--text-secondary);line-height:1.6;margin:0}.streamer-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.streamer-detail-tag{padding:6px 14px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.brand-profile{display:flex;flex-direction:column;gap:24px;max-width:1000px;margin:0 auto}.brand-profile-loading,.brand-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.brand-profile-error h1{font-size:1.5rem;margin:0}.brand-breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.brand-breadcrumb:hover{color:var(--color-purple)}.brand-profile-header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:32px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl)}@media (min-width: 640px){.brand-profile-header{flex-direction:row;text-align:left}}.brand-profile-logo{width:100px;height:100px;border-radius:var(--radius-xl);overflow:hidden;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.brand-profile-logo img{width:100%;height:100%;object-fit:contain;padding:16px}.brand-profile-logo span{font-size:2.5rem;font-weight:800;color:var(--color-purple)}.brand-profile-info{flex:1}.brand-profile-badges{display:flex;gap:8px;margin-bottom:8px;justify-content:center}@media (min-width: 640px){.brand-profile-badges{justify-content:flex-start}}.brand-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase}.brand-badge.contratipo{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff}.brand-profile-info h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin:0}.brand-profile-meta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.9rem;color:var(--text-muted)}.brand-profile-stats{display:flex;justify-content:center;gap:24px;padding:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.brand-stat{display:flex;align-items:center;gap:12px}.brand-stat svg{color:var(--color-purple)}.brand-stat div{display:flex;flex-direction:column}.brand-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-main)}.brand-stat-label{font-size:.75rem;color:var(--text-muted)}.brand-profile-about{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px}.brand-profile-about h2{font-size:1rem;font-weight:700;margin:0 0 12px}.brand-profile-about p{color:var(--text-secondary);line-height:1.6;margin:0}.brand-profile-tabs{display:flex;gap:4px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:6px}.brand-profile-tab{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;padding:12px 20px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.9rem;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.brand-profile-tab:hover{color:var(--text-main);background:var(--bg-surface)}.brand-profile-tab.active{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff}.brand-profile-content{min-height:300px}.brand-perfumes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.brand-perfumes-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 1024px){.brand-perfumes-grid{grid-template-columns:repeat(4,1fr)}}.brand-reviews-info{text-align:center;padding:40px 20px;background:var(--bg-surface);border-radius:var(--radius-xl)}.brand-reviews-info p{color:var(--text-muted);margin:0 0 16px}.brand-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light);background:var(--bg-surface);border-radius:var(--radius-xl)}.brand-empty svg{opacity:.4;margin-bottom:16px}.brand-empty p{margin:0}.marketplace-card{display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:all .3s ease}.marketplace-card:hover{transform:translateY(-4px);border-color:var(--color-purple-light);box-shadow:var(--shadow-elevated)}.marketplace-card-image{position:relative;aspect-ratio:1;background:var(--bg-surface)}.marketplace-card-image img{width:100%;height:100%;object-fit:cover}.marketplace-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.5}.marketplace-card-condition{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;text-transform:uppercase;color:#fff}.marketplace-card-content{padding:16px;display:flex;flex-direction:column;gap:6px}.marketplace-card-brand{font-size:.65rem;font-weight:700;color:var(--color-purple);text-transform:uppercase;letter-spacing:.5px}.marketplace-card-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.marketplace-card-price{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-success);margin-top:4px}.marketplace-card-meta{display:flex;flex-direction:column;gap:8px;margin-top:8px}.marketplace-card-location{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.marketplace-card-tags{display:flex;gap:6px;flex-wrap:wrap}.marketplace-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:600}.marketplace-tag.trade{background:#3b82f61a;color:#3b82f6}.marketplace-tag.invoice{background:#22c55e1a;color:#22c55e}.marketplace-card-seller{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light);background:var(--bg-surface)}.seller-avatar,.seller-avatar-placeholder{width:24px;height:24px;border-radius:var(--radius-sm);object-fit:cover}.seller-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;font-size:.65rem;font-weight:700}.seller-name{font-size:.8rem;color:var(--text-secondary);font-weight:500}@media (max-width: 480px){.marketplace-card-content{padding:12px}.marketplace-card-price{font-size:1.1rem}}.marketplace-page{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto}.marketplace-disabled{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.marketplace-disabled svg{color:var(--color-purple);opacity:.5}.marketplace-disabled h1{font-size:1.5rem;margin:0}.marketplace-disabled p{color:var(--text-muted);margin:0}.marketplace-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.marketplace-header h1{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0}.marketplace-count{font-size:.9rem;color:var(--text-muted);margin:4px 0 0}.marketplace-controls{display:flex;gap:12px}.marketplace-search{flex:1;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.marketplace-search svg{color:var(--text-light);flex-shrink:0}.marketplace-search input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-main);outline:none}.marketplace-search input::placeholder{color:var(--text-light)}.marketplace-filter-btn span{display:none}@media (min-width: 640px){.marketplace-filter-btn span{display:inline}}.marketplace-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}@media (min-width: 768px){.marketplace-filters{grid-template-columns:repeat(5,1fr)}}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.filter-group select,.filter-group input{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:#fff;color:var(--text-main)}.filter-group select:focus,.filter-group input:focus{border-color:var(--color-purple);outline:none}.filter-actions{grid-column:1 / -1;display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.marketplace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.marketplace-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.marketplace-grid{grid-template-columns:repeat(4,1fr)}}.marketplace-card-skeleton{background:var(--bg-surface);border-radius:var(--radius-xl);overflow:hidden}.marketplace-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-light);background:var(--bg-surface);border-radius:var(--radius-xl);gap:12px}.marketplace-empty svg{opacity:.4}.marketplace-empty h3{margin:0;color:var(--text-main);font-size:1.1rem}.marketplace-empty p{margin:0;font-size:.9rem}.create-listing-page{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.create-listing-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.create-listing-header{display:flex;align-items:center;gap:12px}.back-btn{width:40px;height:40px;border:none;background:var(--bg-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-main);text-decoration:none}.back-btn:hover{background:var(--border-color)}.create-listing-header h1{font-size:1.25rem;font-weight:700;margin:0}.create-listing-form{display:flex;flex-direction:column;gap:24px}.form-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px}.form-section h2{font-size:1rem;font-weight:700;margin:0 0 16px;color:var(--text-main)}.perfume-search-container{display:flex;flex-direction:column;gap:12px}.perfume-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.perfume-search svg{color:var(--text-light);flex-shrink:0}.perfume-search input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-main);outline:none}.perfume-search-results{list-style:none;padding:0;margin:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:250px;overflow-y:auto;box-shadow:var(--shadow-lg)}.perfume-search-results li button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .2s ease}.perfume-search-results li button:hover{background:var(--bg-surface)}.perfume-search-results img{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm)}.result-brand{display:block;font-size:.7rem;font-weight:700;color:var(--color-purple);text-transform:uppercase}.result-name{display:block;font-weight:600;color:var(--text-main);font-size:.9rem}.form-help{font-size:.8rem;color:var(--text-muted);margin:8px 0 4px}.selected-perfume{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-surface);border:2px solid var(--color-purple);border-radius:var(--radius-lg)}.selected-perfume img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-md)}.selected-perfume-info{flex:1}.selected-perfume-brand{display:block;font-size:.7rem;font-weight:700;color:var(--color-purple);text-transform:uppercase}.selected-perfume-name{display:block;font-weight:700;color:var(--text-main)}.clear-perfume{width:32px;height:32px;border:none;background:var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.clear-perfume:hover{background:var(--color-danger);color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.form-group input,.form-group select,.form-input{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;background:#fff;color:var(--text-main);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-input:focus{border-color:var(--color-purple);outline:none}.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;background:#fff;color:var(--text-main);resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{border-color:var(--color-purple);outline:none}.form-checkboxes{display:flex;gap:24px;margin-top:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-purple)}.checkbox-label span{font-size:.9rem;color:var(--text-secondary)}.form-actions{margin-top:8px}.btn-app-lg{width:100%;padding:16px!important;font-size:1rem!important}@media (max-width: 480px){.form-grid{grid-template-columns:1fr}.form-section{padding:20px}.form-checkboxes{flex-direction:column;gap:12px}}.listing-detail{display:flex;flex-direction:column;gap:20px;max-width:1100px;margin:0 auto}.listing-detail-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.listing-breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.listing-breadcrumb:hover{color:var(--color-purple)}.listing-detail-layout{display:grid;gap:24px}@media (min-width: 768px){.listing-detail-layout{grid-template-columns:1fr 320px}}.listing-main{display:flex;flex-direction:column;gap:24px}.listing-images{position:relative;aspect-ratio:1;background:var(--bg-surface);border-radius:var(--radius-2xl);overflow:hidden}.listing-main-image{width:100%;height:100%;object-fit:cover}.listing-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:.5}.listing-condition-badge{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fff}.listing-sold-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.listing-sold-overlay span{padding:16px 32px;background:var(--color-danger);color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:2px;transform:rotate(-10deg)}.listing-info{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px}.listing-brand{font-size:.7rem;font-weight:700;color:var(--color-purple);text-transform:uppercase;letter-spacing:.5px}.listing-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:8px 0;color:var(--text-main)}.listing-perfume-link{font-size:.85rem;color:var(--color-purple);font-weight:600;text-decoration:none}.listing-perfume-link:hover{text-decoration:underline}.listing-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.listing-location,.listing-date{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.listing-tags{display:flex;gap:10px;margin-top:16px}.listing-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.listing-tag.trade{background:#3b82f61a;color:#3b82f6}.listing-tag.invoice{background:#22c55e1a;color:#22c55e}.listing-description{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.listing-description h2{font-size:.9rem;font-weight:700;margin:0 0 12px;color:var(--text-main)}.listing-description p{color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.listing-sidebar{display:flex;flex-direction:column;gap:16px}.listing-price-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px}.listing-price{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--color-success)}.btn-contact{width:100%}.listing-price-actions{display:flex;gap:8px}.listing-price-actions .btn-app{flex:1}.listing-seller-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:16px}.seller-info{display:flex;align-items:center;gap:12px;text-decoration:none}.seller-avatar,.seller-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover}.seller-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;font-weight:700;font-size:1.1rem}.seller-name{display:block;font-weight:700;color:var(--text-main)}.seller-username{font-size:.8rem;color:var(--text-muted)}.btn-seller-profile{width:100%}.listing-owner-actions{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.btn-full{width:100%;justify-content:center}.btn-danger{color:var(--color-danger)!important}.btn-danger:hover{background:#ef44441a!important}.btn-app-success{background:linear-gradient(135deg,var(--color-success),#059669)!important;color:#fff!important}@media (max-width: 767px){.listing-images{aspect-ratio:4/3}.listing-price{font-size:1.75rem}}.chat-window{display:flex;flex-direction:column;height:100%;min-height:0;flex:1;background:var(--bg-main);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color)}.chat-window-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.chat-window-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.chat-window-back:hover{background:var(--bg-main);color:var(--text-main)}.chat-window-user{display:flex;align-items:center;gap:12px;flex:1}.chat-window-avatar{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover}.chat-window-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.chat-window-user-info{display:flex;flex-direction:column}.chat-window-name{font-weight:600;color:var(--text-main);display:inline-flex;align-items:center}.chat-window-username{font-size:.8rem;color:var(--text-muted)}.chat-window-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-messages-spacer{flex:1}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.chat-message{display:flex;flex-direction:column;max-width:75%}.chat-message.sent{align-self:flex-end;align-items:flex-end}.chat-message.received{align-self:flex-start;align-items:flex-start}.chat-message-bubble{padding:10px 14px;border-radius:var(--radius-lg);word-break:break-word}.chat-message.sent .chat-message-bubble{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;border-bottom-right-radius:var(--radius-xs)}.chat-message.received .chat-message-bubble{background:var(--bg-surface);color:var(--text-main);border-bottom-left-radius:var(--radius-xs)}.chat-message-bubble p{margin:0;font-size:.9rem;line-height:1.4}.chat-message-time{font-size:.7rem;color:var(--text-light);margin-top:4px}.chat-window-input{display:flex;gap:12px;padding:16px;background:var(--bg-surface);border-top:1px solid var(--border-color)}.chat-window-input textarea{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-main);color:var(--text-main);font-size:.9rem;resize:none;outline:none;font-family:inherit}.chat-window-input textarea:focus{border-color:var(--color-purple)}.chat-send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;cursor:pointer;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-purple)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chat-window-input{padding-bottom:100px}}.chat-list{display:flex;flex-direction:column;gap:4px}.chat-list-loading{display:flex;flex-direction:column;gap:8px;padding:12px}.chat-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.chat-list-empty svg{opacity:.3;margin-bottom:16px}.chat-list-empty p{font-weight:600;margin:0 0 4px}.chat-list-empty span{font-size:.85rem}.chat-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted);gap:12px}.chat-list-error svg{color:var(--color-red, #ef4444);opacity:.7}.chat-list-error p{margin:0;font-size:.9rem}.chat-list-error button{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.chat-list-item{display:flex;align-items:center;gap:12px;padding:12px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.chat-list-item:hover{background:var(--bg-surface)}.chat-list-item.active{background:#7c3aed1a}.chat-list-avatar{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.chat-list-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.chat-list-info{flex:1;min-width:0}.chat-list-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-list-name{font-weight:600;color:var(--text-main);display:inline-flex;align-items:center}.chat-list-time{font-size:.7rem;color:var(--text-light);flex-shrink:0}.chat-list-preview{margin:4px 0 0;font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-unread{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-purple);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.new-chat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.new-chat-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.new-chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.new-chat-modal-header h2{margin:0;font-size:1.1rem}.new-chat-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.new-chat-modal-close:hover{background:var(--bg-surface);color:var(--text-main)}.new-chat-modal-search{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-surface)}.new-chat-modal-search svg{color:var(--text-muted);flex-shrink:0}.new-chat-modal-search input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-main);outline:none}.new-chat-modal-results{flex:1;overflow-y:auto;padding:8px}.new-chat-modal-loading,.new-chat-modal-empty,.new-chat-modal-hint{padding:40px 20px;text-align:center;color:var(--text-muted)}.new-chat-user-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.new-chat-user-item:hover{background:var(--bg-surface)}.new-chat-user-avatar{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover}.new-chat-user-avatar-placeholder{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.new-chat-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.new-chat-user-name{font-weight:600;color:var(--text-main);display:inline-flex;align-items:center}.new-chat-user-username{font-size:.85rem;color:var(--text-muted)}.new-chat-user-action{color:var(--color-purple);opacity:0;transition:opacity .2s ease}.new-chat-user-item:hover .new-chat-user-action{opacity:1}.chat-page{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;padding:20px}.chat-container{display:flex;flex:1;min-height:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden}.chat-auth-required,.chat-loading-direct{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);padding:40px}.chat-auth-required svg,.chat-loading-direct svg{opacity:.3;margin-bottom:20px}.chat-auth-required h2,.chat-loading-direct h2{margin:0 0 8px;color:var(--text-main)}.chat-loading-direct .btn-app{margin-top:20px}.chat-sidebar{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-surface)}.chat-sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.chat-sidebar-header h1{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:10px}.chat-no-selection .btn-app{margin-top:20px}.chat-main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);padding:40px}.chat-no-selection svg{opacity:.2;margin-bottom:20px}.chat-no-selection h2{margin:0 0 8px;color:var(--text-main)}@media (max-width: 768px){.chat-page{padding:0}.chat-container{border-radius:0;border:none}.chat-sidebar{width:100%}.chat-sidebar.hidden-mobile,.chat-main.hidden-mobile{display:none}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100%;padding:40px 20px}.auth-card{width:100%;max-width:420px;padding:40px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-elevated)}@media (min-width: 640px){.auth-card{padding:48px}}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:inline-block;margin-bottom:24px}.auth-logo img{height:40px;width:auto}.auth-header h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--text-main)}.auth-header p{font-size:.9rem;color:var(--text-muted);margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-password-toggle{background:none;border:none;color:var(--text-light);cursor:pointer;padding:0;display:flex;transition:color .2s}.auth-password-toggle:hover{color:var(--text-main)}.auth-forgot{text-align:right;margin-top:-8px}.auth-forgot a{font-size:.85rem;color:var(--color-purple);font-weight:500}.auth-forgot a:hover{text-decoration:underline}.auth-submit{width:100%;margin-top:8px;padding:14px 24px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.auth-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:28px;padding-top:28px;border-top:1px solid var(--border-light)}.auth-footer p{font-size:.9rem;color:var(--text-muted);margin:0}.auth-footer a{color:var(--color-purple);font-weight:600}.auth-footer a:hover{text-decoration:underline}.profile-page{padding-bottom:80px}.profile-header{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(var(--primary-rgb),.05) 0%,transparent 100%);pointer-events:none;z-index:-1}.profile-avatar{width:128px;height:128px;border-radius:50%;background:var(--bg-surface);padding:4px;border:1px solid rgba(255,255,255,.1);margin-bottom:24px;position:relative;box-shadow:0 8px 24px #0003}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--text-muted);background:#ffffff0d;border-radius:50%}.profile-info{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:600px}.profile-badges{margin-bottom:8px}.profile-username{color:var(--text-muted);font-size:.9rem;font-weight:500}.profile-bio{margin:16px 0;color:var(--text-secondary);line-height:1.6;font-size:1rem}.profile-meta{display:flex;gap:16px;margin-top:8px;color:var(--text-muted);font-size:.85rem}.profile-meta span{display:flex;align-items:center;gap:6px}.profile-actions-header{position:absolute;top:24px;right:24px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.profile-stat{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.profile-stat:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#ffffff1a}.profile-stat-icon{color:var(--primary);margin-bottom:12px;opacity:.8}.profile-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-section h2{font-size:1.5rem;margin-bottom:24px;display:flex;align-items:center;gap:12px}.profile-section h2:before{content:"";width:4px;height:24px;background:var(--primary);border-radius:2px}.profile-empty{text-align:center;padding:48px;background:#ffffff05;border-radius:16px;color:var(--text-muted);font-style:italic}.profile-review{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-bottom:16px;transition:all .2s}.profile-review:hover{background:#ffffff0d;transform:translate(4px)}.profile-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.profile-review-perfume{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.profile-review-body{font-size:.95rem;line-height:1.5;color:var(--text-secondary);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-review-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.profile-review-link{font-size:.85rem;font-weight:600;color:var(--primary);text-decoration:none;transition:color .2s}.profile-review-link:hover{color:var(--primary-light);text-decoration:underline}@media (max-width: 768px){.profile-header{padding:32px 20px}.profile-stats{gap:12px}.profile-stat{padding:16px}.profile-stat-value{font-size:1.25rem}}.favorites-page{padding:var(--space-8) 0 var(--space-16)}.favorites-page h1{margin-bottom:var(--space-6)}.favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 600px){.favorites-grid{gap:var(--space-5)}}@media (min-width: 768px){.favorites-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.favorites-grid{grid-template-columns:repeat(4,1fr)}}.favorites-empty{text-align:center;color:var(--text-muted);padding:var(--space-12);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl)}.my-dashboard-page{padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-6) + 80px);min-height:100vh}.my-dashboard-page .container{max-width:800px;margin:0 auto}.dashboard-header{padding:var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-5);background:#fff9;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.4)}.dashboard-header-content{display:flex;align-items:center;gap:var(--space-4);position:relative}.dashboard-avatar{width:72px;height:72px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 4px 12px #8b5cf64d}.dashboard-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dashboard-avatar span{font-size:1.75rem;font-weight:700;color:#fff;text-transform:uppercase}.avatar-edit-btn{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:var(--bg-app-inner);border:2px solid var(--bg-app);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.avatar-edit-btn:hover{background:var(--primary);color:#fff}.dashboard-user-info{flex:1;min-width:0}.dashboard-user-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.dashboard-user-info h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-main)}.dashboard-username{color:var(--text-secondary);font-size:.875rem;margin:0}.dashboard-settings-btn{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.dashboard-settings-btn:hover{background:#0000001a;color:var(--primary)}.dashboard-level-progress{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.level-progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.level-progress-bar{height:6px;background:#00000014;border-radius:3px;overflow:hidden}.level-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .5s ease}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.dashboard-stat-card{padding:var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:all .2s;position:relative}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.reviews{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.stat-card-icon.favorites{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff}.stat-card-icon.points{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.stat-card-content{flex:1;min-width:0}.stat-card-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1.2}.stat-card-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-card-arrow{color:var(--text-light);flex-shrink:0}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);font-weight:600;color:var(--primary);text-decoration:none;transition:all .2s}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--primary);color:#fff}.dashboard-section{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header h2{display:flex;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0}.section-link{font-size:.875rem;color:var(--primary);text-decoration:none;font-weight:500}.section-link:hover{text-decoration:underline}.dashboard-reviews{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-review-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s}.dashboard-review-card:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.review-card-image{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,#f3e7ff,#fce7f3);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.review-card-image img{width:100%;height:100%;object-fit:cover}.review-card-placeholder{font-size:1.5rem}.review-card-content{flex:1;min-width:0}.review-card-content h4{font-size:.9375rem;font-weight:600;color:var(--text-main);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-card-meta{display:flex;align-items:center;gap:var(--space-3)}.review-card-date{font-size:.75rem;color:var(--text-light)}.review-card-title{font-size:.8125rem;color:var(--text-secondary);margin:var(--space-1) 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-card-arrow{color:var(--text-light);flex-shrink:0}.dashboard-empty{padding:var(--space-8);text-align:center;border-radius:var(--radius-lg)}.dashboard-empty svg{color:var(--text-light);margin-bottom:var(--space-3)}.dashboard-empty h3{font-size:1.125rem;color:var(--text-main);margin:0 0 var(--space-2) 0}.dashboard-empty p{color:var(--text-secondary);margin:0 0 var(--space-4) 0}.dashboard-admin-section{padding-top:var(--space-5);border-top:1px dashed var(--border-light)}.admin-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.admin-quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);text-decoration:none;font-size:.8125rem;font-weight:500;color:var(--text-main);transition:all .2s}.admin-quick-link span{font-size:1.5rem}.admin-quick-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dashboard-skeleton{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.reviews-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width: 768px){.my-dashboard-page{padding:var(--space-4)}.dashboard-stats,.dashboard-skeleton-grid{grid-template-columns:1fr}.admin-quick-links{grid-template-columns:repeat(2,1fr)}.dashboard-user-info h1{font-size:1.25rem}.dashboard-avatar{width:60px;height:60px}.dashboard-avatar span{font-size:1.5rem}.stat-card-icon{width:40px;height:40px}.stat-card-value{font-size:1.25rem}}@media (max-width: 480px){.dashboard-quick-actions{grid-template-columns:1fr}.quick-action-btn{padding:var(--space-3)}}.profile-settings-page{padding:var(--space-6) var(--space-4);padding-bottom:calc(var(--space-6) + 100px);min-height:100vh}.profile-settings-page .container{max-width:600px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.back-btn{width:40px;height:40px;border-radius:50%;border:none;background:#0000000d;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);transition:all .2s}.back-btn:hover{background:#0000001a}.settings-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-main)}.settings-form{display:flex;flex-direction:column;gap:var(--space-5)}.settings-avatar-section{padding:var(--space-5);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.settings-avatar{width:100px;height:100px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden;box-shadow:0 4px 16px #8b5cf64d}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar span{font-size:2.5rem;font-weight:700;color:#fff}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.settings-avatar:hover .avatar-overlay{opacity:1}.avatar-input-wrapper{width:100%}.avatar-hint{display:block;font-size:.75rem;color:var(--text-light);margin-top:var(--space-1);text-align:center}.settings-fields{padding:var(--space-5);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;color:var(--text-main)}.char-count{font-size:.75rem;color:var(--text-light);font-weight:400}.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-app);color:var(--text-main);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s}.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.form-group textarea.error{border-color:var(--color-error)}.error-message{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--color-error)}.settings-readonly{padding:var(--space-5);border-radius:var(--radius-xl)}.settings-readonly h3{font-size:.9375rem;font-weight:600;color:var(--text-main);margin:0 0 var(--space-4) 0}.readonly-field{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.readonly-field:last-child{border-bottom:none}.readonly-label{font-size:.875rem;color:var(--text-secondary)}.readonly-value{font-size:.875rem;color:var(--text-main);font-weight:500}.settings-actions{position:fixed;bottom:80px;left:0;right:0;padding:var(--space-4);background:linear-gradient(to top,var(--bg-app) 80%,transparent);z-index:10}.settings-actions .btn{max-width:600px;margin:0 auto}.settings-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--text-secondary)}@media (min-width: 769px){.settings-actions{position:relative;bottom:auto;background:none;padding:0}}@media (max-width: 480px){.settings-header h1{font-size:1.25rem}.settings-avatar{width:80px;height:80px}.settings-avatar span{font-size:2rem}}.my-reviews-page{padding:var(--space-4);max-width:800px;margin:0 auto}.reviews-header{margin-bottom:var(--space-6)}.reviews-header h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);font-family:var(--font-display);background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-review-card{background:#16213e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;gap:var(--space-4);transition:transform .2s,border-color .2s}.user-review-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.user-review-img{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary)}.user-review-img img{width:100%;height:100%;object-fit:cover}.user-review-content{flex:1}.user-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.review-perfume-info{display:flex;flex-direction:column}.user-review-perfume-name{font-weight:600;font-size:var(--text-lg);color:var(--color-text-primary);text-decoration:none}.user-review-perfume-name:hover{color:var(--color-primary)}.user-review-brand{font-size:var(--text-sm);color:var(--color-text-secondary)}.user-review-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.user-review-date{font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex;align-items:center;gap:4px}.user-review-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-top:var(--space-2)}.review-pros-cons{margin-top:var(--space-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.05)}.review-section h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600}.review-section.pros h4{color:var(--color-success)}.review-section.cons h4{color:var(--color-error)}.review-section p{font-size:var(--text-sm);color:var(--text-secondary)}.review-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end}@media (max-width: 640px){.user-review-img{width:60px;height:60px}.review-pros-cons{grid-template-columns:1fr;gap:var(--space-2)}}.admin-layout{display:flex;min-height:calc(100vh - 144px)}.admin-sidebar{width:260px;background:var(--color-bg-card);border-right:1px solid var(--color-border);padding:var(--space-6);flex-shrink:0;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto}@media (max-width: 1023px){.admin-sidebar{display:none}}.admin-sidebar-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.admin-sidebar-header h2{font-size:var(--font-size-lg);margin:0}.admin-nav{display:flex;flex-direction:column;gap:var(--space-1)}.admin-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.admin-nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.admin-nav-link.active{color:var(--color-purple);background:#8c52ff1f}.admin-nav-link.active:before{content:"";position:absolute;left:0;width:3px;height:24px;background:var(--color-purple);border-radius:0 2px 2px 0}.admin-content{flex:1;padding:var(--space-6);overflow-x:hidden}@media (min-width: 1024px){.admin-content{padding:var(--space-8)}}.admin-page-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width: 640px){.admin-page-header{flex-direction:row;align-items:center;justify-content:space-between}}.admin-page-header h1{margin:0;font-size:var(--font-size-2xl)}.admin-table{width:100%;border-collapse:collapse;background:#ffffffb3;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);overflow:hidden}.admin-table th,.admin-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{background:var(--color-bg-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-table td{font-size:var(--font-size-sm)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-bg-tertiary)}.admin-actions{display:flex;gap:var(--space-2)}.admin-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:600px}.admin-form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.admin-form-row{grid-template-columns:1fr 1fr}}.admin-card{background:#ffffffb3;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.admin-stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (min-width: 768px){.admin-stat-cards{grid-template-columns:repeat(4,1fr)}}.admin-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.admin-stat-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8c52ff1f;border-radius:var(--radius-lg);color:var(--color-purple)}.admin-stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.admin-stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-empty{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary)}.ai-analysis-page{padding:var(--space-4) 0;max-width:900px;margin:0 auto}.ai-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5);background:linear-gradient(135deg,#8c52ff1a,#8c52ff0d);border:1px solid rgba(140,82,255,.2);border-radius:var(--radius-xl)}.ai-header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));border-radius:var(--radius-lg);color:#fff}.ai-header h1{font-size:var(--font-size-xl);font-weight:800;color:var(--text-main);margin:0}.ai-header p{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--space-1) 0 0 0}.ai-options{padding:var(--space-4);background:#fff9;border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.ai-option-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:600;color:var(--text-main)}.ai-option-checkbox input{width:18px;height:18px;accent-color:var(--color-purple)}.ai-option-note{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--space-2) 0 0 0}.ai-selection{padding:var(--space-4);background:#fff9;border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.ai-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.ai-selection-header h2{font-size:var(--font-size-base);font-weight:700;color:var(--text-main);margin:0}.ai-selection-actions{display:flex;gap:var(--space-2)}.ai-loading{text-align:center;padding:var(--space-6);color:var(--text-muted)}.ai-perfume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);max-height:400px;overflow-y:auto}.ai-perfume-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.ai-perfume-item:hover{border-color:var(--color-purple)}.ai-perfume-item input{accent-color:var(--color-purple)}.ai-perfume-info{display:flex;flex-direction:column;min-width:0}.ai-perfume-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-perfume-brand{font-size:var(--font-size-xs);color:var(--text-muted)}.ai-action{display:flex;justify-content:center;margin-bottom:var(--space-6)}.ai-results{padding:var(--space-4);background:#fff9;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.ai-results h2{font-size:var(--font-size-base);font-weight:700;color:var(--text-main);margin:0 0 var(--space-3) 0}.ai-progress{text-align:center;padding:var(--space-3);background:#8c52ff1a;border-radius:var(--radius-md);margin-bottom:var(--space-3);font-weight:600;color:var(--color-purple)}.ai-results-summary{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.ai-stat{font-weight:700;font-size:var(--font-size-sm)}.ai-stat.success{color:#10b981}.ai-stat.error{color:#ef4444}.ai-results-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.ai-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md)}.ai-result-item.success{border-left:3px solid #10b981}.ai-result-item.error{border-left:3px solid #ef4444}.ai-result-item.processing{border-left:3px solid var(--color-purple)}.ai-result-status{display:flex;align-items:center;justify-content:center;width:24px}.ai-result-status .spin{animation:spin 1s linear infinite}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.pending{background:var(--text-light)}.ai-result-item.success .ai-result-status{color:#10b981}.ai-result-item.error .ai-result-status{color:#ef4444}.ai-result-item.processing .ai-result-status{color:var(--color-purple)}.ai-result-info{flex:1;display:flex;flex-direction:column}.ai-result-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-main)}.ai-result-error{font-size:var(--font-size-xs);color:#ef4444}.ai-search-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.ai-search-box svg{color:var(--text-muted);flex-shrink:0}.ai-search-input{flex:1;border:none;outline:none;font-size:var(--font-size-sm);background:transparent;color:var(--text-main)}.ai-search-input::placeholder{color:var(--text-light)}.admin-social-settings{display:flex;flex-direction:column;gap:24px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-muted)}.settings-grid{display:grid;gap:24px}@media (min-width: 768px){.settings-grid{grid-template-columns:repeat(2,1fr)}}.settings-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px}.settings-section h2{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;margin:0 0 20px;color:var(--text-main)}.settings-section h2 svg{color:var(--color-purple)}.marketplace-warning{padding:12px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:.85rem;color:#92400e;margin-bottom:16px;line-height:1.5}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;position:relative}.setting-toggle:hover{border-color:var(--color-purple-light)}.setting-toggle:has(input:disabled){opacity:.5;pointer-events:none}.setting-info{flex:1;display:flex;flex-direction:column;gap:4px}.setting-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--text-main)}.setting-name svg{color:var(--text-muted)}.setting-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.setting-toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{width:48px;height:26px;background:var(--border-color);border-radius:var(--radius-full);position:relative;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all .3s ease}.setting-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark))}.setting-toggle input:checked+.toggle-slider:before{transform:translate(22px)}.admin-streamers{display:flex;flex-direction:column;gap:20px}.admin-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.admin-header h1{font-size:1.5rem;font-weight:700;margin:0}.admin-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:400px}.admin-search svg{color:var(--text-light);flex-shrink:0}.admin-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-main);outline:none}.admin-table-container{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-light)}.admin-table th{background:var(--bg-surface);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.admin-table tbody tr:hover{background:var(--bg-surface)}.admin-loading,.admin-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted)}.streamer-cell{display:flex;align-items:center;gap:12px}.streamer-avatar{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover}.streamer-name{display:block;font-weight:600;color:var(--text-main)}.streamer-slug{display:block;font-size:.75rem;color:var(--text-muted)}.platforms-cell{display:flex;gap:8px}.platform-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-surface);border-radius:var(--radius-sm);font-size:.9rem}.tags-cell{display:flex;flex-wrap:wrap;gap:4px}.tag-badge{padding:4px 8px;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--color-purple)}.status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#ef44441a;color:#ef4444}.actions-cell{display:flex;gap:8px}.action-btn{width:32px;height:32px;border:none;background:var(--bg-surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);text-decoration:none;transition:all .2s ease}.action-btn:hover{background:var(--border-color);color:var(--text-main)}.action-btn.danger:hover{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:var(--radius-xl);padding:24px}.modal-content h2{font-size:1.25rem;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-purple);outline:none}.form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group.checkbox input{width:auto}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}}.admin-verifications{padding:0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.admin-header h1{display:flex;align-items:center;gap:12px;font-size:1.5rem;margin:0}.header-stats{display:flex;gap:16px}.header-stats .stat{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#7c3aed1a;color:var(--color-purple);border-radius:var(--radius-md);font-size:.85rem;font-weight:600}.admin-toolbar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-search{flex:1;min-width:250px;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color)}.admin-search input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-main)}.admin-search input::placeholder{color:var(--text-muted)}.admin-search svg{color:var(--text-muted);flex-shrink:0}.clear-search{padding:4px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.clear-search:hover{color:var(--text-main);background:var(--bg-hover)}.filter-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-tabs button{padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.filter-tabs button:hover{color:var(--text-main)}.filter-tabs button.active{background:var(--color-purple);color:#fff}.users-grid{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 20px;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .2s}.user-card:hover{border-color:var(--color-purple-light)}.user-card.verified{border-left:3px solid var(--color-purple)}.user-info{display:flex;align-items:center;gap:14px}.user-avatar{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover}.user-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-main)}.user-username{font-size:.85rem;color:var(--text-muted)}.verification-actions{display:flex;align-items:center;gap:12px}.type-selector{display:flex;gap:4px}.type-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background:var(--bg-hover);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;color:var(--text-muted)}.type-btn:hover{border-color:var(--type-color, var(--color-purple));color:var(--type-color, var(--color-purple))}.type-btn.active{background:var(--type-color, var(--color-purple));color:#fff;border-color:var(--type-color, var(--color-purple))}.btn-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#ef44441a;color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-remove:hover{background:#ef4444;color:#fff}.verify-buttons{display:flex;gap:6px;flex-wrap:wrap}.verify-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--type-color, var(--border-color));background:transparent;color:var(--type-color, var(--text-main));border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.verify-btn:hover{background:var(--type-color, var(--color-purple));color:#fff;border-color:var(--type-color, var(--color-purple))}.admin-loading,.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted);gap:16px}.admin-loading .spin{animation:spin 1s linear infinite}@media (max-width: 768px){.admin-toolbar{flex-direction:column}.admin-search{min-width:100%}.filter-tabs{width:100%;justify-content:center}.user-card{flex-direction:column;align-items:flex-start}.verification-actions{width:100%;justify-content:flex-start;padding-top:12px;border-top:1px solid var(--border-color)}.verify-buttons{width:100%}.verify-btn{flex:1;justify-content:center}}.quiz-admin{padding:0 0 2rem}.quiz-admin__loading{display:flex;justify-content:center;padding:4rem;color:var(--color-text-secondary)}.quiz-admin__header{margin-bottom:2rem}.quiz-admin__header h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.quiz-admin__header p{color:var(--color-text-secondary);font-size:.9375rem}.quiz-admin__section{background:var(--color-bg-card);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.quiz-admin__section h2{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.quiz-admin__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.quiz-admin__stat-card{background:#ffffff08;border-radius:12px;padding:1.25rem;text-align:center;border:1px solid rgba(255,255,255,.05)}.quiz-admin__stat-value{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.quiz-admin__stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.quiz-admin__interactions{padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.quiz-admin__interactions h3{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.75rem}.quiz-admin__interaction-bars{display:flex;flex-direction:column;gap:.5rem}.quiz-admin__interaction-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.quiz-admin__interaction-item>span:first-child{width:100px;color:var(--color-text-secondary)}.quiz-admin__interaction-item>span:last-child{width:40px;text-align:right;font-weight:500;color:var(--color-text-primary)}.quiz-admin__interaction-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quiz-admin__interaction-fill{height:100%;border-radius:4px;transition:width .5s ease}.quiz-admin__interaction-fill--love{background:#ec4899}.quiz-admin__interaction-fill--like{background:#10b981}.quiz-admin__interaction-fill--dislike{background:#ef4444}.quiz-admin__message{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.quiz-admin__message--success{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.quiz-admin__message--error{background:#ef444426;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.quiz-admin__settings-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.quiz-admin__setting{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.quiz-admin__setting-info label{display:block;font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.quiz-admin__setting-info span{display:block;font-size:.8125rem;color:var(--color-text-secondary);margin-top:.125rem}.quiz-admin__toggle{position:relative;cursor:pointer}.quiz-admin__toggle input{opacity:0;width:0;height:0;position:absolute}.quiz-admin__toggle-slider{display:block;width:48px;height:26px;background:#ffffff1a;border-radius:13px;transition:all .3s ease;position:relative}.quiz-admin__toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.quiz-admin__toggle input:checked+.quiz-admin__toggle-slider{background:var(--color-primary)}.quiz-admin__toggle input:checked+.quiz-admin__toggle-slider:after{transform:translate(22px)}.quiz-admin__input{width:80px;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-primary);font-size:.9375rem;text-align:center}.quiz-admin__input:focus{outline:none;border-color:var(--color-primary)}.quiz-admin__badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.quiz-admin__badge-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.quiz-admin__badge-emoji{font-size:2rem;flex-shrink:0}.quiz-admin__badge-info{flex:1;min-width:0}.quiz-admin__badge-info strong{display:block;font-size:.9375rem;color:var(--color-text-primary);margin-bottom:.125rem}.quiz-admin__badge-info span{font-size:.8125rem;color:var(--color-text-secondary)}.quiz-admin__badge-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.quiz-admin__badge-condition{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase}.quiz-admin__badge-points{font-size:.75rem;font-weight:600;color:var(--color-success)}@media (max-width: 768px){.quiz-admin__section{padding:1.25rem}.quiz-admin__stats-grid{grid-template-columns:repeat(2,1fr)}.quiz-admin__setting{flex-direction:column;align-items:stretch;gap:.75rem}.quiz-admin__setting-info{text-align:center}.quiz-admin__toggle,.quiz-admin__input{align-self:center}}.quiz-insights{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:1400px;margin:0 auto}.quiz-insights__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.quiz-insights__loading-spinner{width:48px;height:48px;border:4px solid rgba(139,92,246,.2);border-top-color:var(--color-purple);border-radius:50%;animation:spin 1s linear infinite}.quiz-insights__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.quiz-insights__header h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;margin:0;color:var(--text-main)}.quiz-insights__header p{margin:4px 0 0;color:var(--text-muted);font-size:.9375rem}.quiz-insights__header-actions{display:flex;gap:8px}.quiz-insights__tabs{display:flex;gap:4px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:4px;overflow-x:auto}.quiz-insights__tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.quiz-insights__tab:hover{color:var(--text-main);background:#8b5cf60d}.quiz-insights__tab.active{background:#fff;color:var(--color-purple);box-shadow:var(--shadow-sm)}.quiz-insights__content{min-height:500px}.quiz-insights__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.quiz-insights__kpi{display:flex;align-items:center;gap:16px;padding:20px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.quiz-insights__kpi-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff;flex-shrink:0}.quiz-insights__kpi-content{display:flex;flex-direction:column}.quiz-insights__kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-main);line-height:1.2}.quiz-insights__kpi-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.quiz-insights__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.quiz-insights__card{padding:20px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.quiz-insights__card h3{font-size:1rem;font-weight:700;margin:0 0 16px;color:var(--text-main)}.quiz-insights__card--full{grid-column:1 / -1}.quiz-insights__card--small{padding:16px}.quiz-insights__card--opportunity{border-color:#10b9814d;background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,transparent 100%)}.quiz-insights__card--saturated{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,transparent 100%)}.quiz-insights__card-subtitle{font-size:.875rem;color:var(--text-muted);margin:-8px 0 16px}.quiz-insights__section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.quiz-insights__section-header h2{font-size:1.25rem;font-weight:700;margin:0}.quiz-insights__section-header p{font-size:.875rem;color:var(--text-muted);margin:4px 0 0}.quiz-insights__mini-list{display:flex;flex-direction:column;gap:8px}.quiz-insights__mini-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff80;border-radius:var(--radius-md)}.quiz-insights__mini-rank{font-weight:700;color:var(--color-purple);width:24px}.quiz-insights__mini-name{flex:1;font-weight:500;color:var(--text-main)}.quiz-insights__mini-value{font-weight:600;color:var(--color-purple)}.quiz-insights__clusters-mini{display:flex;flex-direction:column;gap:12px}.quiz-insights__cluster-bar{display:flex;flex-direction:column;gap:4px}.quiz-insights__cluster-bar-info{display:flex;justify-content:space-between;font-size:.8125rem}.quiz-insights__cluster-bar-info span:first-child{font-weight:500;color:var(--text-main)}.quiz-insights__cluster-bar-info span:last-child{color:var(--color-purple);font-weight:600}.quiz-insights__cluster-bar-track{height:8px;background:#8b5cf61a;border-radius:4px;overflow:hidden}.quiz-insights__cluster-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-purple),var(--color-purple-light));border-radius:4px;transition:width .3s ease}.quiz-insights__behavior-stats{display:flex;flex-direction:column;gap:16px}.quiz-insights__behavior-stat{display:flex;flex-direction:column}.quiz-insights__behavior-value{font-size:1.5rem;font-weight:700;color:var(--text-main)}.quiz-insights__behavior-label{font-size:.8125rem;color:var(--text-muted)}.quiz-insights__behavior-breakdown{display:flex;gap:16px;padding-top:8px;border-top:1px solid var(--border-color)}.quiz-insights__behavior-breakdown span{font-size:.875rem;font-weight:500}.quiz-insights__last-update{font-size:1rem;font-weight:500;color:var(--text-main);margin:0}.quiz-insights__ranking{display:flex;flex-direction:column;gap:8px}.quiz-insights__ranking-item{display:grid;grid-template-columns:40px 1fr 200px 80px 60px;align-items:center;gap:12px;padding:10px 12px;background:#ffffff80;border-radius:var(--radius-md);transition:background .2s}.quiz-insights__ranking-item:hover{background:#8b5cf60d}.quiz-insights__ranking-position{font-weight:700;font-size:.9375rem;color:var(--text-muted);text-align:center}.quiz-insights__ranking-name{font-weight:600;color:var(--text-main)}.quiz-insights__ranking-bar-container{height:8px;background:#8b5cf61a;border-radius:4px;overflow:hidden}.quiz-insights__ranking-bar{height:100%;background:linear-gradient(90deg,var(--color-purple),#ec4899);border-radius:4px;transition:width .3s ease}.quiz-insights__ranking-count{font-size:.8125rem;color:var(--text-muted);text-align:right}.quiz-insights__ranking-percentage{font-weight:600;color:var(--color-purple);text-align:right}.quiz-insights__notes-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.quiz-insights__families{display:flex;flex-direction:column;gap:12px}.quiz-insights__family-item{display:flex;flex-direction:column;gap:6px}.quiz-insights__family-header{display:flex;justify-content:space-between;align-items:center}.quiz-insights__family-name{font-weight:600;font-size:.875rem;color:var(--text-main);text-transform:capitalize}.quiz-insights__family-bar-container{height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.quiz-insights__family-bar{height:100%;border-radius:3px;transition:width .3s ease}.quiz-insights__family-users{font-size:.75rem;color:var(--text-muted)}.quiz-insights__gap-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.quiz-insights__gap-stat{display:flex;align-items:center;gap:16px;padding:20px;background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.quiz-insights__gap-stat--opportunity{color:#10b981}.quiz-insights__gap-stat--balanced{color:#3b82f6}.quiz-insights__gap-stat--saturated{color:#f59e0b}.quiz-insights__gap-stat-value{font-size:1.5rem;font-weight:700;color:inherit}.quiz-insights__gap-stat-label{font-size:.875rem;color:var(--text-muted)}.quiz-insights__gap-list{display:flex;flex-direction:column;gap:12px}.quiz-insights__gap-item{padding:16px;background:#ffffff80;border-radius:var(--radius-md)}.quiz-insights__gap-item-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quiz-insights__gap-note{font-weight:600;font-size:1rem;color:var(--text-main)}.quiz-insights__gap-item-stats{display:flex;gap:16px;font-size:.8125rem;color:var(--text-muted)}.quiz-insights__clusters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.quiz-insights__cluster-card{padding:24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);border-left:4px solid var(--cluster-color, var(--color-purple))}.quiz-insights__cluster-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quiz-insights__cluster-header h3{margin:0;font-size:1.125rem}.quiz-insights__cluster-description{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0 0 16px}.quiz-insights__cluster-stats{display:flex;gap:20px}.quiz-insights__cluster-stat{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.quiz-insights__recommendations-list{display:flex;flex-direction:column;gap:16px}.quiz-insights__recommendation-card{padding:24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);border-left:4px solid var(--rec-color, var(--color-purple))}.quiz-insights__recommendation-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.quiz-insights__recommendation-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff;flex-shrink:0}.quiz-insights__recommendation-title-group{flex:1;display:flex;flex-direction:column;gap:4px}.quiz-insights__recommendation-title-group h3{margin:0;font-size:1.125rem}.quiz-insights__recommendation-confidence{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.quiz-insights__recommendation-confidence span{font-size:.75rem;color:var(--text-muted)}.quiz-insights__recommendation-confidence strong{font-size:1.25rem;color:var(--rec-color)}.quiz-insights__recommendation-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.quiz-insights__recommendation-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quiz-insights__recommendation-data{display:flex;gap:16px;font-size:.8125rem;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--border-color)}.quiz-insights__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.quiz-insights__empty svg{opacity:.3;margin-bottom:16px}.quiz-insights__empty p{font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0 0 4px}.quiz-insights__empty span{font-size:.875rem}@media (max-width: 1024px){.quiz-insights__notes-grid{grid-template-columns:1fr}.quiz-insights__ranking-item{grid-template-columns:40px 1fr 100px 60px}.quiz-insights__ranking-bar-container{display:none}}@media (max-width: 768px){.quiz-insights{padding:16px}.quiz-insights__header{flex-direction:column;gap:16px}.quiz-insights__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.quiz-insights__kpis{grid-template-columns:1fr 1fr}.quiz-insights__gap-summary{grid-template-columns:1fr}.quiz-insights__ranking-item{grid-template-columns:32px 1fr auto}.quiz-insights__ranking-count{display:none}}@media (max-width: 480px){.quiz-insights__kpis,.quiz-insights__grid,.quiz-insights__clusters-grid{grid-template-columns:1fr}}.quiz-page{min-height:calc(100vh - 80px);padding:2rem 1rem;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.quiz-page__container{max-width:640px;margin:0 auto}.quiz-page__header{text-align:center;margin-bottom:2rem}.quiz-page__header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-page__header p{color:var(--color-text-secondary);font-size:1rem}.quiz-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.quiz-page__loading-spinner{width:48px;height:48px;border:4px solid rgba(139,92,246,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-page__loading p{color:var(--color-text-secondary);font-size:.9375rem}.quiz-page__warning{text-align:center;padding:3rem 2rem;background:var(--color-bg-card);border-radius:24px;border:1px solid rgba(255,255,255,.05)}.quiz-page__warning-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#8b5cf626,#ec489926);border-radius:50%;color:var(--color-primary)}.quiz-page__warning h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.quiz-page__warning p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto 1.5rem}.quiz-page__warning-actions{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto}.quiz-page__nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);gap:1rem}.quiz-page__nav .btn{min-width:140px;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quiz-page__nav .btn-ghost{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-page__nav .btn-ghost:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:var(--color-text-primary);transform:translate(-4px)}.quiz-page__nav .btn-ghost:disabled{opacity:.3;cursor:not-allowed}.quiz-page__nav .btn-outline{background:#8b5cf61a;border:2px solid rgba(139,92,246,.4);color:var(--color-primary)}.quiz-page__nav .btn-outline:hover:not(:disabled){background:#8b5cf633;border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 15px #8b5cf64d}.quiz-page__nav .btn-outline:disabled{opacity:.3;cursor:not-allowed}.quiz-page__nav .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;color:#fff;box-shadow:0 4px 20px #8b5cf666;min-width:180px}.quiz-page__nav .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease}.quiz-page__nav .btn-primary:hover:before{left:100%}.quiz-page__nav .btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 6px 25px #8b5cf680}.quiz-page__nav .btn-primary:not(:disabled){animation:btnPulse 2s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 4px 20px #8b5cf666}50%{box-shadow:0 4px 30px #8b5cf699,0 0 40px #ec489933}}.quiz-page__hint{text-align:center;margin-top:1.5rem;font-size:.8125rem;color:var(--color-text-secondary)}@media (max-width: 768px){.quiz-page{padding:1.5rem 1rem}.quiz-page__header h1{font-size:1.5rem}.quiz-page__header p{font-size:.9375rem}}@media (max-width: 480px){.quiz-page{padding:1rem .75rem}.quiz-page__header{margin-bottom:1.5rem}.quiz-page__warning{padding:2rem 1.5rem;border-radius:20px}.quiz-page__warning h2{font-size:1.25rem}.quiz-page__nav{flex-direction:column-reverse;gap:.75rem}.quiz-page__nav>*{width:100%}}.interaction-buttons{display:flex;align-items:center;gap:.5rem}.interaction-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.interaction-btn:hover:not(:disabled){background:#ffffff1a;transform:scale(1.1)}.interaction-btn:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.interaction-btn:disabled{opacity:.5;cursor:not-allowed}.interaction-btn--active{background:color-mix(in srgb,var(--active-color) 20%,transparent);border-color:var(--active-color);transform:scale(1.05)}.interaction-btn--active:hover:not(:disabled){transform:scale(1.1)}.interaction-btn--animating{animation:interactionPop .5s ease-out}@keyframes interactionPop{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.95)}75%{transform:scale(1.1)}to{transform:scale(1.05)}}.interaction-btn__emoji{font-size:1.25rem;transition:transform .2s ease}.interaction-btn:hover .interaction-btn__emoji{transform:scale(1.15)}.interaction-btn--animating .interaction-btn__emoji{animation:emojiPulse .5s ease-out}@keyframes emojiPulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.interaction-btn__label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.interaction-btn--active .interaction-btn__label{color:var(--active-color)}.interaction-btn__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.interaction-buttons--small .interaction-btn{padding:.375rem;border-radius:8px}.interaction-buttons--small .interaction-btn__emoji{font-size:1rem}.interaction-buttons--large .interaction-btn{padding:.75rem 1rem;border-radius:14px}.interaction-buttons--large .interaction-btn__emoji{font-size:1.5rem}.interaction-buttons--large .interaction-btn__label{font-size:.875rem}@media (max-width: 480px){.interaction-buttons{gap:.375rem}.interaction-btn{padding:.375rem .5rem}.interaction-btn__emoji{font-size:1.125rem}.interaction-btn__label{display:none}}.match-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem}.match-badge__circle{position:relative;width:64px;height:64px}.match-badge__ring{width:100%;height:100%;transform:rotate(-90deg)}.match-badge__ring-bg{stroke:#ffffff1a}.match-badge__ring-fill{transition:stroke-dasharray 1s ease-out;filter:drop-shadow(0 0 4px var(--match-color))}.match-badge__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;font-weight:700;color:var(--match-color)}.match-badge__info{display:flex;align-items:center;gap:.25rem}.match-badge__emoji{font-size:1rem}.match-badge__label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.match-badge__notes{text-align:center}.match-badge__notes-label{font-size:.625rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.match-badge__notes-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;margin-top:.25rem}.match-badge__note{font-size:.625rem;padding:.125rem .375rem;background:#8b5cf626;border-radius:4px;color:var(--color-primary)}.match-badge__note--more{background:#ffffff1a;color:var(--color-text-secondary)}.match-badge--small .match-badge__circle{width:48px;height:48px}.match-badge--small .match-badge__value{font-size:.75rem}.match-badge--small .match-badge__label{font-size:.6875rem}.match-badge--large .match-badge__circle{width:80px;height:80px}.match-badge--large .match-badge__value{font-size:1.125rem}.match-badge--large .match-badge__label{font-size:.875rem}.match-badge-inline{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:color-mix(in srgb,var(--match-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--match-color) 30%,transparent);border-radius:20px}.match-badge-inline__emoji{font-size:.875rem}.match-badge-inline__score{font-size:.75rem;font-weight:600;color:var(--match-color)}.match-badge{animation:badgeFadeIn .5s ease-out}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.match-badge__circle{width:56px;height:56px}.match-badge__value{font-size:.8125rem}}.for-you-page{min-height:calc(100vh - 80px);padding:2rem 1rem;background:var(--color-bg-primary)}.for-you-page__container{max-width:1200px;margin:0 auto}.for-you-page__header{text-align:center;margin-bottom:2.5rem}.for-you-page__header h1{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.for-you-page__header p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:1.5rem}.for-you-page__profile-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--color-bg-card);border-radius:16px;max-width:600px;margin:0 auto}.for-you-page__profile-label{font-size:.875rem;color:var(--color-text-secondary)}.for-you-page__profile-notes{display:flex;flex-wrap:wrap;gap:.375rem}.for-you-page__profile-note{padding:.25rem .625rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--color-primary)}.for-you-page__profile-edit{font-size:.8125rem;color:var(--color-text-secondary);text-decoration:underline}.for-you-page__profile-edit:hover{color:var(--color-primary)}.for-you-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.for-you-page__card{background:var(--color-bg-card);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.for-you-page__card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#8b5cf64d}.for-you-page__card-link{display:block;text-decoration:none;color:inherit}.for-you-page__card-match{position:absolute;top:.75rem;right:.75rem;z-index:2}.for-you-page__card-match--no-notes{padding:.25rem .625rem;background:#64748bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;font-size:.6875rem;font-weight:500;color:#ffffffe6}.for-you-page__card-image{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);overflow:hidden}.for-you-page__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.for-you-page__card:hover .for-you-page__card-image img{transform:scale(1.05)}.for-you-page__card-info{padding:1rem}.for-you-page__card-brand{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.for-you-page__card-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:.25rem 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.for-you-page__card-notes{display:flex;flex-wrap:wrap;gap:.25rem}.for-you-page__card-notes span{font-size:.6875rem;padding:.125rem .375rem;background:#10b98126;border-radius:4px;color:var(--color-success)}.for-you-page__card-actions{padding:0 1rem 1rem;display:flex;justify-content:center}.for-you-page__load-more{display:flex;justify-content:center;margin-top:2.5rem}.for-you-page__end{text-align:center;margin-top:2.5rem;color:var(--color-text-secondary);font-size:.9375rem}.for-you-page__empty{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.for-you-page__empty-icon{font-size:4rem;margin-bottom:1rem}.for-you-page__empty h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.for-you-page__empty p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.for-you-page__skeleton-title{width:200px;height:40px;margin:0 auto .75rem}.for-you-page__skeleton-subtitle{width:300px;height:20px;margin:0 auto}.for-you-page__skeleton-card{aspect-ratio:.75;border-radius:20px}@media (max-width: 768px){.for-you-page{padding:1.5rem 1rem}.for-you-page__header h1{font-size:1.5rem}.for-you-page__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (max-width: 480px){.for-you-page__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.for-you-page__card{border-radius:16px}.for-you-page__card-info{padding:.75rem}.for-you-page__card-name{font-size:.875rem}.for-you-page__card-actions{padding:0 .75rem .75rem}.for-you-page__profile-summary{flex-direction:column;padding:.875rem}}.app-main-scroll{flex:1;overflow-y:auto;padding:var(--space-app);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.app-main-scroll::-webkit-scrollbar{width:6px}.app-main-scroll::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}@media (max-width: 1024px){.app-main-scroll{padding:20px 20px 100px}}:root{--color-white: #FFFFFF;--color-dark: #18181A;--color-purple: #8c52ff;--color-purple-light: #a78bfa;--color-purple-dark: #7c3aed;--color-gold: #d4a017;--color-gold-light: #fbbf24;--primary: var(--color-purple);--primary-light: var(--color-purple-light);--primary-dark: var(--color-purple-dark);--accent: var(--color-gold);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-app-outer: #F4F6F9;--bg-app-inner: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-surface: #F8FAFC;--bg-input: #FFFFFF;--bg-body: var(--bg-app-outer);--gradient-color-1: color-mix(in srgb, var(--color-purple), transparent 92%);--gradient-color-2: rgba(251, 191, 36, .06);--gradient-color-3: rgba(59, 130, 246, .05);--gradient-primary: linear-gradient(135deg, var(--color-purple), var(--color-purple-dark));--glass-bg: rgba(255, 255, 255, .75);--glass-bg-light: rgba(255, 255, 255, .5);--glass-bg-dark: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .5);--glass-border-subtle: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--glass-blur-sm: blur(8px);--glass-blur-lg: blur(24px);--text-main: #1a1a2e;--text-primary: var(--text-main);--text-secondary: #4b5563;--text-muted: #6b7280;--text-light: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-card: 0 4px 16px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .08);--shadow-app: 0 20px 60px rgba(0, 0, 0, .06);--shadow-purple: 0 8px 24px color-mix(in srgb, var(--color-purple), transparent 75%);--shadow-glow: 0 0 20px color-mix(in srgb, var(--color-purple), transparent 70%);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--sidebar-width: 260px;--header-height: 64px;--container-max: 1200px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--color-bg-card: var(--bg-surface);--color-bg-secondary: var(--bg-surface);--color-bg-tertiary: var(--border-light);--color-border: var(--border-color);--color-text-primary: var(--text-main);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-app: 32px}[data-theme=dark]{--color-white: #FFFFFF;--color-dark: #0a0a0c;--color-gold: #d4a017;--color-gold-light: #fbbf24;--bg-app-outer: #0f0f12;--bg-app-inner: #18181c;--bg-sidebar: #18181c;--bg-surface: #1e1e24;--bg-input: #24242a;--bg-body: var(--bg-app-outer);--gradient-color-1: color-mix(in srgb, var(--color-purple), transparent 88%);--gradient-color-2: rgba(251, 191, 36, .04);--gradient-color-3: rgba(59, 130, 246, .03);--glass-bg: rgba(24, 24, 28, .85);--glass-bg-light: rgba(30, 30, 36, .6);--glass-bg-dark: rgba(24, 24, 28, .95);--glass-border: rgba(255, 255, 255, .08);--glass-border-subtle: rgba(255, 255, 255, .04);--text-main: #f0f0f5;--text-primary: var(--text-main);--text-secondary: #a1a1aa;--text-muted: #71717a;--text-light: #52525b;--border-color: #27272a;--border-light: #1e1e22;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-card: 0 4px 16px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .5);--shadow-app: 0 20px 60px rgba(0, 0, 0, .4);--shadow-purple: 0 8px 24px color-mix(in srgb, var(--color-purple), transparent 60%);--shadow-glow: 0 0 30px color-mix(in srgb, var(--color-purple), transparent 50%);--color-bg-card: var(--bg-surface);--color-bg-secondary: var(--bg-surface);--color-bg-tertiary: #2a2a32;--color-border: var(--border-color);--color-text-primary: var(--text-main);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-sans);background:radial-gradient(ellipse at 0% 0%,var(--gradient-color-1) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,var(--gradient-color-2) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,var(--gradient-color-3) 0%,transparent 50%),var(--bg-app-outer);background-attachment:fixed;color:var(--text-main);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.app-container{display:flex;height:100vh;padding:20px;gap:20px}@media (max-width: 1024px){.app-container{padding:0;gap:0;flex-direction:column}}.app-content{flex:1;min-height:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-app);overflow:hidden;position:relative;display:flex;flex-direction:column}@media (max-width: 1024px){.app-content{border-radius:0;box-shadow:none;flex:1;min-height:0}}.app-main-scroll{flex:1;min-height:0;overflow-y:auto;padding:32px 32px 120px}.app-main-scroll:has(.chat-page){display:flex;flex-direction:column;padding:16px;overflow:hidden}@media (max-width: 1024px){.app-main-scroll{padding:20px 20px 100px}.app-main-scroll:has(.chat-page){padding:0}}.side-nav{width:var(--sidebar-width);display:flex;flex-direction:column;gap:24px;padding:20px 0}@media (max-width: 1024px){.side-nav{display:none}}.side-nav-logo{padding:0 20px;display:flex;align-items:center;gap:8px;text-decoration:none}.side-nav-logo img{height:100px;width:auto}.side-nav-logo span{display:none}.side-nav-menu{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;padding:0 12px;overflow-y:auto;overflow-x:hidden}.side-nav-section-title{font-size:.65rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1.2px;margin:24px 0 8px 12px}.side-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-muted);font-weight:600;text-decoration:none;transition:all .2s ease;font-size:.9rem}.side-nav-link:hover{background:var(--bg-surface);color:var(--text-main)}.side-nav-link.active{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:var(--color-white);box-shadow:var(--shadow-purple)}.side-nav-link-icon{width:20px;height:20px;flex-shrink:0}.brand-icon-nav{filter:grayscale(100%);opacity:.5}.active .brand-icon-nav{filter:brightness(0) invert(1);opacity:1}.side-nav-footer{padding:16px}.user-pill{background:var(--bg-surface);padding:12px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;border:1px solid var(--border-color);text-decoration:none;transition:all .2s ease}.user-pill:hover{border-color:var(--color-purple);background:var(--color-white);box-shadow:var(--shadow-sm)}.user-pill-avatar{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;object-fit:cover}.user-pill-info{flex:1;min-width:0}.user-pill-name{display:block;font-weight:700;font-size:.85rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-pill-role{display:block;font-size:.7rem;color:var(--text-muted)}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-app-inner);border-bottom:1px solid var(--border-light)}.mobile-header img{height:28px}@media (max-width: 1024px){.mobile-header{display:flex}}.app-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:24px;border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border);overflow:hidden;transition:all .3s ease}.card:hover{border-color:var(--color-purple-light);box-shadow:var(--shadow-elevated);transform:translateY(-4px);background:#ffffffe6}.card-body{padding:20px}.btn-app{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;white-space:nowrap}.btn-app-primary{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));color:#fff}.btn-app-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.btn-app-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color)}.btn-app-secondary:hover{background:var(--color-white);border-color:var(--color-purple-light)}.btn-app-ghost{background:transparent;color:var(--text-muted)}.btn-app-ghost:hover{background:var(--bg-surface);color:var(--text-main)}.select,.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fffc;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);font-family:var(--font-sans);font-weight:500;font-size:.9rem;color:var(--text-main);outline:none;transition:var(--transition-base)}.select:focus,.input:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px #8c52ff1a}[data-theme=dark] .select,[data-theme=dark] .input{background:var(--bg-surface);border-color:var(--border-color);backdrop-filter:none;-webkit-backdrop-filter:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0 0 .5em}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--border-light) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.container{max-width:1200px;margin:0 auto}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-gradient-purple{background:linear-gradient(135deg,var(--color-purple),var(--color-purple-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.textarea{width:100%;padding:var(--space-4);background:#fffc;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-main);resize:vertical;transition:var(--transition-base)}.textarea:focus{outline:none;border-color:var(--color-purple);box-shadow:0 0 0 3px #8c52ff1a}.textarea::placeholder{color:var(--text-light)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-purple);cursor:pointer}