.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);background-attachment:fixed;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.login-box{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #fff3;width:90%;max-width:420px;position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-box h1{text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.login-box .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.email-input{padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.email-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.login-button{padding:1rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:before{left:100%}@media (max-width: 768px){.login-box{padding:2rem}.login-box h1{font-size:2rem}.login-button{min-height:48px;font-size:1.0625rem}}@media (max-width: 480px){.login-box h1{font-size:1.75rem}}.login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.login-button:active{transform:translateY(0)}.mobile-menu-button{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--primary-gradient);color:#fff;border:none;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl)}.mobile-menu-button:active{transform:translateY(0) scale(1)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn var(--transition-base)}@media (max-width: 768px){.sidebar-overlay{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:260px;background:var(--bg-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:1000;border-right:1px solid var(--border-light)}.sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.sidebar-title{display:flex;align-items:center;gap:.75rem}.sidebar-avatar,.sidebar-avatar-initials{width:44px;height:44px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.3)}.sidebar-avatar{object-fit:cover}.sidebar-avatar-initials{background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.sidebar-header h1{font-size:1.5rem;color:var(--text-primary);font-weight:700;margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-md) 0;gap:var(--spacing-xs)}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin:0 var(--spacing-sm);border:none;background:none;text-align:left;cursor:pointer;transition:all var(--transition-base);color:var(--text-secondary);font-size:1rem;border-radius:var(--radius-md);position:relative}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(4px)}.sidebar-item.active{background:var(--primary-gradient);color:#fff;font-weight:600;box-shadow:var(--shadow-primary)}.sidebar-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--primary-color);border-radius:0 2px 2px 0}.sidebar-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center}.sidebar-icon svg{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar-label{font-size:1rem}.sidebar-add-btn{background:var(--primary-light)!important;color:var(--primary-color)!important;font-weight:600!important;margin-bottom:var(--spacing-sm);border:2px solid var(--primary-color);border-radius:var(--radius-md);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);box-shadow:var(--shadow-sm)}.sidebar-add-btn:hover{background:var(--primary-gradient)!important;color:#fff!important;border-color:transparent!important;transform:translateY(-2px);box-shadow:var(--shadow-primary)}.sidebar-add-btn.active{background:var(--primary-gradient)!important;color:#fff!important;border-color:transparent!important}.sidebar-add-btn .sidebar-icon{font-size:1.5rem;font-weight:700}.inbox-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;background:var(--error-color);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;margin-left:auto;margin-right:0;box-shadow:0 2px 8px #ff44444d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-item.active .inbox-badge{background:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}@media (max-width: 768px){.mobile-menu-button,.sidebar-overlay{display:block}.sidebar{position:fixed;left:-260px;width:260px;transition:left var(--transition-slow) ease;z-index:1000}.sidebar.sidebar-open{left:0;box-shadow:var(--shadow-xl)}.mobile-menu-button{min-height:48px;padding:.875rem 1.125rem;font-size:1.5rem}.sidebar-item{padding:1rem 1.25rem;font-size:1.0625rem}}.home-container{padding:2rem;max-width:1200px;margin:0 auto}.home-welcome-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.home-welcome-content{display:flex;flex-direction:column;gap:.5rem}.home-welcome-header{display:flex;align-items:center;gap:1rem}.home-welcome-icon{font-size:2rem;color:var(--primary-color)}.home-welcome-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.home-welcome-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;padding-left:3rem}.home-header{margin-bottom:2rem}.home-header h1{font-size:2rem;color:var(--text-primary);margin:0}.your-stats-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.your-stats-header{margin-bottom:1.25rem}.your-stats-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.your-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.your-stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-base)}.your-stat-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.your-stat-icon{font-size:2rem;flex-shrink:0}.your-stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.your-stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.your-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}@media (max-width: 1024px){.your-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.your-stats-section{padding:1rem}.your-stats-grid{grid-template-columns:1fr;gap:.75rem}.your-stat-item{padding:.875rem}.your-stat-icon,.your-stat-value{font-size:1.5rem}}.latest-updates-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.latest-updates-header{margin-bottom:1.25rem}.latest-updates-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.home-stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.latest-updates-section .home-stats-cards{margin-bottom:0}.home-stat-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem;transition:all var(--transition-base)}.home-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.home-stat-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0}.home-stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.home-stat-link{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:0;text-align:left;transition:all var(--transition-base);white-space:nowrap;margin-top:auto}.home-stat-link:hover{color:var(--primary-dark);text-decoration:underline}.home-view-all-link{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-base);white-space:nowrap}.home-view-all-link:hover{background:var(--primary-light);color:var(--primary-color);text-decoration:underline}@media (max-width: 1200px){.home-stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-container{padding:1rem}.home-welcome-section{padding:1.5rem}.home-welcome-header{gap:.5rem}.home-welcome-icon,.home-welcome-title{font-size:1.5rem}.home-welcome-subtitle{font-size:.875rem;padding-left:0}.latest-updates-section{padding:1rem}.home-stats-cards{grid-template-columns:1fr;gap:1rem}.home-stat-value{font-size:2rem}}.friend-requests-section{margin-top:2rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.friend-requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.friend-requests-title{display:flex;align-items:center;gap:.5rem;position:relative}.friend-requests-icon{font-size:1.5rem;color:var(--primary-color)}.friend-requests-title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.friend-requests-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--text-secondary);color:#fff;font-size:.75rem;font-weight:600;margin-left:auto}.friend-requests-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.friend-requests-list{display:flex;flex-direction:column;gap:1rem}.friend-request-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-base)}.friend-request-item:hover{box-shadow:var(--shadow-sm)}.friend-request-avatar{flex-shrink:0}.friend-request-avatar-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.friend-request-avatar-initials{width:48px;height:48px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.friend-request-details{flex:1;min-width:0}.friend-request-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.friend-request-mutual{font-size:.875rem;color:var(--text-secondary)}.friend-request-actions{display:flex;gap:.5rem;flex-shrink:0}.friend-request-accept{background:var(--text-primary);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-base)}.friend-request-accept:hover{background:var(--text-secondary)}.friend-request-decline{background:#fff;color:var(--text-primary);border:1px solid var(--text-primary);border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-base)}.friend-request-decline:hover{background:var(--bg-tertiary)}.friend-requests-view-all{margin-top:1rem;text-align:center}@media (max-width: 768px){.friend-requests-section{padding:1rem}.friend-request-item{flex-wrap:wrap}.friend-request-actions{width:100%;justify-content:stretch}.friend-request-accept,.friend-request-decline{flex:1}}.recent-friend-recs-section{margin-top:2rem}.recent-friend-recs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recent-friend-recs-title{display:flex;align-items:center;gap:.5rem}.recent-friend-recs-icon{font-size:1.5rem;color:var(--primary-color)}.recent-friend-recs-title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.recent-friend-recs-view-all{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;gap:.25rem}.recent-friend-recs-view-all:hover{background:var(--primary-light);color:var(--primary-color)}.recent-friend-recs-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.recent-friend-recs-list::-webkit-scrollbar{height:8px}.recent-friend-recs-list::-webkit-scrollbar-track{background:transparent}.recent-friend-recs-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.recent-friend-recs-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.recent-friend-rec-item{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;min-width:180px}.recent-friend-rec-item:hover{transform:translateY(-2px)}.recent-friend-rec-image{width:180px;height:240px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.recent-friend-rec-placeholder{width:180px;height:240px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);flex-shrink:0}.recent-friend-rec-type{font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.recent-friend-rec-info{display:flex;flex-direction:column;gap:.25rem}.recent-friend-rec-title{font-size:.875rem;font-weight:600;color:var(--text-primary);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.recent-friend-rec-from{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.recent-friend-rec-item{min-width:150px}.recent-friend-rec-image,.recent-friend-rec-placeholder{width:150px;height:200px}.recent-friend-recs-header{flex-direction:column;align-items:flex-start;gap:.5rem}.recent-friend-recs-view-all{align-self:flex-end}}.top-rated-section{margin-top:2rem}.top-rated-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.top-rated-title{display:flex;align-items:center;gap:.5rem}.top-rated-icon{font-size:1.5rem}.top-rated-title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.top-rated-view-all{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;gap:.25rem}.top-rated-view-all:hover{background:var(--primary-light);color:var(--primary-color)}.top-rated-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.top-rated-item{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:all var(--transition-base)}.top-rated-item:hover{transform:translateY(-2px)}.top-rated-image{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.top-rated-placeholder{width:100%;aspect-ratio:2/3;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.top-rated-type{font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.top-rated-info{display:flex;flex-direction:column;gap:.25rem}.top-rated-title-text{font-size:.875rem;font-weight:600;color:var(--text-primary);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.top-rated-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.top-rated-from{color:var(--text-secondary)}.top-rated-likes{color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.top-rated-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.top-rated-header{flex-direction:column;align-items:flex-start;gap:.5rem}.top-rated-view-all{align-self:flex-end}}.home-recommendations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.home-recommendation-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.home-recommendation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.home-recommendation-image-wrapper{position:relative;width:100%;height:280px;overflow:hidden;background:var(--bg-tertiary)}.home-recommendation-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.home-recommendation-card:hover .home-recommendation-image{transform:scale(1.05)}.home-recommendation-placeholder{width:100%;height:100%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.home-recommendation-placeholder-type{font-size:1rem;text-transform:uppercase;font-weight:600;color:var(--text-secondary)}.home-recommendation-rating{position:absolute;top:1rem;left:1rem;z-index:2;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.375rem .75rem;border-radius:1rem;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d}.home-recommendation-rating .star{font-size:.875rem}.home-recommendation-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1;gap:.75rem}.home-recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.home-recommendation-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;flex:1}.home-recommendation-category{display:inline-block;padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.home-recommendation-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-recommendation-stars{font-size:1.125rem;color:#ffc107;letter-spacing:.1rem}.home-recommendation-author{display:flex;align-items:center;gap:.75rem}.home-recommendation-avatar,.home-recommendation-avatar-initials{width:32px;height:32px;border-radius:50%;flex-shrink:0}.home-recommendation-avatar{object-fit:cover}.home-recommendation-avatar-initials{background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.home-recommendation-author-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.home-recommendation-interactions{display:flex;gap:1rem;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-light)}.home-recommendation-action{display:flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-base);color:var(--text-secondary);font-size:.875rem}.home-recommendation-action:hover{background:var(--bg-tertiary)}.home-recommendation-action.active{color:#e91e63}.home-recommendation-action.active .action-icon{filter:none}.home-recommendation-action.in-library{opacity:.5;cursor:not-allowed}.action-icon{font-size:1.125rem}.action-count{font-weight:600;font-size:.875rem}.home-recommendation-date{font-size:.75rem;color:var(--text-tertiary);padding-top:.5rem;border-top:1px solid var(--border-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base)}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-actions{padding:1.5rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.cancel-btn:hover{background:var(--bg-tertiary)}.save-btn{background:var(--primary-gradient);color:#fff;border:none}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1200px){.home-recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-recommendations-grid{grid-template-columns:1fr}.home-recommendation-image-wrapper{height:220px}.modal-overlay{padding:1rem}}.my-trboo{max-width:1200px;padding:2rem}.my-trboo-welcome-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.my-trboo-welcome-content{display:flex;flex-direction:column;gap:.5rem}.my-trboo-welcome-header{display:flex;align-items:center;gap:1rem}.my-trboo-welcome-icon{font-size:2rem;filter:grayscale(.3)}.my-trboo-welcome-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.my-trboo-welcome-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;padding-left:3rem}.my-trboo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.my-trboo-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:800;letter-spacing:-.02em}.my-trboo .subtitle{color:var(--text-secondary);font-weight:500}.add-recommendation-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}@media (max-width: 768px){.my-trboo{padding:1rem}.my-trboo-welcome-section{padding:1.5rem}.my-trboo-welcome-header{gap:.5rem}.my-trboo-welcome-icon,.my-trboo-welcome-title{font-size:1.5rem}.my-trboo-welcome-subtitle{font-size:.875rem;padding-left:0}.my-trboo-header{flex-direction:row;align-items:center;gap:.75rem;padding-left:0;flex-wrap:wrap;margin-bottom:1rem;margin-top:0;justify-content:center}.my-trboo-header>div{flex:0 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto}.my-trboo-header h2{font-size:1.25rem;margin-bottom:0;line-height:1.2;text-align:center;width:100%}.my-trboo-header .subtitle{font-size:.75rem;display:none}.recommendation-list{margin-top:3.5rem}.add-recommendation-btn{min-height:44px}}.add-recommendation-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.recommendation-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.recommendation-list-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.recommendation-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recommendation-list-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.recommendation-list-title{display:flex;align-items:center;gap:.75rem;flex:1}.recommendation-list-icon{font-size:1.5rem}.recommendation-list-title h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.recommendation-list-view-all{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;gap:.25rem;white-space:nowrap}.recommendation-list-view-all:hover{background:var(--primary-light);color:var(--primary-color)}.recommendation-list-tiles{display:flex;gap:1rem;margin-top:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.recommendation-list-tiles::-webkit-scrollbar{height:6px}.recommendation-list-tiles::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.recommendation-list-tiles::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.recommendation-list-tiles::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.recommendation-tile{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;min-width:150px;max-width:200px;width:150px}.recommendation-tile:hover{transform:translateY(-2px)}.recommendation-tile-image{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.recommendation-tile-placeholder{width:100%;aspect-ratio:2/3;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.recommendation-tile-type{font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}.recommendation-tile-info{display:flex;flex-direction:column;gap:.25rem}.recommendation-tile-title{font-size:.875rem;font-weight:600;color:var(--text-primary);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}@media (max-width: 768px){.recommendation-list{gap:.75rem}.recommendation-list-item{padding:1rem}.recommendation-list-header{flex-direction:column;align-items:flex-start;gap:.75rem}.recommendation-list-view-all{align-self:flex-end}.recommendation-list-title h3{font-size:1.125rem}.recommendation-list-tiles{gap:.75rem}.recommendation-tile{min-width:120px;max-width:150px;width:120px}}.type-icon{font-size:3rem;margin-bottom:1rem}.type-count{color:var(--primary-color);font-weight:600;opacity:.8}.add-recommendation-full-page{min-height:100vh;background:var(--bg-secondary);padding-top:1rem}.add-recommendation-header{display:flex;align-items:center;gap:1rem;padding:var(--spacing-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.add-recommendation-header h2{font-size:1.75rem;color:var(--text-primary);margin:0;font-weight:700}.add-recommendation-header p{color:var(--text-secondary);margin:.25rem 0 0;font-weight:500}.close-btn{background:none;border:none;font-size:1rem;color:#667eea;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem}.close-btn:hover{background:#f5f5f5}.add-recommendation-form{max-width:1000px;margin:0 auto;padding:0 1.5rem 2rem}.modal{background:#fff;border-radius:1rem;width:90%;max-width:600px;padding:2rem;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.modal{width:95%;padding:1.5rem;max-height:95vh}}.modal-header{margin-bottom:2rem}.modal-header h2{font-size:1.75rem;color:#333;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.helper-text{color:#999;font-size:.75rem;margin-top:.25rem}.share-options{display:flex;gap:.5rem;margin-bottom:.5rem}.share-option{flex:1;padding:.875rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;text-align:center;font-size:.875rem;font-weight:500;transition:all var(--transition-base);color:var(--text-secondary)}.share-option:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.share-option.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-md);font-weight:600}@media (max-width: 768px){.share-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.share-option{min-height:44px;font-size:.9rem;padding:.75rem}}@media (max-width: 420px){.share-options{grid-template-columns:1fr}}.modal-actions button{flex:1;padding:.75rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}@media (max-width: 768px){.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.save-btn{background:var(--primary-gradient);border:none;color:#fff;box-shadow:var(--shadow-md)}.save-btn:hover{box-shadow:var(--shadow-lg),var(--shadow-primary);transform:translateY(-2px)}.save-btn:active{transform:translateY(0)}.share-options{display:flex;gap:.5rem;flex-wrap:wrap}.share-option{background:#f8f9fa;color:#666;border:1px solid #ddd;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s;flex:1;min-width:120px}.share-option:hover{background:#e9ecef}.share-option.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.friend-selector{border:1px solid #ddd;border-radius:.5rem;max-height:200px;overflow-y:auto}.no-friends-message{padding:1.5rem;text-align:center;color:#666;background:#f8f9fa}.no-friends-message p{margin:.5rem 0}.friends-list{padding:.5rem}.friend-item{display:flex;align-items:center;padding:.75rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s;margin-bottom:.25rem}.friend-item:hover{background:#f8f9fa}.friend-item.selected{background:#e8f5e9;border:1px solid #4caf50}.friend-checkbox{width:20px;height:20px;border:2px solid #ddd;border-radius:.25rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:.875rem;color:#4caf50;font-weight:700}.friend-item.selected .friend-checkbox{background:#4caf50;border-color:#4caf50;color:#fff}.friend-info{flex:1}.friend-name{font-weight:600;color:#333;margin-bottom:.25rem}.friend-email{font-size:.875rem;color:#666}.group-selector{border:1px solid #ddd;border-radius:.5rem;max-height:200px;overflow-y:auto}.no-groups-message{padding:1.5rem;text-align:center;color:#666;background:#f8f9fa}.no-groups-message p{margin:.5rem 0}.groups-list{padding:.5rem}.group-item{display:flex;align-items:center;padding:.75rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s;margin-bottom:.25rem}.group-item:hover{background:#f8f9fa}.group-item.selected{background:#e3f2fd;border:1px solid #2196f3}.group-checkbox{width:20px;height:20px;border:2px solid #ddd;border-radius:.25rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:.875rem;color:#2196f3;font-weight:700}.group-item.selected .group-checkbox{background:#2196f3;border-color:#2196f3;color:#fff}.group-info{flex:1}.group-name{font-weight:600;color:#333;margin-bottom:.25rem}.group-meta{font-size:.875rem;color:#666}.discover-container{padding:2rem;max-width:1400px;margin:0 auto}.discover-welcome-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.discover-welcome-content{display:flex;flex-direction:column;gap:.5rem}.discover-welcome-header{display:flex;align-items:center;gap:1rem}.discover-welcome-icon{font-size:2rem;filter:grayscale(.3)}.discover-welcome-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.discover-welcome-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;padding-left:3rem}.discover-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2rem;gap:2rem}.discover-header-left{flex:1}.discover-header-filters{display:flex;gap:1rem;align-items:center;flex-shrink:0}.filter-dropdown-wrapper{position:relative}.filter-dropdown{padding:.625rem 2.5rem .625rem 1rem;border:1px solid #e0e0e0;border-radius:.5rem;font-size:.9375rem;background:#fff;color:#333;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:160px}.filter-dropdown:hover{border-color:#667eea}.filter-dropdown:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-filters-btn{padding:.75rem 1.5rem;background:#f44336;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.clear-filters-btn:hover{background:#d32f2f}.discover-results{margin-top:2rem}.results-header h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.results-count{color:#667eea;font-weight:400}.no-results{text-align:center;padding:3rem;background:#f9f9f9;border-radius:.75rem}.no-results p{color:#666;font-size:1.125rem;margin-bottom:1rem}.recommendations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.recommendation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.recommendation-card .movie-rating{position:absolute;top:1rem;left:1rem;z-index:2;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.375rem .75rem;border-radius:1rem;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d;width:auto;max-width:fit-content}.recommendation-card .movie-rating .star{font-size:.875rem}.recommendation-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1;min-height:200px}.recommendation-category-badge{margin-bottom:.75rem}.category-tag{display:inline-block;padding:.375rem .875rem;border-radius:1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-movie{background:#e3f2fd;color:#1976d2}.category-series{background:#e1f5fe;color:#0277bd}.category-book{background:#fff3e0;color:#e65100}.category-podcast{background:#f3e5f5;color:#7b1fa2}.category-music{background:#fce4ec;color:#c2185b}.category-place{background:#fff3e0;color:#ef6c00}.recommendation-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.recommendation-type-badge{display:inline-block;padding:.375rem .875rem;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.recommendation-card .image-badge .recommendation-type-badge{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)}.recommendation-date{font-size:.875rem;color:#999}.recommendation-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;flex:1}.recommendation-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.recommendation-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:0;border-top:none;font-size:.875rem}.added-by{color:#666}.added-by strong{color:#333}.likes-count{color:#e91e63;font-weight:600}@media (max-width: 1200px){.recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.discover-container{padding:1rem}.discover-welcome-section{padding:1.5rem}.discover-welcome-header{gap:.5rem}.discover-welcome-icon,.discover-welcome-title{font-size:1.5rem}.discover-welcome-subtitle{font-size:.875rem;padding-left:0}.discover-header{flex-direction:column;gap:1.5rem;justify-content:flex-start}.discover-header-filters{width:100%;flex-direction:column;align-items:stretch}.filter-dropdown{width:100%;min-width:unset}.recommendations-grid{grid-template-columns:1fr;gap:1.5rem}.recommendation-card-image-wrapper{height:220px}.filter-dropdown{min-height:44px;font-size:1rem}}.type-detail{max-width:1000px}.back-btn{background:none;border:none;color:#667eea;font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1.5rem;font-weight:600}.back-btn:hover{color:#5568d3}.type-icon-large{font-size:4rem}.my-trboo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.my-trboo-header h2{font-size:2.5rem;color:#333;margin-bottom:.5rem}@media (max-width: 768px){.type-detail{padding-left:0}.my-trboo-header{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}.my-trboo-header h2{font-size:1.25rem;margin-bottom:0;flex:1}.my-trboo-header .subtitle{font-size:.75rem;display:none}.recommendations-list{gap:1rem}.recommendation-card{flex-direction:column;align-items:stretch}.recommendation-content{width:100%}}.my-trboo-header .subtitle{color:#666}.recommendations-list{display:flex;flex-direction:column;gap:1.5rem}.recommendation-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.recommendation-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.recommendation-card-image-wrapper{position:relative;width:100%;height:280px;overflow:hidden;background:var(--bg-tertiary)}.recommendation-card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.recommendation-card:hover .recommendation-card-image-wrapper img{transform:scale(1.05)}.recommendation-card .image-badge{position:absolute;top:1rem;right:1rem;z-index:2}.recommendation-card .image-badge .recommendation-type-badge{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700;box-shadow:0 2px 8px #00000026;text-transform:capitalize}.recommendation-poster{position:relative;flex-shrink:0;width:180px;height:240px;overflow:hidden;border-radius:.75rem}@media (max-width: 768px){.recommendation-card-image-wrapper{height:220px}.recommendation-header{flex-direction:column}.recommendation-actions{flex-wrap:wrap}.recommendation-actions button{min-height:44px}}.recommendation-poster img{width:100%;height:100%;object-fit:cover;border-radius:.75rem;box-shadow:0 4px 12px #00000026}.movie-rating{position:absolute;top:1rem;left:1rem;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.375rem .75rem;border-radius:1rem;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d;width:auto;max-width:fit-content}.movie-rating .star{font-size:.875rem}.movie-year{color:#666;font-size:.875rem;margin-bottom:.5rem;font-weight:500}.movie-overview{color:#666;line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:3}.recommendation-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.recommendation-title-with-icon{display:flex;align-items:center;gap:.75rem;flex:1}.recommendation-icon{width:32px;height:32px;border-radius:.375rem;object-fit:cover;flex-shrink:0}.recommendation-header h3,.recommendation-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;flex:1}.badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.badge-mine{background:#e8f5e9;color:#2e7d32}.badge-shared{background:#e3f2fd;color:#1565c0}.recommendation-description{color:#666;line-height:1.6;margin-bottom:.75rem}.recommendation-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-tertiary);text-decoration:underline;text-decoration-color:var(--text-tertiary);text-underline-offset:3px;font-size:.8125rem;margin-bottom:.75rem;padding:0;background:transparent;border-radius:0;transition:color .2s,text-decoration-color .2s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.recommendation-link:hover{background:transparent;color:var(--primary-color);text-decoration-color:var(--primary-color);opacity:1}.recommendation-link:visited{color:var(--text-tertiary);opacity:.6}.meta-separator{color:#ccc}.shared-by{color:#667eea;font-weight:500}.recommendation-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.like-dislike-container{display:flex;align-items:center}.dual-button{display:flex;border:1px solid #e0e0e0;border-radius:.5rem;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a}.like-side,.dislike-side{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;cursor:pointer;transition:all .2s;min-width:60px;justify-content:center;position:relative}@media (max-width: 768px){.recommendation-actions{gap:.75rem}.action-btn{min-height:44px;font-size:1rem}.share-btn,.public-share-btn,.edit-btn,.remove-library-btn{width:44px;height:44px;font-size:1.35rem;flex:0 0 auto}.dual-button{width:100%}.dual-button .icon{font-size:1rem}.dual-button .count{font-size:.875rem}.like-side,.dislike-side{padding:.5rem .875rem;min-width:72px}.comments-btn{min-height:44px;padding:.5rem 1rem;flex:0 0 auto}.add-library-btn{min-height:44px;width:44px;height:44px}}@media (max-width: 480px){.recommendation-header h3{font-size:1.25rem}.recommendation-link{font-size:.95rem;padding:.625rem 1rem}}.like-side{border-right:1px solid #e0e0e0}.like-side:hover{background:#fff5f5;color:#ff6b6b}.dislike-side:hover{background:#f5f5f5;color:#999}.like-side.active{background:#ff6b6b;color:#fff}.dislike-side.active{background:#999;color:#fff}.dual-button .icon{font-size:.875rem}.dual-button .count{font-size:.75rem;font-weight:600;min-width:16px;text-align:center}.action-btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.share-btn,.public-share-btn,.edit-btn,.add-library-btn{padding:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.share-btn{background:#667eea;color:#fff}.share-btn:hover{background:#5568d3}.public-share-btn{background:#4caf50;color:#fff}.public-share-btn:hover{background:#45a049}.edit-btn{background:#f0f0f0;color:#333}.edit-btn:hover{background:#e0e0e0}.delete-btn{background:#f44;color:#fff}.delete-btn:hover{background:#c00}.comments-btn{background:#f0f0f0;color:#333;display:flex;align-items:center;gap:.25rem}.comments-btn:hover{background:#e0e0e0}.add-library-btn{background:var(--success-color);color:#fff}.add-library-btn:hover:not(:disabled){background:#45a049}.add-library-btn:disabled{background:#ccc;color:#666}.remove-library-btn{background:#f44;color:#fff}.remove-library-btn:hover:not(:disabled){background:#c00}.share-modal{max-width:600px}.share-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e0e0e0}.share-tab{flex:1;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:#666;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s}.share-tab:hover{color:#667eea;background:#f5f5f5}.share-tab.active{color:#667eea;border-bottom-color:#667eea;background:#f9f9ff}.empty-friends{padding:3rem;text-align:center;color:#999}.friends-list-modal{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:.5rem;margin-bottom:1rem}.friend-select-item{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:background .2s}.friend-select-item:hover{background:#f5f5f5}.friend-select-item.selected{background:#eff6ff;border-left:3px solid #667eea}.friend-select-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.friend-select-info{flex:1}.friend-select-name{font-weight:600;color:#333;margin-bottom:.25rem}.friend-select-email{color:#666;font-size:.875rem}.friend-select-checkbox{width:24px;height:24px;border:2px solid #e0e0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#667eea;flex-shrink:0}.friend-select-item.selected .friend-select-checkbox{background:#667eea;border-color:#667eea;color:#fff}.empty-state{background:#fff;padding:3rem;border-radius:1rem;text-align:center;color:#999}.modal{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;color:#333}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-header p{color:#666;font-size:.875rem;margin-top:.5rem}.char-count{color:#999;font-size:.75rem;text-align:right;margin-top:.25rem}.modal-actions button{flex:1;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-actions .delete-btn{background:#f44;border:none;color:#fff;flex:0 0 auto;width:auto;padding:.75rem 1.5rem}.modal-actions .delete-btn:hover{background:#c00}.save-btn:hover{background:#5568d3}.view-toggle{display:flex;gap:.5rem;align-items:center}.toggle-btn{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:.5rem;background:#fff;color:#666;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn:hover{border-color:#667eea;color:#667eea}.toggle-btn.active{background:#667eea;border-color:#667eea;color:#fff}.map-container-wrapper{margin-top:1rem}.map-container{background:#f5f5f5;box-shadow:0 2px 10px #0000001a}.places-list-beneath-map{margin-top:2rem}.places-list-beneath-map h3{font-weight:600;color:#333}.share-link-container{padding:1rem 0}.recommendation-preview{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.recommendation-preview h3{margin:0 0 .5rem;color:#333;font-size:1.2rem}.recommendation-preview .recommendation-type{color:#666;font-size:.9rem;margin:0 0 .5rem;font-weight:500}.recommendation-preview .recommendation-description{color:#555;font-size:.9rem;margin:0;line-height:1.4}.share-link-box{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem}.share-link-box label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.link-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.share-link-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#f8f9fa}.copy-btn{background:#2196f3;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;white-space:nowrap}.copy-btn:hover{background:#1976d2}.share-link-description{color:#666;font-size:.85rem;margin:0;line-height:1.4}.inbox{max-width:800px}.inbox h2{font-size:2rem;color:#333;margin-bottom:.5rem}@media (max-width: 768px){.inbox{padding-left:0}.inbox h2{font-size:1.25rem;margin-bottom:.25rem;text-align:center;width:100%}.inbox .subtitle{font-size:.75rem;display:none}.pending-actions{flex-direction:column}.pending-actions button{width:100%}}.inbox .subtitle{color:#666;margin-bottom:2rem}.empty-state{background:#fff;padding:3rem;border-radius:1rem;text-align:center;color:#999;margin-top:3rem}.pending-list{display:flex;flex-direction:column;gap:1.5rem}.pending-item{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 10px #0000000d}.pending-card-tmdb{display:flex;align-items:flex-start;gap:1.5rem}.recommendation-poster{position:relative;flex-shrink:0;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 12px #00000026}.recommendation-poster img{width:100%;height:100%;object-fit:cover;display:block}.movie-rating{position:absolute;top:8px;right:8px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.375rem .5rem;border-radius:1rem;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;color:#333;box-shadow:0 2px 8px #0003}.movie-overview{color:#666;line-height:1.6;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:3}.pending-metadata{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem}@media (max-width: 768px){.pending-card-tmdb{flex-direction:column;gap:1rem}.recommendation-poster{width:100%!important;max-width:200px;margin:0 auto}}.pending-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.pending-header h3{font-size:1.25rem;color:#333;margin-bottom:.25rem}.pending-meta{font-size:.875rem;color:#666}.pending-type{background:#f0f0f0;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;color:#666;text-transform:capitalize}.pending-description{color:#555;line-height:1.6;margin-bottom:1rem}.pending-actions{display:flex;gap:1rem}.accept-btn,.reject-btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.accept-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.accept-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.reject-btn{background:#f5f5f5;color:#666}.reject-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.inbox-quick-actions{display:flex;gap:1rem;margin-top:2rem}.quick-action-btn{flex:1;padding:1rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none}@media (max-width: 768px){.accept-btn,.reject-btn,.quick-action-btn,.empty-state-actions .action-btn-primary,.empty-state-actions .action-btn-secondary{min-height:44px;width:100%;font-size:1rem}}@media (max-width: 480px){.pending-header h3{font-size:1.1rem}}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.quick-action-btn.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.quick-action-btn.secondary:hover{background:#f0f4ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.empty-state-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.empty-state-actions .action-btn-primary,.empty-state-actions .action-btn-secondary{padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.empty-state-actions .action-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.empty-state-actions .action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.empty-state-actions .action-btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.empty-state-actions .action-btn-secondary:hover{background:#f0f4ff;transform:translateY(-2px)}.recommendation-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-tertiary);text-decoration:underline;text-decoration-color:var(--text-tertiary);text-underline-offset:3px;font-size:.8125rem;font-weight:400;padding:0;background:transparent;transition:color .2s,text-decoration-color .2s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.recommendation-link:hover{color:var(--primary-color);text-decoration-color:var(--primary-color);opacity:1}.recommendation-meta{color:var(--text-tertiary);font-size:.875rem;display:flex;align-items:center;gap:.5rem;padding-top:0;border-top:none}@media (max-width: 768px){.empty-state{padding:1.5rem;margin-top:1.5rem}.empty-state-actions{flex-direction:column;align-items:stretch;max-width:360px;margin-left:auto;margin-right:auto}.empty-state-actions .action-btn-primary,.empty-state-actions .action-btn-secondary{width:100%;display:block;padding:.875rem 1rem}}.friends{max-width:1200px}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.friends-header h2{font-size:2rem;color:#333}@media (max-width: 768px){.friends{padding-left:0}.friends-header{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.friends-header h2{font-size:1.25rem;margin-bottom:0;flex:0 1 auto;width:100%;text-align:center}.header-actions{width:100%;order:2;margin-top:.5rem}.header-actions button{flex:1}}.header-actions{display:flex;gap:1rem}.new-list-btn,.add-friend-btn{padding:.5rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid #e0e0e0}.new-list-btn{background:#fff;color:#333}.new-list-btn:hover{background:#f5f5f5}.add-friend-btn{background:#667eea;color:#fff;border:none}.add-friend-btn:hover{background:#5568d3}.friends-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab{padding:.5rem 1.5rem;border:none;background:#fff;color:#666;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.tab.active{background:#667eea;color:#fff}.search-section{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:.5rem;font-size:1rem}.search-input:focus{outline:none;border-color:#667eea}.friends-list{display:flex;flex-direction:column;gap:0}.friend-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e0e0e0}.friend-item:last-child{border-bottom:none}.friend-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.friend-details{flex:1;min-width:0}.friend-name{color:#333;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-stats{color:#666;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{margin-left:auto;display:flex;gap:.5rem;align-items:center}.empty-state{padding:3rem;text-align:center;color:#999}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:90%}.modal h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.add-method-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:#f5f5f5;border-radius:.5rem}.method-tab{flex:1;padding:.75rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s;color:#666}.method-tab.active{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:.5rem;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.empty-users{padding:2rem;text-align:center;color:#999;background:#f9f9f9;border-radius:.5rem;border:1px dashed #e0e0e0}.user-select{cursor:pointer}.modal-actions{display:flex;gap:1rem}.modal-actions button{flex:1;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer}.cancel-btn{background:#fff;border:1px solid #e0e0e0;color:#666}.cancel-btn:hover{background:#f5f5f5}.save-btn{background:#667eea;border:none;color:#fff}.save-btn:hover:not(:disabled){background:#5568d3}.save-btn:disabled{opacity:.5;cursor:not-allowed}.lists-section{margin-bottom:2rem}.lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}@media (max-width: 768px){.lists-grid{grid-template-columns:1fr}}@media (max-width: 768px){.header-actions button,.new-list-btn,.add-friend-btn,.tab{min-height:44px;width:100%;font-size:1rem}.friends-tabs{flex-wrap:wrap}.friend-item{padding:1rem .75rem;align-items:flex-start}.friend-actions{width:100%;margin-left:0;margin-top:.5rem;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.friend-actions button{flex:1 1 auto;min-height:44px}}@media (max-width: 480px){.tab{font-size:.95rem;padding:.625rem 1rem}}.list-card{background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s}.list-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.list-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.list-card-header h3{font-size:1.25rem;color:#333;font-weight:600}.list-friends-count{font-size:.875rem;color:#667eea;font-weight:600}.list-description{color:#666;font-size:.875rem;margin-top:.5rem}.list-detail-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;padding:0}.modal-content-scrollable{overflow-y:auto;flex:1}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:1px solid #e0e0e0;flex-shrink:0;background:#fff}.modal-header h2{font-size:1.5rem;color:#333;margin-bottom:.25rem}.modal-header p{color:#666;font-size:.875rem}.close-btn{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.close-btn:hover{background:#f5f5f5;color:#333}.list-friends-section{margin-bottom:2rem;padding:0 2rem}.list-friends-section:first-of-type{padding-top:2rem}.list-add-friends-section{padding:0 2rem 2rem}.list-friends-section h3,.list-add-friends-section h3{font-size:1rem;color:#333;margin-bottom:1rem;font-weight:600}.list-friends-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#f9f9f9;border-radius:.5rem;border:1px solid #e0e0e0}.list-friend-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e0e0e0;transition:all .2s}.list-friend-item:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.friend-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.list-friend-name{flex:1;color:#333;font-weight:500;font-size:.9375rem}.remove-from-list-btn,.add-to-list-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;flex-shrink:0}.remove-from-list-btn{background:#fee;color:#c33}.remove-from-list-btn:hover{background:#fdd}.add-to-list-btn{background:#667eea;color:#fff}.add-to-list-btn:hover{background:#5568d3}.list-available-friends{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#f9f9f9;border-radius:.5rem;border:1px solid #e0e0e0}.empty-friends{padding:2rem;text-align:center;color:#999;background:#f9f9f9;border-radius:.5rem;border:1px dashed #e0e0e0}.empty-friends p{margin:.25rem 0}.list-create-modal{max-width:600px;max-height:80vh;overflow-y:auto}.friend-selection-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#f9f9f9;border-radius:.5rem;border:1px solid #e0e0e0}.friend-checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s}.friend-checkbox-label:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.friend-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.friend-checkbox-name{flex:1;color:#333;font-weight:500;font-size:.9375rem}.list-friends-preview{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.list-preview-friend{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.list-more-friends{font-size:.875rem;color:#999;font-style:italic}.friend-avatar-tiny{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.friend-detail-modal{max-width:800px;width:90%}.friend-recommendations-filter{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.filter-btn{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:.5rem;background:#fff;color:#666;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.friend-recommendations-list{display:flex;flex-direction:column;gap:1rem}.friend-recommendation-item{background:#f8f9fa;border-radius:.75rem;padding:1rem;border:1px solid #e0e0e0;transition:all .2s}.friend-recommendation-item:hover{background:#f0f4ff;border-color:#667eea}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rec-type-badge{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.rec-date{color:#666;font-size:.75rem}.friend-recommendation-item h4{margin:0 0 .5rem;color:#333;font-size:1.1rem}.rec-description{color:#666;line-height:1.5;margin-bottom:.75rem}.rec-link{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-size:.875rem;margin-bottom:.75rem}.rec-link:hover{color:#5568d3}.rec-metadata{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem}.metadata-item{font-size:.8rem;color:#666;background:#fff;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e0e0e0}.profile{max-width:600px}.profile h2{font-size:2rem;color:#333;margin-bottom:.5rem}@media (max-width: 768px){.profile{padding-left:0}.profile h2{font-size:1.25rem;margin-bottom:.25rem;text-align:center;width:100%}.profile .subtitle{font-size:.75rem;display:none}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-actions{flex-direction:column}.profile-actions button{width:100%}.categories-grid{grid-template-columns:repeat(2,1fr)}}.profile .subtitle{color:#666;margin-bottom:2rem}.profile-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 2px 10px #0000000d}.profile-header{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #e0e0e0}.profile-avatar-container{position:relative}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:2.5rem}.profile-avatar-image{width:100px;height:100px;border-radius:50%;object-fit:cover}.change-picture-btn{position:absolute;bottom:0;right:0;background:#667eea;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;font-size:1.25rem}.profile-info{flex:1}.profile-bio{color:#666;margin-top:.5rem;font-style:italic}.profile-header h3{color:#333;font-size:1.5rem;margin-bottom:.25rem}.profile-header p{color:#666}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.875rem}.profile-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .2s;font-family:inherit}.profile-input:focus{outline:none;border-color:#667eea}.helper-text{color:#999;font-size:.75rem;margin-top:.5rem}.picture-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:.5rem}.picture-preview-img{width:100px;height:100px;object-fit:cover;border-radius:50%}.remove-picture-btn{padding:.5rem 1rem;background:#f44;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:600}.remove-picture-btn:hover{background:#c00}.profile-input:disabled{background:#f5f5f5;cursor:not-allowed}.profile-actions{display:flex;gap:1rem}.edit-button,.save-button,.cancel-button{padding:.75rem 2rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.edit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.cancel-button{background:#f5f5f5;color:#666}.cancel-button:hover{background:#e0e0e0}.profile-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.logout-button{width:100%;padding:.75rem;background:#f44;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.logout-button:hover{background:#c00}.categories-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.categories-section h3{font-size:1.25rem;color:#333;margin-bottom:.5rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem}.category-toggle{cursor:pointer}.category-toggle input{display:none}.category-card{border:2px solid #e0e0e0;border-radius:.75rem;padding:1rem;text-align:center;transition:all .2s;background:#fff}.category-card.disabled{opacity:.5;background:#f5f5f5}.category-card.enabled{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215)}.category-toggle input:checked+.category-card{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215)}.category-icon{font-size:2rem;display:block;margin-bottom:.5rem}.category-label{font-size:.875rem;color:#333;font-weight:600}.dashboard{display:flex;height:100vh;width:100%;background:var(--bg-secondary)}.dashboard-main{flex:1;padding:var(--spacing-xl);overflow-y:auto;background:var(--bg-secondary);background-image:radial-gradient(at 0% 0%,rgba(102,126,234,.03) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(118,75,162,.03) 0px,transparent 50%)}@media (max-width: 768px){.dashboard-main{padding:var(--spacing-md);padding-top:.5rem}}@media (min-width: 769px){.dashboard-main{padding-top:var(--spacing-xl)}}.shared-recommendation-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shared-recommendation-header{text-align:center;margin-bottom:3rem}.trboo-logo h1{color:#fff;font-size:3rem;margin:0;font-weight:700}.trboo-logo p{color:#fffc;font-size:1.2rem;margin:.5rem 0 0}.shared-recommendation-content{max-width:800px;margin:0 auto}.recommendation-card-shared{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 40px #0000001a;display:flex;gap:2rem}.recommendation-poster{flex-shrink:0;position:relative}.recommendation-poster img{width:200px;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 16px #0003}.movie-rating{position:absolute;top:12px;right:12px;background:#000c;color:#fff;padding:6px 10px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px}.recommendation-content{flex:1}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.recommendation-title-with-icon{display:flex;align-items:center;gap:1rem}.type-icon-large{font-size:2rem}.recommendation-title-with-icon h2{margin:0;font-size:2rem;color:#333;font-weight:700}.recommendation-badge{flex-shrink:0}.badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.badge-shared{background:#e3f2fd;color:#1976d2}.recommendation-type-badge{display:inline-block;background:#f5f5f5;color:#666;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;margin-bottom:1rem}.movie-year{color:#666;font-size:14px;margin-bottom:1rem;font-weight:500}.recommendation-description{color:#555;line-height:1.6;margin-bottom:1.5rem;font-size:16px}.movie-overview{font-style:italic}.recommendation-link{display:inline-block;color:#1976d2;text-decoration:none;font-weight:500;margin-right:1rem;margin-bottom:.5rem}.recommendation-link:hover{text-decoration:underline}.cta-section{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 20px 40px #0000001a}.cta-section h3{color:#333;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.cta-section p{color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:2rem}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.benefits{text-align:left;max-width:400px;margin:0 auto}.benefits h4{color:#333;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.benefits ul{list-style:none;padding:0;margin:0}.benefits li{color:#666;margin-bottom:.5rem;font-size:1rem;line-height:1.5}.loading-spinner{text-align:center;color:#fff}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{background:#fff;border-radius:16px;padding:3rem;text-align:center;max-width:500px;margin:0 auto;box-shadow:0 20px 40px #0000001a}.error-state h2{color:#e74c3c;margin-bottom:1rem}.error-state p{color:#666;margin-bottom:2rem;line-height:1.6}.home-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.home-btn:hover{background:#5a6fd8}@media (max-width: 768px){.shared-recommendation-container{padding:1rem}.trboo-logo h1{font-size:2rem}.recommendation-card-shared{flex-direction:column;padding:1.5rem}.recommendation-poster img{width:150px;height:225px;margin:0 auto;display:block}.recommendation-title-with-icon h2{font-size:1.5rem}.recommendation-header{flex-direction:column;align-items:flex-start;gap:1rem}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5568d3;--primary-light: #f0f4ff;--secondary-color: #764ba2;--accent-color: #ff6b6b;--success-color: #4caf50;--warning-color: #ffc107;--error-color: #ff4444;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #999;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f5f5f5;--border-color: #e0e0e0;--border-light: #f0f0f0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-primary: 0 4px 16px rgba(102, 126, 234, .24);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,.1)}button{touch-action:manipulation;font-family:inherit}#root{width:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}p{color:var(--text-secondary)}html{scroll-behavior:smooth}@media (max-width: 768px){body{font-size:16px;line-height:1.5}button,.btn,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:44px;padding:.875rem 1rem;font-size:1rem;border-radius:var(--radius-md)}input,select,textarea{min-height:44px;font-size:1rem}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}@media (max-width: 480px){body{font-size:15px}button,.btn,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:48px;padding:1rem 1.125rem}}