.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1.5rem;overflow-y:auto}.modal-content{width:90%;max-width:560px;max-height:92vh;overflow-y:auto;position:relative;background:#1a1d24;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 60px #0009;animation:slideUp .3s ease-out}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.modal-content h2{margin-bottom:2rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.add-item-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.form-group input,.form-group select{padding:.8rem 1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #818cf833}.form-group option{background:var(--bg-color);color:var(--text-primary)}.file-upload{margin-bottom:.5rem}.upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed rgba(129,140,248,.4);border-radius:var(--border-radius-md);color:var(--accent-primary)!important;cursor:pointer;background:#818cf80d;transition:all .3s ease}.upload-btn:hover{background:#818cf81a;border-color:var(--accent-primary)}.photo-source-btns{display:flex;gap:1rem;width:100%}.photo-source-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.8rem 1rem;border:2px dashed rgba(129,140,248,.4);border-radius:var(--border-radius-md);color:var(--accent-primary);cursor:pointer;background:#818cf80d;transition:all .2s ease;font-size:.9rem;font-weight:600}.photo-source-btn:active{background:#818cf826;transform:scale(.97)}.upload-btn-compact{padding:.5rem;min-height:180px;border-style:solid;border-color:#818cf840}.upload-preview-wrap{position:relative;width:100%}.upload-preview-img{width:100%;max-height:220px;object-fit:contain;border-radius:var(--border-radius-sm);display:block}.bg-removed-badge{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.35rem;background:#10b981e0;color:#fff;font-size:.73rem;font-weight:600;padding:.25rem .65rem;border-radius:100px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bgremove-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;font-family:inherit;border-radius:100px;border:1px solid rgba(52,211,153,.45);background:#10b9811f;color:#34d399;cursor:pointer;transition:all .2s ease}.bgremove-btn:hover{background:#10b98138;border-color:#34d399bf;transform:translateY(-1px)}.bgremove-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.bg-success-note{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.82rem;color:#34d399;font-weight:500}.bg-redo-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.78rem;font-family:inherit;cursor:pointer;text-decoration:underline;padding:0}.bg-redo-btn:hover{color:var(--text-primary)}.autotag-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;font-family:inherit;border-radius:100px;border:1px solid rgba(167,139,250,.45);background:#8b5cf621;color:#c4b5fd;cursor:pointer;transition:all .2s ease}.autotag-btn:hover{background:#8b5cf640;border-color:#a78bfabf;transform:translateY(-1px)}.autotag-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.autotag-loading{cursor:wait}.spin-icon{animation:spin 1s linear infinite}.autotag-error{font-size:.78rem;color:#f87171;margin:.35rem 0 0}.chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.35rem .75rem;font-size:.8rem;border-radius:100px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:inherit}.chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.chip-active{background:#818cf82e;border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.submit-btn{width:100%;justify-content:center;margin-top:1rem}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.edit-image-preview{display:flex;justify-content:center;margin-bottom:.5rem}.edit-image-preview img{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--card-border)}.modal-header-simple{margin-bottom:1.5rem;text-align:center}.step-indicator{display:flex;justify-content:center;gap:8px;margin-top:12px}.step-indicator span{width:30px;height:4px;background:var(--card-border);border-radius:2px;transition:all .3s ease}.step-indicator span.active{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.step-container{display:flex;flex-direction:column;gap:1.5rem}.step-desc{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-top:-.5rem}.btn-group{display:flex;gap:1rem;margin-top:1rem}.btn-group button{flex:1}.mobile-optimized{max-width:480px;padding:2.5rem 2rem}.mt-2{margin-top:.5rem}.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading{opacity:.7;cursor:wait}@media (max-width: 500px){.mobile-optimized{width:100%;height:100%;max-height:100vh;border-radius:0;padding:3rem 1.5rem}.form-row{flex-direction:column;gap:1.25rem}}.occasion-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.occasion-chip{padding:.4rem .9rem;border-radius:2rem;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:all .18s ease}.occasion-chip.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.occasion-chip:hover:not(.selected){border-color:var(--accent-primary);color:var(--text-primary)}.wardrobe-page{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wardrobe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.header-actions{display:flex;gap:.75rem;align-items:center}.icon-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:var(--border-radius-sm);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s}.icon-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width: 768px){.wardrobe-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-actions{width:100%;justify-content:flex-end}}.filter-bar{margin:0 1rem 2rem;padding:1rem 1.25rem}.search-row{display:flex;gap:.75rem;align-items:center}.search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:.7rem 1rem .7rem 2.4rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #818cf833}.clear-btn{padding:.5rem .9rem;font-size:.8rem;border:none;border-radius:var(--border-radius-sm);background:#ef444426;color:#ef4444;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .2s}.clear-btn:hover{background:#ef44444d}.filter-selects{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.filter-selects select{flex:1;min-width:140px;padding:.55rem .75rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:border-color .2s}.filter-selects select:focus{outline:none;border-color:var(--accent-primary)}.filter-selects option{background:var(--bg-color);color:var(--text-primary)}.empty-state-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;min-height:500px;gap:1.5rem;margin-top:2rem}.illustration-wrap{position:relative;color:var(--accent-primary);margin-bottom:1rem}.illustration-wrap .main-icon{opacity:.15}.illustration-wrap .sparkle-icon{position:absolute;top:0;right:0;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}.empty-state-premium h3{font-size:1.8rem;color:var(--text-primary)}.empty-state-premium p{color:var(--text-secondary);max-width:400px;line-height:1.6}.empty-icon{color:var(--accent-primary);opacity:.5;margin-bottom:1.5rem}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.item-card{padding:0;overflow:hidden;position:relative;display:flex;flex-direction:column;content-visibility:auto;contain-intrinsic-size:1px 400px}.card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.4rem;z-index:10;opacity:0;transition:opacity .2s}.item-card:hover .card-actions{opacity:1}.edit-btn,.delete-btn{background:var(--card-bg);border:none;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-btn:hover{background:#818cf8cc}.delete-btn:hover{background:#ef4444cc}.item-image-wrapper{position:relative;width:100%;height:250px;background:var(--card-bg)}.item-image{width:100%;height:100%;object-fit:cover}.season-badge{position:absolute;bottom:1rem;left:1rem;font-size:.75rem;font-weight:600;padding:.3rem .8rem;border-radius:100px;text-transform:capitalize;background:var(--card-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:1px solid var(--card-border)}.gender-badge{position:absolute;top:1rem;left:1rem;font-size:.7rem;font-weight:600;padding:.25rem .6rem;border-radius:100px;background:var(--card-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#c4b5fd;border:1px solid rgba(196,181,253,.3)}.summer{border-color:#fcd34d;color:#fcd34d}.winter{border-color:#93c5fd;color:#93c5fd}.rainy{border-color:#67e8f9;color:#67e8f9}.all-season{border-color:#c4b5fd;color:#c4b5fd}.item-details{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column;gap:.6rem}.item-details h4{font-size:1.1rem;text-transform:capitalize;margin:0}.type-label{font-size:.78rem;color:var(--text-secondary)}.item-main-info{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.brand-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--accent-primary);background:#818cf81a;padding:.15rem .4rem;border-radius:4px;letter-spacing:.02em}.type-size-row{display:flex;justify-content:space-between;align-items:center}.size-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.item-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.72rem;background:#818cf81a;color:var(--accent-primary);padding:.2rem .55rem;border-radius:var(--border-radius-sm);text-transform:capitalize}.tag-occasion{background:#eab3081a;color:#eab308}.item-notes{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin:0}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.6rem;border-top:1px solid var(--card-border)}.wear-count{font-size:.75rem;color:var(--text-secondary)}.wear-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.75rem;border-radius:var(--border-radius-sm);border:1px solid var(--card-border);background:transparent;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .2s}.wear-btn:hover{border-color:#34d399;color:#34d399;background:#34d39914}.wardrobe-grid .item-card{animation:cardEnter .35s ease-out both}.wardrobe-grid .item-card:nth-child(1){animation-delay:.02s}.wardrobe-grid .item-card:nth-child(2){animation-delay:.05s}.wardrobe-grid .item-card:nth-child(3){animation-delay:.08s}.wardrobe-grid .item-card:nth-child(4){animation-delay:.11s}.wardrobe-grid .item-card:nth-child(5){animation-delay:.14s}.wardrobe-grid .item-card:nth-child(6){animation-delay:.17s}.wardrobe-grid .item-card:nth-child(7){animation-delay:.2s}.wardrobe-grid .item-card:nth-child(8){animation-delay:.23s}@keyframes cardEnter{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.skeleton-card{pointer-events:none;cursor:default}.skeleton-img{width:100%;height:240px;border-radius:0}.skeleton-details{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.skeleton-title{height:18px;width:65%}.skeleton-tag{height:12px;width:45%}.skeleton-tag.short{width:28%}.stylist-chat-page{display:flex;flex-direction:column;height:calc(100vh - 100px);max-width:800px;margin:0 auto;position:relative;padding-bottom:20px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1rem;border-bottom:1px solid var(--card-border);background:var(--bg-color)}.header-content{display:flex;align-items:center;gap:.75rem}.header-content h1{font-size:1.2rem;margin:0}.online-status{font-size:.75rem;color:#10b981;display:flex;align-items:center;gap:4px}.online-status:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 5px #10b981}.header-weather{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);padding:.35rem .75rem;border-radius:100px;font-size:.85rem;color:var(--text-secondary);border:1px solid var(--card-border)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.message-wrapper{display:flex;flex-direction:column;max-width:85%}.message-wrapper.ai{align-self:flex-start}.message-wrapper.user{align-self:flex-end;align-items:flex-end}.message-bubble{padding:1rem 1.25rem;border-radius:18px;font-size:.95rem;line-height:1.5;position:relative}.ai .message-bubble{border-bottom-left-radius:4px;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary)}.user .message-bubble{border-bottom-right-radius:4px;background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #818cf84d}.message-time{font-size:.7rem;color:var(--text-secondary);margin-top:.4rem;opacity:.6}.chat-rec-card{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--card-border);padding-top:1rem}.rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.rec-item{display:flex;flex-direction:column;gap:.4rem}.rec-item img{width:100%;height:100px;object-fit:cover;border-radius:12px;background:#ffffff08}.rec-item-label{font-size:.7rem;text-align:center;color:var(--text-secondary);text-transform:capitalize}.rec-actions{display:flex;gap:.5rem}.rec-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;font-size:.8rem;font-weight:600;border-radius:8px;border:1px solid var(--accent-primary);background:#818cf81a;color:var(--accent-primary);cursor:pointer;transition:all .2s}.rec-action-btn.secondary{border-color:var(--card-border);background:transparent;color:var(--text-secondary)}.rec-action-btn:hover{background:var(--accent-primary);color:#fff}.rec-action-btn.success{border-color:#10b981;background:#10b9811a;color:#10b981}@media (max-width: 480px){.rec-actions{flex-direction:column}}.chat-input-container{padding:1rem;margin:0 1rem;border-radius:20px;border:1px solid var(--card-border);-webkit-mask-image:linear-gradient(to right,black 90%,transparent 100%);mask-image:linear-gradient(to right,black 90%,transparent 100%)}.quick-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.2rem 0;width:100%}.quick-suggestions::-webkit-scrollbar{display:none}.suggestion-chip{flex-shrink:0;white-space:nowrap;background:#ffffff0d;border:1px solid var(--card-border);color:var(--text-primary);padding:.35rem .6rem;border-radius:100px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:#ffffff1a;border-color:var(--accent-primary)}.mood-divider{width:1px;height:30px;background:var(--card-border);flex-shrink:0;align-self:center}.mood-chip{border-color:var(--accent-secondary);background:#c084fc0d}.chat-input-form{display:flex;gap:.75rem;align-items:center}.chat-input-form input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.5rem 0}.chat-input-form input:focus{outline:none}.send-btn{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;box-shadow:0 4px 10px #818cf866}.send-btn:hover{transform:scale(1.05)}.send-btn:disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed;transform:none}.typing-bubble{display:flex;gap:4px;padding:.75rem 1rem}.dot{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.fadeIn{animation:fadeIn .4s ease-out}@media (max-width: 768px){.stylist-chat-page{height:calc(100vh - 70px);padding-bottom:85px}.chat-input-container{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:10px;right:10px;margin:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl)}.chat-messages{padding-bottom:160px}}.share-input{width:100%;margin-bottom:1rem;height:80px}.share-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.share-outfit-btn{background:#ec48991a!important;color:#fbcfe8!important;border:1px solid rgba(236,72,153,.3)!important}.share-outfit-btn:hover{background:#ec489933!important}.share-success-toast{color:#ec4899;background:#ec48991a;border-color:#ec48994d}.rec-empty-note{font-size:.82rem;color:var(--text-secondary);font-style:italic;padding:.5rem 0}.shopping-section{border-top:1px solid var(--card-border);padding-top:.75rem}.shopping-toggle{display:flex;align-items:center;gap:.5rem;background:#818cf814;border:1px dashed var(--accent-primary);color:var(--accent-primary);border-radius:8px;padding:.5rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;width:100%;justify-content:center;transition:background .2s}.shopping-toggle:hover{background:#818cf826}.shopping-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.shopping-item{background:#ffffff08;border:1px solid var(--card-border);border-radius:10px;padding:.75rem}.shopping-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.shopping-item-name{font-weight:600;font-size:.88rem;color:var(--text-primary)}.shopping-item-price{font-size:.78rem;color:#10b981;font-weight:700}.shopping-item-reason{font-size:.78rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.shopping-links{display:flex;flex-wrap:wrap;gap:.4rem}.store-link{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;padding:.2rem .55rem;background:#818cf81a;border:1px solid rgba(129,140,248,.3);border-radius:100px;color:var(--accent-primary);text-decoration:none;transition:background .2s}.store-link:hover{background:var(--accent-primary);color:#fff}.packing-card{margin-top:1rem;border-top:1px solid var(--card-border);padding-top:1rem}.packing-tabs{display:flex;gap:.4rem;margin-bottom:1rem}.packing-tab{flex:1;padding:.4rem;font-size:.78rem;font-weight:600;border-radius:8px;border:1px solid var(--card-border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.packing-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.packing-category{margin-bottom:1rem}.packing-category h4{font-size:.82rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600}.packing-items-row{display:flex;flex-wrap:wrap;gap:.5rem}.packing-item-chip{display:flex;align-items:center;gap:.4rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.3rem .5rem;font-size:.75rem;color:var(--text-primary)}.packing-item-chip img{width:28px;height:28px;object-fit:cover;border-radius:4px}.day-block{margin-bottom:.75rem;background:#ffffff08;border:1px solid var(--card-border);border-radius:10px;padding:.75rem}.day-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.day-number{font-weight:700;font-size:.8rem;background:var(--accent-primary);color:#fff;padding:.15rem .5rem;border-radius:100px}.day-theme{font-size:.82rem;color:var(--text-secondary)}.day-items{display:flex;gap:.4rem;flex-wrap:wrap}.day-item-chip img{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--card-border)}.pack-chip{border-color:#f59e0b;background:#f59e0b0d;color:#f59e0b}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-ambient-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.12) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}.auth-container{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn .5s ease-out}.auth-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.auth-logo-icon{color:var(--accent-primary);filter:drop-shadow(0 0 15px rgba(129,140,248,.5))}.auth-brand .gradient-text{font-size:2.5rem}.auth-tagline{color:var(--text-secondary);font-size:1rem}.auth-card{width:100%;padding:2rem}.auth-tabs{display:flex;background:var(--card-bg);border-radius:100px;padding:4px;margin-bottom:2rem}.auth-tab{flex:1;padding:.7rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.95rem;font-weight:600;border-radius:100px;cursor:pointer;transition:all .25s ease}.auth-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #818cf84d}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.25rem;color:var(--text-secondary);pointer-events:none;z-index:1}.input-group input{width:100%;padding:1rem 1rem 1rem 3.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .3s ease}.input-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px #818cf81a;background:var(--card-bg)}.input-group input::placeholder{color:var(--text-secondary);opacity:.6}.auth-error{color:#ef4444;font-size:.9rem;text-align:center;padding:.5rem;background:#ef444414;border-radius:var(--border-radius-sm)}.auth-submit{width:100%;justify-content:center;margin-top:.5rem}.auth-footer{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem}.auth-switch-btn{background:none;border:none;color:var(--accent-primary);font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem}.auth-switch-btn:hover{text-decoration:underline}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-page{padding:2rem;max-width:1200px;margin:0 auto}.calendar-header{text-align:center;margin-bottom:2.5rem}.calendar-header .header-icon{color:var(--accent);margin-bottom:.75rem}.calendar-layout{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;margin-bottom:2rem}@media (max-width: 860px){.calendar-layout{grid-template-columns:1fr}}.calendar-wrapper{padding:1.25rem;border-radius:16px}.react-calendar{background:transparent!important;border:none!important;color:var(--text-primary)!important;font-family:inherit!important;width:340px!important}.react-calendar__navigation button{color:var(--text-primary)!important;font-size:1rem!important;background:transparent!important;border-radius:8px!important;min-width:36px!important}.react-calendar__navigation button:hover{background:#ffffff14!important}.react-calendar__month-view__weekdays{color:var(--text-secondary)!important;font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.04em!important}.react-calendar__tile{background:transparent!important;color:var(--text-primary)!important;border-radius:10px!important;transition:background .15s!important;position:relative!important;padding-bottom:24px!important}.react-calendar__tile:hover{background:#ffffff14!important}.react-calendar__tile--active,.react-calendar__tile--active:hover{background:var(--accent)!important;color:#fff!important}.react-calendar__tile--now{background:#8b5cf633!important;font-weight:700!important}.react-calendar__tile.has-log{font-weight:600}.cal-dot-wrapper{display:flex;justify-content:center;position:absolute;bottom:4px;left:0;right:0}.cal-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa}.react-calendar__tile--active .cal-dot{background:#fff}.cal-legend{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--card-border);color:var(--text-secondary);font-size:.8rem}.legend-dot{width:8px;height:8px;border-radius:50%;background:#a78bfa}.log-panel{border-radius:16px;padding:1.5rem;min-height:360px;transition:all .3s ease}.panel-open{animation:fadeSlideIn .25s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.panel-empty{display:flex;align-items:center;justify-content:center}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.panel-header h3{margin:0;font-size:1.1rem;font-weight:600}.panel-date{font-size:.8rem;color:var(--text-secondary);margin:.15rem 0 0}.icon-btn{background:var(--card-bg);border:none;color:var(--text-secondary);border-radius:8px;padding:6px;cursor:pointer;transition:background .15s}.icon-btn:hover{background:#ffffff24}.log-occasion-tag{display:inline-block;background:#8b5cf633;color:#c4b5fd;border-radius:20px;padding:.3rem .85rem;font-size:.82rem;margin-bottom:1.25rem;font-weight:500}.log-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;margin-bottom:1rem}.log-item-card{background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid var(--card-border);transition:transform .15s}.log-item-card:hover{transform:translateY(-2px)}.log-item-card img{width:100%;aspect-ratio:1;object-fit:cover}.log-item-info{padding:.4rem .5rem;display:flex;flex-direction:column;gap:1px}.log-item-name{font-size:.72rem;font-weight:600;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.log-item-cat{font-size:.65rem;color:var(--text-secondary)}.log-notes{font-size:.82rem;color:var(--text-secondary);background:var(--card-bg);border-radius:8px;padding:.6rem .75rem;margin-bottom:1rem}.delete-log-btn{display:flex;align-items:center;gap:.4rem;background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:.5rem .9rem;font-size:.8rem;cursor:pointer;transition:background .15s}.delete-log-btn:hover{background:#ef444438}.delete-log-btn:disabled{opacity:.5;cursor:not-allowed}.panel-placeholder{text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.75rem}.placeholder-icon{opacity:.25;margin-bottom:.5rem}.panel-placeholder p{margin:0;font-size:.9rem;max-width:220px}.panel-placeholder .highlight{color:#a78bfa;font-size:1.2rem}.placeholder-hint{font-size:.78rem!important;opacity:.6}.month-summary{border-radius:16px;padding:1.5rem}.month-summary h3{margin:0 0 1rem;font-size:1rem;display:flex;align-items:center;gap:.75rem}.log-count{font-size:.78rem;background:#8b5cf633;color:#c4b5fd;border-radius:20px;padding:.15rem .6rem;font-weight:500}.month-log-list{display:flex;flex-direction:column;gap:.6rem}.month-log-row{display:flex;align-items:center;gap:1rem;padding:.6rem .75rem;background:var(--card-bg);border-radius:10px;cursor:pointer;transition:background .15s}.month-log-row:hover{background:var(--card-bg)}.month-log-date{font-size:.78rem;font-weight:600;color:#a78bfa;min-width:52px}.month-log-occasion{flex:1;font-size:.82rem;color:var(--text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.month-log-thumbs{display:flex;align-items:center;gap:3px}.month-thumb{width:30px;height:30px;border-radius:6px;object-fit:cover;border:1px solid var(--card-border)}.thumb-more{font-size:.7rem;color:var(--text-secondary);padding:0 4px}@media (max-width: 768px){.calendar-page{padding:1rem}.react-calendar{width:100%!important}.log-panel.bottom-drawer{position:fixed;bottom:0;left:0;right:0;z-index:2000;background:var(--bg-color);border-top:1px solid var(--card-border);border-radius:24px 24px 0 0;padding:.5rem 1.5rem 1.5rem;min-height:auto;max-height:85vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.log-panel.panel-open.bottom-drawer{transform:translateY(0);box-shadow:0 -10px 40px #00000080}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;animation:fadeIn .3s ease}.drawer-handle{width:40px;height:4px;background:var(--card-border);border-radius:100px;margin:.5rem auto 1rem}.log-scroll-area{overflow-y:auto;flex:1;padding-bottom:2rem}.panel-header h3{font-size:1.2rem}}.panel-inner{height:100%;display:flex;flex-direction:column}.log-item-img-wrap{width:100%;aspect-ratio:1;overflow:hidden}.log-item-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.log-item-card:hover .log-item-img-wrap img{transform:scale(1.1)}.log-notes-section{border-top:1px solid var(--card-border);padding-top:1rem;margin-top:1rem}.analytics-page{padding:2rem;max-width:1200px;margin:0 auto}.analytics-header{text-align:center;margin-bottom:2.5rem}.analytics-header .header-icon{color:var(--accent);margin-bottom:.75rem}.analytics-loading,.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary);text-align:center}.analytics-loading .loading-icon{color:var(--accent);opacity:.6}.analytics-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 700px){.analytics-summary-row{grid-template-columns:repeat(2,1fr)}}.summary-card{border-radius:14px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.summary-num{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}@media (max-width: 780px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{border-radius:16px;padding:1.5rem}.ac-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.ac-header h3{margin:0;font-size:1rem;font-weight:600}.ac-icon{color:var(--accent)}.ac-desc{font-size:.78rem;color:var(--text-secondary);margin:0 0 1rem}.gap-alert{margin-top:.75rem;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.6rem .75rem;font-size:.8rem;color:#fbbf24}.gap-good{margin-top:.75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:.6rem .75rem;font-size:.8rem;color:#34d399}.color-card{grid-column:span 1}.color-palette-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-top:.5rem}.color-swatch-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:default}.color-swatch{border-radius:50%;border:2px solid rgba(255,255,255,.12);transition:transform .15s;box-shadow:0 4px 12px #0000004d}.color-swatch-item:hover .color-swatch{transform:scale(1.1)}.swatch-label{font-size:.68rem;color:var(--text-secondary);font-weight:500}.swatch-count{font-size:.65rem;color:var(--text-secondary);opacity:.6}.cpw-section{border-radius:16px;padding:1.5rem}.cpw-hint{font-size:.73rem;color:var(--text-secondary);margin-left:auto;font-style:italic}.cpw-empty{background:var(--card-bg);border-radius:10px;padding:1.25rem;color:var(--text-secondary);font-size:.88rem;margin-top:.75rem}.cpw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.cpw-item{display:flex;align-items:center;gap:.75rem;background:var(--card-bg);border-radius:10px;padding:.6rem;border:1px solid var(--card-border);transition:background .15s}.cpw-item:hover{background:var(--card-bg)}.cpw-img{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0}.cpw-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cpw-name{font-size:.78rem;font-weight:600;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cpw-stat{font-size:.68rem;color:var(--text-secondary)}.cpw-value{font-size:.78rem;font-weight:700}.cpw-great{color:#34d399}.cpw-ok{color:#fbbf24}.cpw-high{color:#f87171}.cpw-alert{margin-top:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:.65rem .9rem;font-size:.8rem;color:#fbbf24}.budget-section{grid-column:1 / -1;margin-bottom:1.5rem;background:linear-gradient(145deg,#1e1e2380,#141419cc);border:1px solid var(--border)}.budget-tracker{display:flex;flex-direction:column;gap:.75rem}.budget-stats{display:flex;justify-content:space-between;align-items:flex-end}.budget-spend{font-size:2rem;font-weight:700;color:var(--text-primary);display:block}.budget-total{font-size:1.25rem;font-weight:600;color:var(--text-secondary);display:block}.budget-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.budget-bar-bg{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.budget-bar-fill{height:100%;background:var(--accent);border-radius:6px;transition:width .5s ease-out}.budget-bar-fill.over-budget{background:#ef4444}.budget-warning{color:#ef4444;font-size:.85rem;display:flex;align-items:center;gap:.4rem;margin:0}.budget-success{color:#34d399;font-size:.85rem;margin:0}.edit-budget-row{display:flex;gap:.5rem;margin-top:.5rem}.budget-input{background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;width:180px}.budget-btn{background:var(--accent-gradient);border:none;color:var(--text-primary);padding:0 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer}.budget-btn:disabled{opacity:.5;cursor:not-allowed}.no-budget p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem}.donation-section{grid-column:1 / -1;margin-bottom:1.5rem;border:1px dashed rgba(236,72,153,.4);background:#ec489908}.donation-section .highlight{color:#ec4899}.donation-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem}.donation-grid{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;scrollbar-width:thin}.donation-item{display:flex;flex-direction:column;gap:.4rem;min-width:90px;text-align:center}.donation-img{width:90px;height:90px;border-radius:12px;object-fit:cover;background:#f7f7f5;border:1px solid var(--border)}.donation-item-name{font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donation-links{display:flex;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--card-border)}.donate-link{font-size:.85rem;font-weight:600;text-decoration:none}.donate-link:hover{text-decoration:underline}.analytics-page{animation:pageEnter .4s ease-out}.analytics-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.skeleton-summary-card{height:90px;border-radius:14px}.analytics-skeleton-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.skeleton-chart-card{height:220px;border-radius:16px}@media (max-width: 700px){.analytics-skeleton-grid{grid-template-columns:repeat(2,1fr)}.analytics-skeleton-charts{grid-template-columns:1fr}}.vibe-card{margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);background-image:linear-gradient(135deg,#8b5cf60d,#06b6d40d);border:1px solid var(--card-border);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.vibe-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation:rotate 10s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vibe-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.vibe-icon-wrap{width:50px;height:50px;background:var(--accent-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #8b5cf64d;flex-shrink:0}.vibe-text h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-primary)}.vibe-text p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.vibe-text strong{color:var(--accent-primary);font-weight:700}@media (max-width: 600px){.vibe-content{flex-direction:column;align-items:flex-start;gap:1rem}}.community-page{padding:2rem;max-width:1200px;margin:0 auto}.community-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;text-align:center}.empty-illustration{position:relative;color:var(--accent-primary);opacity:.6}.empty-sparkle{position:absolute;top:-10px;right:-10px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.6}}@media (max-width: 768px){.community-highlights{display:flex!important;flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;gap:.75rem;scrollbar-width:none}.community-highlights::-webkit-scrollbar{display:none}.highlight-card{flex:0 0 85%;scroll-snap-align:center}}.community-header{text-align:center;margin-bottom:2.5rem}.community-header .header-icon{color:var(--accent);margin-bottom:.75rem}.community-highlights{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem}.highlight-card{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;border-radius:18px;border:1px solid var(--card-border)}.h-content{display:flex;align-items:center;gap:1rem;color:var(--accent-primary)}.h-content h4{margin:0;font-size:1rem;color:var(--text-primary)}.h-content p{margin:0;font-size:.8rem;color:var(--text-secondary)}.join-btn,.vote-btn{background:var(--accent-gradient);color:#fff;border:none;padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;cursor:pointer}.highlight-card.challenge{background:linear-gradient(135deg,rgba(129,140,248,.1) 0%,transparent 100%)}.highlight-card.battle{background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,transparent 100%)}@media (max-width: 768px){.community-header{margin-bottom:1.5rem;padding:0 .5rem}.community-header h1{font-size:1.8rem}.community-header .subtitle{font-size:.9rem}}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.community-empty{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:2rem;margin-bottom:3rem}.post-card{padding:1.5rem;border-radius:16px}.post-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.post-avatar{width:42px;height:42px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.post-user-info h4{margin:0 0 .1rem;font-size:1rem;color:var(--text-primary)}.post-date{font-size:.75rem;color:var(--text-secondary)}.post-content{margin-bottom:1.25rem}.post-occasion-tag{display:inline-block;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;margin-bottom:.75rem}.post-occasion-tag span{font-weight:700}.post-description{font-size:.95rem;line-height:1.5;color:var(--text-primary);margin:0}.post-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.25rem}.post-item{aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#f7f7f5;border:1px solid var(--border)}.post-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.post-item:hover img{transform:scale(1.05)}.post-actions{display:flex;gap:1rem;border-top:1px solid var(--card-border);padding-top:1rem}.action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;padding:.6rem .8rem;border-radius:6px;transition:all .2s}.action-btn:hover{background:var(--card-bg);color:var(--text-primary)}.action-btn.liked{color:#ec4899}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:800px 100%;animation:shimmer 1.4s infinite ease-in-out;border-radius:6px}.skeleton-post{pointer-events:none}.skeleton-post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.skeleton-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0}.skeleton-post-meta{flex:1}.skeleton-line{height:12px}.skeleton-line.w40{width:40%}.skeleton-line.w60{width:60%}.skeleton-line.w80{width:80%}.skeleton-post-grid{display:flex;gap:.75rem}.skeleton-post-img{flex:1;height:120px;border-radius:10px}.community-page{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feed-container .post-card{animation:cardEnter .35s ease-out both}.feed-container .post-card:nth-child(1){animation-delay:.04s}.feed-container .post-card:nth-child(2){animation-delay:.1s}.feed-container .post-card:nth-child(3){animation-delay:.16s}.feed-container .post-card:nth-child(4){animation-delay:.22s}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.post-comments-section{margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid var(--card-border)}.comments-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding-right:5px}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}.comment-row{font-size:.85rem;line-height:1.4}.comment-row strong{color:var(--accent-primary);margin-right:.5rem}.comment-row span{color:var(--text-primary)}.no-comments{font-size:.8rem;color:var(--text-secondary);text-align:center;opacity:.7}.comment-input-row{display:flex;gap:.5rem}.comment-input-row input{flex:1;background:var(--bg-color);border:1px solid var(--card-border);padding:.5rem .75rem;border-radius:8px;color:var(--text-primary);font-size:.85rem}.comment-input-row input:focus{outline:none;border-color:var(--accent-primary)}.comment-input-row button{background:var(--accent-gradient);color:#fff;border:none;padding:0 1rem;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer}.action-btn.active{color:var(--accent-primary)}@media (max-width: 600px){.community-page{padding:1rem}.post-items-grid{grid-template-columns:repeat(2,1fr)}.post-card{padding:1rem}}.dashboard-page{padding:1.5rem;max-width:1200px;margin:0 auto;padding-bottom:80px}.recommendation-hero{margin-bottom:2rem;padding:1rem 0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#818cf81a;color:var(--accent-primary);padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;margin-bottom:1rem;border:1px solid rgba(129,140,248,.2)}.recommendation-card-large{display:grid;grid-template-columns:1fr 280px;gap:2rem;padding:2rem;margin-top:1.5rem;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(129,140,248,.05) 100%);border:1px solid var(--accent-primary);box-shadow:0 20px 40px #0000001a}.rec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.rec-title-group h3{font-size:1.5rem;margin-bottom:.25rem}.rec-meta{color:var(--text-secondary);font-size:.9rem}.rec-confidence{display:flex;align-items:center;gap:.4rem;background:#10b981;color:#fff;padding:.3rem .8rem;border-radius:100px;font-size:.8rem;font-weight:700}.rec-reasoning{font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin-bottom:2rem}.rec-reasoning strong{color:var(--accent-primary)}.rec-actions{display:flex;gap:1rem}.rec-visual{background:#818cf81a;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.visual-item{width:120px;height:120px;background:var(--card-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--card-border);box-shadow:var(--shadow-lg);color:var(--accent-primary)}.visual-item.item-2{position:absolute;transform:translate(30px,30px);width:80px;height:80px;background:var(--accent-gradient);color:#fff}.dashboard-secondary-row{display:grid;grid-template-columns:1fr 180px;gap:1rem;margin-bottom:2rem}.personality-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;cursor:pointer;transition:transform .2s}.personality-card:hover{transform:translateY(-2px)}.p-icon-wrap{width:54px;height:54px;background:var(--accent-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.p-text h3{margin:0;font-size:1.2rem}.p-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);display:block;margin-bottom:2px}.p-text p{margin:2px 0 0;font-size:.85rem;color:var(--text-secondary)}.p-arrow{margin-left:auto;color:var(--text-secondary);opacity:.5}.weather-quick-card{display:flex;align-items:center;justify-content:center;padding:1.25rem;background:linear-gradient(135deg,#06b6d41a,#3b82f61a)}.w-quick-content{display:flex;align-items:center;gap:.75rem}.w-emoji{font-size:1.8rem}.w-text h3{margin:0;font-size:1.1rem}.w-text p{margin:0;font-size:.75rem;color:var(--text-secondary)}.action-link-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.action-link-list li a{color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.action-link-list li a:before{content:"";width:6px;height:6px;background:var(--accent-primary);border-radius:50%}@media (max-width: 900px){.recommendation-card-large{grid-template-columns:1fr}.rec-visual{display:none}}@media (max-width: 700px){.dashboard-secondary-row{grid-template-columns:1fr}.recommendation-card-large{padding:1.5rem}.rec-actions{flex-direction:column}}.profile-page{padding:1.5rem;padding-bottom:100px}.profile-header-card{display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;margin-bottom:2rem;text-align:center;border-radius:24px}.profile-avatar-large{width:90px;height:90px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem;box-shadow:0 10px 20px #818cf84d;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-header-card h2{font-size:1.5rem;margin-bottom:.5rem}.profile-email{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.settings-section{margin-bottom:2rem}.settings-section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem;margin-left:.5rem}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;border-radius:16px;cursor:pointer;transition:transform .2s}.settings-item:active{transform:scale(.98)}.item-left{display:flex;align-items:center;gap:1rem}.item-icon-wrap{width:40px;height:40px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.light-mode .item-icon-wrap{background:#00000008}.theme-icon{color:#f59e0b}.security-icon{color:#10b981}.logout-icon{color:#ef4444}.logout-item{border:1px solid rgba(239,68,68,.2)!important}.theme-switch{width:44px;height:24px;background:#ffffff1a;border-radius:20px;position:relative;transition:all .3s}.theme-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s}.theme-switch.on{background:var(--accent-primary)}.theme-switch.on:after{left:22px}.profile-footer{text-align:center;opacity:.5;font-size:.8rem;margin-top:2rem}.profile-edit-input-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem;width:100%}.profile-name-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.6rem 1rem;border-radius:12px;font-size:1.2rem;text-align:center;width:80%;max-width:300px}.light-mode .profile-name-input{background:#00000008;border:1px solid rgba(0,0,0,.08)}.profile-edit-actions{display:flex;gap:.5rem}.profile-edit-actions button{padding:.4rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none}.save-btn{background:var(--accent-gradient);color:#fff}.cancel-btn{background:#ffffff1a;color:var(--text-secondary)}.light-mode .cancel-btn{background:#0000000d}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(80px + env(safe-area-inset-bottom));background:var(--nav-bg);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border-top:1px solid var(--card-border);display:flex;justify-content:space-around;align-items:center;padding:0 10px env(safe-area-inset-bottom);z-index:1000;transition:background var(--transition-speed)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-weight:500;flex:1;transition:all .2s ease}.nav-item.active{color:var(--accent-primary)}.nav-item span{opacity:.8}.nav-item.active span{opacity:1}@media (max-width: 768px){.app-container{padding-bottom:110px!important}}.fab-container{position:fixed;bottom:105px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:15px;z-index:999}.fab-main{width:60px;height:60px;border-radius:50%;background:var(--accent-gradient);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #818cf866;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab-main:hover{transform:scale(1.1)}.fab-container.open .fab-main{transform:rotate(0);background:var(--text-primary);color:var(--bg-color)}.fab-options{display:flex;flex-direction:column;align-items:flex-end;gap:12px;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s ease;overflow:hidden}.fab-container.open .fab-options{opacity:1;pointer-events:all;transform:translateY(0)}.fab-option{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer}.fab-icon-inner{width:45px;height:45px;border-radius:50%;background:var(--card-bg);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border:1px solid var(--card-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .2s ease}.fab-option:hover .fab-icon-inner{background:var(--accent-primary);color:#fff}.fab-label{background:var(--card-bg);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}@media (min-width: 769px){.fab-container{display:none}}.scan-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.scan-modal-content{width:100%;max-width:450px;background:var(--bg-color);border:1px solid var(--card-border);border-radius:24px;padding:2rem;position:relative;overflow:hidden}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.scan-header{text-align:center;margin-bottom:2rem}.scan-header h2{font-size:1.25rem;margin-top:.5rem}.camera-viewport{width:100%;aspect-ratio:1;background:#000;border-radius:20px;position:relative;overflow:hidden;margin-bottom:1.5rem;border:2px solid var(--card-border)}.video-feed{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;color:#fff}.scan-target-box{width:220px;height:220px;border:2px solid var(--accent-primary);border-radius:20px;box-shadow:0 0 0 4000px #0006;position:relative;margin-bottom:2rem;overflow:hidden}.scan-line{width:100%;height:2px;background:var(--accent-primary);position:absolute;top:0;left:0;box-shadow:0 0 15px var(--accent-primary);animation:scanLineMove 2s infinite ease-in-out}@keyframes scanLineMove{0%{top:0}50%{top:100%}to{top:0}}.scan-error{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;gap:1.5rem}.capture-btn{background:var(--accent-gradient);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:100px;font-weight:600;display:flex;align-items:center;gap:.6rem;cursor:pointer;margin-top:1.5rem;box-shadow:0 4px 15px #818cf866}.ai-loader{position:relative;display:flex;align-items:center;justify-content:center}.sparkle-overlay{position:absolute;color:var(--accent-secondary);animation:pulse 1.5s infinite}.smart-preview-card{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-bg);padding:1.5rem;display:flex;flex-direction:column}.detected-badge{background:#818cf81a;color:var(--accent-primary);padding:.4rem .8rem;border-radius:100px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:1rem}.brand-name{font-size:1.4rem;margin-bottom:.25rem}.item-name{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:auto}.preview-item{background:#ffffff08;padding:.8rem;border-radius:12px;border:1px solid var(--card-border)}.preview-item .label{display:block;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.preview-item .value{font-weight:600;font-size:1rem;color:var(--text-primary)}.preview-actions{display:flex;gap:.75rem;margin-bottom:1rem;margin-top:1.5rem}.action-btn{flex:1;padding:.75rem;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.action-btn.outline{background:transparent;border:1px solid var(--card-border);color:var(--text-primary)}.action-btn.outline:hover{border-color:var(--accent-primary)}.full-width{width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;position:sticky;top:15px;margin:0 15px;z-index:1000;border-radius:100px!important;background:#0f0f14b3!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08)!important}.light-mode .app-header{background:#fffc!important;border:1px solid rgba(0,0,0,.05)!important}.logo-text{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.logo-text span{color:var(--accent-primary)}.header-right{display:flex;align-items:center;gap:.5rem}.icon-btn{background:#ffffff0d;border:none;color:var(--text-primary);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.light-mode .icon-btn{background:#00000008}.icon-btn:active{transform:scale(.9)}.avatar-placeholder{width:38px;height:38px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-primary)}@media (max-width: 480px){.app-header{top:10px;margin:0 10px}}.profile-menu-wrapper{position:relative}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.profile-avatar:hover{transform:scale(1.08);box-shadow:0 0 20px #818cf866}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:260px;background:#14161ef2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:.75rem 0;box-shadow:0 20px 50px #00000080;z-index:100;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem}.dropdown-avatar{width:40px;height:40px;border-radius:50%;background:#818cf826;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.dropdown-name{font-weight:600;font-size:.95rem}.dropdown-email{font-size:.8rem;color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--card-border);margin:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem 1.25rem;background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .15s ease;text-align:left}.dropdown-item:hover{background:var(--card-bg)}.logout-item{color:#ef4444}.logout-item:hover{background:#ef44441a}:root{--accent-primary: #818cf8;--accent-secondary: #c084fc;--accent-gradient: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--blur-xl: blur(24px);--shadow-glow: 0 0 40px rgba(129, 140, 248, .15);--border-radius-lg: 24px;--border-radius-md: 16px;--border-radius-sm: 8px;--transition-speed: .3s}.light-mode{--bg-color: #f8fafc;--bg-gradient: radial-gradient(circle at 15% 50%, rgba(129, 140, 248, .05) 0%, transparent 50%), radial-gradient(circle at 85% 30%, rgba(192, 132, 252, .05) 0%, transparent 50%);--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(129, 140, 248, .1);--text-primary: #1e293b;--text-secondary: #475569;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--nav-bg: rgba(255, 255, 255, .8)}.dark-mode{--bg-color: #0d0f14;--bg-gradient: radial-gradient(circle at 15% 50%, rgba(129, 140, 248, .08) 0%, transparent 50%), radial-gradient(circle at 85% 30%, rgba(192, 132, 252, .08) 0%, transparent 50%);--card-bg: rgba(15, 17, 26, .6);--card-border: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--nav-bg: rgba(255, 255, 255, .03)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:var(--bg-gradient);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-container{max-width:1400px;margin:0 auto;padding:2rem}.glass-nav{display:flex;flex-direction:column;padding:.75rem 1.5rem;background:var(--card-bg);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--card-border);border-radius:20px;margin-bottom:2.5rem;box-shadow:0 8px 32px #00000040;position:relative;z-index:100}.nav-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-right{display:flex;align-items:center;gap:.75rem}.theme-toggle-btn{background:none;border:1px solid var(--card-border);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.theme-toggle-btn:hover{background:#ffffff0f;border-color:var(--accent-primary);color:var(--accent-primary)}.hamburger-btn{display:none;background:none;border:1px solid var(--card-border);color:var(--text-primary);padding:.4rem .5rem;border-radius:8px;cursor:pointer;line-height:0;transition:background .2s}.hamburger-btn:hover{background:#ffffff0f}.nav-links-desktop{display:flex;gap:.5rem}.nav-mobile-menu{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0 .25rem;border-top:1px solid var(--card-border);margin-top:.75rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-mobile-link{padding:.7rem 1rem;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1rem;transition:all .2s}.nav-mobile-link:hover,.nav-mobile-link.active{color:var(--text-primary);background:#ffffff12}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;flex-shrink:0}.logo-icon{color:var(--accent-primary)}.nav-links{display:flex;gap:.5rem}.nav-btn{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:500;padding:.45rem .85rem;border-radius:100px;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.nav-btn:hover{color:var(--text-primary);background:#ffffff0f}.nav-btn.active{color:var(--text-primary);background:#ffffff1a}.profile-placeholder{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);cursor:pointer}.hero-section{text-align:center;margin-bottom:5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.gradient-text{font-size:clamp(3rem,5vw,4.5rem);font-weight:700;line-height:1.1;background:linear-gradient(to right,var(--text-primary) 30%,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-1px}.subtitle{color:var(--text-secondary);font-size:1.25rem;max-width:600px}.cta-button{display:flex;align-items:center;gap:.5rem;background:var(--text-primary);color:var(--bg-color);border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:100px;cursor:pointer;font-family:inherit;margin-top:1rem;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffffff26}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.glass-card{background:var(--card-bg);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 20px 40px #0006}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon{color:var(--text-secondary)}.card-icon.highlight{color:var(--accent-secondary)}.card-header h3{font-size:1.25rem;font-weight:600}.ai-card{grid-column:span 2;background:linear-gradient(180deg,#ffffff0d,#ffffff03);border:1px solid rgba(192,132,252,.2);box-shadow:var(--shadow-glow)}@media (max-width: 900px){.ai-card{grid-column:span 1}}.ai-demo-img{height:200px;width:100%;margin-top:1.5rem;border-radius:var(--border-radius-md);background:linear-gradient(45deg,#1e1b4b,#312e81);position:relative;overflow:hidden}.ai-demo-img:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 3s infinite}@keyframes shimmer{to{left:200%}}.stats-container{display:flex;gap:2rem}.stat-box{display:flex;flex-direction:column}.stat-number{font-size:3rem;font-weight:700;color:var(--accent-primary);line-height:1}.stat-label{color:var(--text-secondary);font-weight:500;margin-top:.5rem}.event-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.event-list li{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border-radius:var(--border-radius-md)}.event-dot{width:10px;height:10px;background:var(--accent-secondary);border-radius:50%;box-shadow:0 0 10px var(--accent-secondary)}@media (max-width: 768px){.app-container{padding:1rem}.glass-nav{border-radius:16px;margin-bottom:1.5rem;padding:.75rem 1rem}.hamburger-btn{display:flex}.nav-links-desktop{display:none!important}.gradient-text{font-size:2.2rem}.dashboard-grid{grid-template-columns:1fr}.ai-card{grid-column:span 1}}.gradient-text{-webkit-background-clip:text;background-clip:text}.secondary-btn{background:var(--accent-gradient);color:#fff;font-size:1rem;padding:.8rem 1.5rem}.secondary-btn:hover{box-shadow:0 10px 25px #818cf84d}.category-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.category-pills .tag{font-size:.8rem;background:#818cf81a;color:var(--accent-primary);padding:.3rem .8rem;border-radius:var(--border-radius-sm);text-transform:capitalize}.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content{animation:fadeIn .4s ease-out}.hero-buttons{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.events-card .event-list{gap:.75rem}.event-item-card{display:flex!important;justify-content:space-between!important;align-items:center!important}.event-left{display:flex;align-items:center;gap:.75rem}.event-icon{color:var(--accent-secondary);flex-shrink:0}.event-name{display:block;font-weight:600;font-size:.95rem}.event-date{font-size:.8rem;color:var(--text-secondary)}.event-style-btn{font-size:.8rem;font-weight:600;padding:.4rem 1rem;border-radius:100px;background:var(--accent-gradient);color:#fff;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}.event-style-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #818cf84d}.ai-card-desc{color:var(--text-secondary);margin-bottom:1.5rem}.quick-prompts{display:flex;flex-wrap:wrap;gap:.75rem}.quick-prompt-chip{padding:.6rem 1.2rem;background:#ffffff0a;border:1px solid var(--card-border);border-radius:100px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all .25s ease;cursor:pointer}.quick-prompt-chip:hover{background:#818cf81a;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #818cf826}.nav-btn{text-decoration:none}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.analytics-items{display:flex;flex-direction:column;gap:.6rem}.analytics-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--border-radius-sm);background:#ffffff08;transition:background .2s}.analytics-item:hover{background:#818cf812}.analytics-item.faded{opacity:.7}.analytics-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.analytics-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.analytics-name{font-weight:600;font-size:.9rem;color:var(--text-primary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-meta{font-size:.78rem;color:var(--text-secondary);text-transform:capitalize}.analytics-wear-count{font-size:.75rem;color:var(--accent-primary);font-weight:600}.analytics-subtitle{font-size:.82rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.season-tag{background:#10b9811f!important;color:#10b981!important}.weather-card{position:relative;overflow:hidden}.weather-body{display:flex;flex-direction:column;gap:1rem}.weather-main{display:flex;align-items:center;gap:1rem}.weather-emoji{font-size:3rem;line-height:1}.weather-temp-block{display:flex;flex-direction:column;gap:2px}.weather-temp{font-size:2.2rem;font-weight:700;color:var(--accent-primary);line-height:1}.weather-desc{font-size:.9rem;color:var(--text-secondary);text-transform:capitalize}.weather-city{font-size:.82rem;color:var(--text-secondary)}.weather-feels{display:flex;gap:1.5rem;font-size:.83rem;color:var(--text-secondary)}.weather-feels strong{color:var(--text-primary)}.weather-style-btn{align-self:flex-start;margin-top:.25rem}.nav-links{flex-wrap:wrap;gap:.5rem!important;justify-content:center}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:spin-anim 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.glass-card:hover{transform:translateY(-4px);border-color:#818cf833;box-shadow:0 20px 40px #00000059,0 0 0 1px #818cf814}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(129,140,248,.7);outline-offset:2px}