@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Knewave&display=swap";:root{--background-primary: #121212;--background-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-color: #1db954;--error-color: #ff4444}body{background-color:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:var(--text-primary);text-decoration:none}button{background-color:var(--accent-color);color:var(--text-primary);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700}button:hover{opacity:.9}:root{--background-primary: #121212;--background-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-color: #1db954;--border-color: #282828;--error-color: #ff4444;--success-color: #1db954;--warning-color: #ffbb33;--info-color: #33b5e5}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-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-color:var(--background-primary);color:var(--text-primary);line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-bottom:70px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}a{color:var(--accent-color);text-decoration:none}button{font-family:Inter,sans-serif}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .2s ease-in}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary)}.error{color:var(--error-color);text-align:center;padding:20px}@media (max-width: 768px){.container{padding:0 16px}}.navbar{position:fixed;bottom:0;left:0;right:0;background-color:#000000f2;z-index:1000;box-shadow:0 -2px 10px #0003}.main-content{padding-bottom:70px}.nav-links{display:flex;justify-content:space-around;align-items:center;padding:12px}.nav-link{display:flex;flex-direction:column;align-items:center;color:#ffffffb3;text-decoration:none}.nav-link i{font-size:24px;margin-bottom:4px}.nav-link span{font-size:12px}.nav-link.active{color:#fff}.popular-container{max-width:1200px;margin:0 auto;padding:16px}.shows-list{display:flex;flex-direction:column;gap:8px}.show-row{height:180px;display:flex;align-items:center;gap:16px}.show-card{display:flex;width:100%;height:100%;background:var(--background-secondary);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease;animation:fadeIn .3s ease-in-out}.show-card:hover{transform:translateY(-2px)}.show-poster-container{min-width:115px;width:115px;flex-shrink:0;position:relative}.show-poster{width:100%;height:100%;object-fit:cover}.show-info{padding:12px 0 12px 12px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;position:relative}.popular-show-metadata{display:flex;align-items:flex-start;gap:12px;font-size:.8rem}.streaming-services{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.streaming-service{font-size:.7rem;color:var(--text-secondary);background:var(--background-tertiary);padding:2px 8px;border-radius:4px;border:1px solid rgb(255,255,255)}.show-actions{display:flex;flex-direction:column;padding:6px;gap:8px;justify-content:flex-end;flex:0 0 auto}.action-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.action-button:disabled{opacity:.5;cursor:not-allowed;background:none!important;color:var(--text-secondary)!important}.action-button:disabled:hover{background:none;color:var(--text-secondary)}.action-button.active{background:none;color:var(--text-secondary)}@media (max-width: 768px){.show-poster-container{width:80px}.show-title{font-size:.8rem}.popularshow-metadata,.show-year,.rating-count{font-size:.75rem}}.strawberries-row{display:inline-flex;align-items:center;gap:1px}.strawberry-wrapper{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.popular-container h2,.friends-container h2,.lists-container h2{margin-bottom:24px}.status-message{font-size:.7rem;color:var(--text-secondary);padding:4px 0;background:var(--background-tertiary);border-radius:4px;text-align:left;margin-top:auto;font-style:normal}.show-info .status-message{font-style:normal!important}.popular-container h1{font-family:Knewave,serif;font-size:2rem;font-weight:500;color:var(--text-primary)}.index-badge{position:absolute;top:0;left:0;background-color:red;color:#fff;padding:4px 8px;border-radius:0 0 4px;font-weight:700;font-style:italic;font-size:.9rem;z-index:1}.save-button:hover,.rating-button:hover,.share-button:hover{background:#ffffff1a;color:var(--text-secondary)}.add-streaming-button{background:none;color:#cdcdcd;font-size:.7rem;font-weight:400;border:1px solid white;border-radius:4px;cursor:pointer;padding:4px 8px;display:flex;align-items:center;gap:4px}.add-streaming-button i{font-size:.6rem}.show-card-skeleton{background:var(--background-color);border-radius:8px;padding:16px;margin-bottom:16px;animation:pulse 1.5s infinite}.show-number-skeleton{width:24px;height:24px;background:#eee;border-radius:50%;margin-right:16px}.poster-skeleton{width:120px;height:180px;background:#eee;border-radius:4px}.title-skeleton{height:24px;width:200px;background:#eee;border-radius:4px;margin-bottom:8px}.rating-skeleton{display:flex;align-items:center;margin-bottom:8px}.strawberry-skeleton{width:24px;height:24px;background:#eee;border-radius:50%;margin-right:8px}.rating-text-skeleton{width:60px;height:16px;background:#eee;border-radius:4px}.source-skeleton{width:40px;height:40px;background:#eee;border-radius:4px}.show-actions-skeleton{display:flex;gap:8px;margin-top:16px}.action-button-skeleton{width:80px;height:32px;background:#eee;border-radius:4px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tab-container{display:flex;gap:1rem;margin:1rem 0 2rem;padding:0 1rem}.tab-button{border:1px solid var(--border-color);border-radius:20px;background:transparent!important;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-left:0;font-size:.8rem;padding:8px 10px;display:inline-block}.popular-page-filters{display:flex;justify-content:flex-start;margin:8px 0;position:relative}.search-filter-select{padding:8px 8px 8px 12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-color);color:var(--text-color);font-size:.9rem;cursor:pointer;min-width:80px}.filter-buttons{display:flex;gap:8px}.icon-filter-button{background:none;border:none;color:var(--text-secondary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.icon-filter-button:hover{color:#fffc}.icon-filter-button.active{color:#fff;background:none;border:none}.icon-filter-button i{font-size:16px}.popular-status-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.popular-status-menu{position:fixed;background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0003;z-index:101;min-width:200px;max-width:calc(100vw - 32px);overflow:hidden}.status-option i{width:16px;text-align:center}@media (max-width: 768px){.popular-status-menu{width:200px}}.users-scroll-container{margin:0;padding:0}.users-row{display:flex;overflow-x:auto;gap:8px;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.users-row::-webkit-scrollbar{display:none}.user-avatar-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;min-width:48px}.user-name{margin-top:4px;font-size:.7rem!important;-webkit-text-size-adjust:none;text-size-adjust:none;transform:scale(1);transform-origin:center top;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.user-skeleton{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.no-users-message{color:var(--text-secondary);font-size:8px;padding:8px 0}.user-avatar-link.skeleton{display:flex;flex-direction:column;align-items:center;gap:8px}.user-name-skeleton{width:60px;height:14px;border-radius:4px;background:#eee;animation:pulse 1.5s infinite}.friend-profile__filter-button:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:12px;font-size:14px}.loading-more{display:flex;justify-content:center;padding:16px 0;width:100%}.loading-more-trigger{display:flex;justify-content:center;align-items:center;padding:20px 0;width:100%;height:60px;margin-top:8px}.skeleton-button{opacity:.7;background-color:var(--background-tertiary)!important;color:transparent!important;position:relative;overflow:hidden;animation:pulse 1.5s infinite}.skeleton-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.8s infinite}.loading-placeholder{color:transparent;background-color:var(--background-quaternary);border-radius:4px;width:100%;display:block}.skeleton-filter-button{background-color:var(--surface-2, #292929)!important;color:#ffffff4d!important;position:relative;overflow:hidden;animation:pulse 1.5s infinite}.skeleton-filter-button:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:12px;font-size:14px;opacity:.5}.skeleton-filter-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.8s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.spinner{width:50px;height:50px;border:3px solid var(--background-secondary);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rating-display{display:flex;flex-direction:column;gap:2px;cursor:pointer;background:transparent}.rating-group{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.rating-icon{width:32px;height:32px;object-fit:contain;color:#fff;font-size:24px}.rating-value{font-size:1.3rem;font-weight:500;color:#fff}.votes-count{font-size:.7rem;color:#ffffffb3;align-self:start}.info-column{display:grid;gap:2px}.rating-scale{font-size:60%}.strawberry-icon{width:24px;height:24px;object-fit:contain}.action-buttons-skeleton{display:flex;gap:8px}.button-skeleton{width:40px;height:40px;background:#eee;border-radius:8px;animation:pulse 1.5s infinite}.status-button{position:relative}.status-button.active{background-color:var(--primary-color);color:#fff}.status-button:hover{background-color:var(--primary-color-light)}.status-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.status-menu{position:absolute;background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0003;z-index:101;min-width:160px;overflow:hidden}.show-card-no-ratings{color:var(--text-secondary);font-size:.7em;font-style:italic;display:inline-block;position:relative;z-index:2;font-size:.7rem;opacity:.7}.rating-section{position:relative;z-index:1}.rating-overview,.show-card .rating-section .rating-overview{position:relative;z-index:1;color:inherit;font-size:inherit}.show-card .rating-section .rating-overview .show-card-no-ratings{color:var(--text-secondary);font-size:.8rem;display:inline-block;position:relative;z-index:2}.rating-stars{display:flex;align-items:center;justify-content:center;gap:2px}.rating-stars .strawberry-icon{width:20px;height:20px;object-fit:contain;transition:transform .2s ease}.friends-rating-stars{display:flex;align-items:center;justify-content:center;gap:2px;margin:0}.friends-rating-stars .strawberry-icon{width:20px;height:20px;object-fit:contain;transition:transform .2s ease;margin:0}.streaming-source-modal{position:relative;background:var(--background-primary);padding:24px;border-radius:8px;width:90%;max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.streaming-source-modal-content input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);color:var(--text-primary);margin-bottom:16px}.streaming-source-modal-content input.tag-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);color:var(--text-primary);margin-bottom:16px;font-size:16px}.streaming-source-modal h3{margin:0;font-size:1.2rem}.current-sources{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center;height:fit-content}.source-tag{background:var(--background-secondary);border:1px solid #ddd;border-radius:4px;padding:6px;margin:0;cursor:pointer;transition:background-color .2s;font-size:.8rem!important;font-weight:400}.remove-source{background:none;border:none;cursor:pointer;color:#ddd}.common-sources{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.common-source-button{background:#80808026;color:var(--text-secondary);padding:4px 12px;border-radius:16px;font-size:.7rem;border:1px solid var(--border-color)}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:5px;line-height:1}.close-button:hover{opacity:.8}.modal-footer{margin-top:20px;display:flex;justify-content:flex-end}.save-button{background:var(--primary-color, #007bff);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:1rem}.save-button:hover{opacity:.9}.streaming-source-modal-content{flex:1}.return-button:disabled{opacity:.5;cursor:not-allowed}.streaming-modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:0;color:#666}.streaming-source-remove-btn{background:none;border:none;color:#666;cursor:pointer;margin-left:8px;padding:0 4px}.streaming-source-return-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:0 8px;color:#666}.streaming-source-option-btn{background:var(--background-secondary);border:1px solid #ddd;border-radius:4px;padding:6px;margin:0;cursor:pointer;transition:background-color .2s;font-size:.8rem!important;font-weight:400}.streaming-source-option-btn:hover{background:#e0e0e0}.streaming-source-save-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 24px;cursor:pointer;font-weight:500}.streaming-source-save-btn:hover{background:#0056b3}.toast-container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;opacity:0;animation:fadeIn .15s ease-out forwards}.toast{background:#000c;color:#fff;padding:16px;width:180px;height:180px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #0003}.toast-message{font-size:14px;text-align:center}.toast-container.hiding{animation:fadeOut .15s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.page-container{padding:1rem;background-color:var(--background-primary);min-height:100vh}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.user-avatar-link.skeleton{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:64px}.user-avatar-skeleton{width:48px;height:48px;border-radius:50%;background:#eee;animation:pulse 1.5s infinite}.user-name-skeleton{width:40px;height:12px;border-radius:4px;background:#eee;animation:pulse 1.5s infinite}.title-skeleton{width:200px;height:32px;background:#eee;border-radius:4px;margin-bottom:1rem;animation:pulse 1.5s infinite}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;overflow:hidden;background:linear-gradient(45deg,#2d0000,#ff5e00,#680202,#2d0000);background-size:400% 400%;animation:gradientBg 5s ease infinite}.login-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px;margin-top:-10vh;position:relative;z-index:2}.logo{width:120px;height:auto;margin-bottom:4rem;position:relative;z-index:2}.login-buttons{width:100%;max-width:300px;position:relative;z-index:2}.google-button{background-color:#ffffffe6;color:#000;width:100%;height:48px;min-height:48px;max-height:48px;padding:0 20px;border:none;border-radius:24px;cursor:pointer;font-size:15px;font-weight:400;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;line-height:1}.google-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.google-button:disabled{opacity:.9;cursor:default}.google-button i{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.loading-text{margin:1rem 0 0;color:#fff;font-size:.9rem;position:relative;z-index:2}.spinner{margin-top:1rem;position:relative;z-index:2}.login-prompt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;z-index:1}@keyframes gradientBg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.login-content,.google-button{width:100%}}.google-button i,.google-button .spinner{width:20px!important;height:20px!important;min-height:20px!important;min-width:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important}.in-app-browser-warning{padding:20px;margin:20px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;text-align:center}.in-app-browser-warning h2{color:#856404;margin-bottom:15px}.in-app-browser-warning p{margin-bottom:15px;color:#666}.in-app-browser-warning code{display:block;padding:10px;background:#f8f9fa;border-radius:4px;margin:10px 0;word-break:break-all;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:background-color .2s ease}.modal-overlay.mounted{background:#000000b3}.ratings-modal{background:var(--background-primary);border-radius:12px;width:90%;max-width:500px;height:400px;display:flex;flex-direction:column;position:relative;opacity:0;transform:scale(.95);transition:all .2s ease}.modal-overlay.mounted .ratings-modal{opacity:1;transform:scale(1)}.ratings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;position:sticky;top:0;background:var(--background-primary);border-radius:12px 12px 0 0;z-index:1;border-bottom:1px solid var(--border-color);flex-shrink:0}.ratings-modal-header h2{margin:0;font-size:1.5rem}.close-button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;padding:8px}.sort-pills{display:flex;gap:8px;padding:12px 20px;position:sticky;top:60px;background:var(--background-primary);z-index:1;flex-shrink:0}.sort-pill{background:var(--background-secondary);border:none;padding:6px 12px;border-radius:20px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.8rem}.sort-pill.active{background:var(--primary-color);color:#fff}.ratings-list{flex:1;overflow-y:auto;padding:16px 24px;min-height:200px}.rating-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--background-secondary);border-radius:8px;margin-bottom:8px}.rating-item:last-child{margin-bottom:0}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-weight:400;font-size:.9rem}.no-ratings{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary)}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.user-avatar-container{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--background-tertiary)}.user-avatar-container i{color:var(--text-secondary)}.user-avatar,.user-initials,.user-avatar-container{aspect-ratio:1}.small{width:32px;height:32px}.small i{font-size:16px}.medium{width:50px;height:50px}.medium i{font-size:24px}.large{width:100px;height:100px}.large i{font-size:48px}.user-avatar{border-radius:50%;overflow:visible;background:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar .initials-fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;background:#e0e0e0;color:#666;font-weight:700}.user-avatar.small{width:32px;height:32px;font-size:12px}.user-avatar.medium{width:48px;height:48px;font-size:16px}.user-avatar.large{width:96px;height:96px;font-size:32px}.user-avatar.initials{display:flex;align-items:center;justify-content:center;background-color:#e0e0e0;color:#424242;font-weight:700}.user-avatar.initials.small{font-size:14px}.user-avatar.initials.medium{font-size:18px}.user-avatar.initials.large{font-size:36px}.activity-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #ff4757;background:transparent}.user-avatar.large .activity-indicator{width:16px;height:16px;border-width:3px}.user-avatar.small .activity-indicator{width:8px;height:8px;border-width:1.5px}.avatar-container{position:relative;display:inline-block;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.avatar-wrapper{position:relative;border-radius:50%;overflow:hidden;z-index:2;width:40px;height:40px}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.activity-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .2s ease;z-index:1}.activity-ring:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:3px solid #ff5f40;z-index:0}.has-activity .activity-ring{opacity:1}.avatar-small{width:36px;height:36px}.avatar-small .avatar-wrapper{width:32px;height:32px}.avatar-large{width:68px;height:68px}.avatar-large .avatar-wrapper{width:64px;height:64px}.avatar-large .activity-dot{width:14px;height:14px}.strawberry-icon{width:32px;height:32px;object-fit:contain}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rating-modal{background:var(--background-primary);padding:24px;border-radius:12px;min-width:300px;text-align:center}.rating-stars{display:flex;gap:8px;justify-content:center;margin:24px 0}.rating-star{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s}.rating-star:hover{transform:scale(1.1)}.rating-star svg{width:32px;height:32px;opacity:.3;transition:opacity .2s}.rating-star.active svg{opacity:1}.modal-actions{display:flex;gap:12px;justify-content:center}.cancel-button,.submit-button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500}.cancel-button{background:var(--background-secondary);color:var(--text-primary)}.submit-button{background:var(--accent-color);color:#fff}.submit-button:disabled{opacity:.5;cursor:not-allowed}.rating-star:disabled{cursor:not-allowed;opacity:.7}.strawberry-icon.submitting{opacity:.7}.modal-actions button:disabled{cursor:not-allowed;opacity:.7}.show-details-container{position:relative;min-height:100vh;color:var(--text-primary)}.backdrop-image{position:absolute;top:0;left:0;right:0;height:400px;background-size:cover;background-position:center;z-index:0}.backdrop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.4),var(--background-primary))}.show-details-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:12px}.show-details-info{margin-top:200px}.show-details-info h1{font-size:2.5rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:left}.metadata{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:.8rem}.action-buttons{display:flex;gap:8px;margin:16px 0}.action-button{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.plot{margin-top:24px;line-height:1.6;color:var(--text-secondary)}.show-meta{text-align:center}.show-meta h1{margin:0 0 12px;font-size:1.5rem;color:var(--text-primary)}.meta-info{display:flex;justify-content:center;gap:16px;color:var(--text-secondary);margin-bottom:16px}.ratings-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);width:100%;margin-bottom:16px}.average-rating{color:#fff;font-weight:500;font-size:.85rem}.rating-count{color:#ffffffb3;font-size:.75rem}.interactive-rating{display:flex;align-items:center;justify-content:center;gap:8px}.rating-stars{display:flex;gap:4px}.plot-section{text-align:left;line-height:1.6;color:var(--text-primary);width:100%;padding:0 16px}.streaming-section{width:100%;text-align:left;padding:0 16px}.streaming-sources{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}.source-name{color:var(--text-secondary);font-size:.9rem}.source-name:not(:last-child):after{content:"•";margin-left:12px;color:var(--text-secondary)}.comments-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:20px;background:var(--background-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.comments-toggle:hover{opacity:.9;transform:translateY(-2px)}.comments-section{width:100%;margin-top:24px}.comment-form{margin-bottom:24px}.comment-input{width:100%;min-height:100px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary);color:var(--text-primary);margin-bottom:12px;resize:vertical}.submit-comment{padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.comments-list{display:flex;flex-direction:column;gap:16px}.comment{background:var(--background-secondary);padding:16px;border-radius:8px}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{font-weight:500}.comment-date{color:var(--text-secondary);font-size:.9rem}.comment-text{margin:0;line-height:1.5}@media (max-width: 768px){.show-details-container{padding:16px}}.comments-drawer-toggle{position:fixed;right:20px;bottom:20px;width:50px;height:50px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:transform .2s ease}.comments-drawer-toggle:hover{transform:translateY(-2px)}.comments-drawer-toggle i{font-size:1.5rem}.comments-drawer{position:fixed;right:0;top:0;bottom:0;width:100%;max-width:400px;background:var(--background-primary);box-shadow:-2px 0 8px #0000001a;transform:translate(100%);transition:transform .3s ease;z-index:1000;padding:20px;overflow-y:auto}.comments-drawer.open{transform:translate(0)}.comments-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-drawer{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem}.imdb-container{display:flex;align-items:center;gap:4px}.imdb-badge{background-color:#f5c518;color:#000;padding:2px 4px;border-radius:4px;font-size:.8rem;font-weight:700}.imdb-score{color:var(--text-primary);font-weight:500}.show-title{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2;margin-bottom:.5rem;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.rating-button{display:flex;flex-direction:column;align-items:center;gap:2px}.action-label{font-size:8px;letter-spacing:.5px;margin-top:0}.save-button{display:flex;flex-direction:column;align-items:center;gap:2px}.save-button:hover,.rating-button:hover{background:#ffffff1a;color:var(--text-secondary)}.add-streaming-button{background:none;color:#cfcfcf;font-size:.7rem;border:1px solid white;border-radius:4px;cursor:pointer;padding:4px 8px;display:flex;align-items:center;gap:4px}.add-streaming-button i{font-size:.7rem}.show-metadata{margin-top:2rem}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.metadata-item{min-width:0}.metadata-item h3{margin-bottom:.5rem}.metadata-item p{margin:0;word-wrap:break-word}.skeleton{background:linear-gradient(90deg,var(--background-secondary) 0%,var(--background-primary) 50%,var(--background-secondary) 100%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-backdrop{position:absolute;top:0;left:0;right:0;height:400px;background:var(--background-secondary)}.skeleton-content{position:relative;z-index:1;max-width:800px;margin:200px auto 0;padding:12px}.skeleton-title{height:48px;width:70%;margin-bottom:16px}.skeleton-metadata{height:24px;width:40%;margin-bottom:24px}.skeleton-buttons{display:flex;gap:8px;margin:16px 0}.skeleton-button{width:40px;height:40px;border-radius:50%}.skeleton-plot{height:100px;margin:24px 0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.show-details-container .status-button-container{position:relative}.show-details-container .status-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.show-details-container .status-menu{position:absolute;top:100%;right:0;background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px #0003;z-index:101;min-width:160px;margin-top:4px;overflow:hidden}.status-option{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:none;color:var(--text-primary);cursor:pointer;transition:background-color .2s}.status-option i{width:16px}.details-status-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.details-status-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-secondary);border-radius:12px;box-shadow:0 4px 16px #0000004d;z-index:101;min-width:240px;overflow:hidden}.status-option{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border:none;background:none;color:var(--text-primary);cursor:pointer;transition:background-color .2s;font-size:1.1rem}.status-option:hover{background:var(--background-tertiary)}.status-option.active{background:var(--primary-color);color:#fff}.status-option i{width:20px;text-align:center;font-size:1.1rem}.search-page{max-width:1200px;margin:0 auto}.content-container{padding:16px}.search-form{display:flex;gap:8px;width:100%;max-width:600px;margin:0 auto}.search-input-container{flex:1;position:relative}.search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;background:var(--background-secondary);color:var(--text-primary);height:48px}.search-clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.search-button{padding:0 24px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-shows-container{display:flex;flex-direction:column;gap:24px;padding:0;margin-top:24px}.search-shows-list{display:flex;flex-direction:column;gap:16px}.search-show-row{display:flex;background:var(--background-secondary);border-radius:12px;overflow:hidden}.search-show-card{display:flex;flex-grow:1;text-decoration:none;color:inherit;width:100%;overflow:hidden}.search-show-poster-container{height:100%;width:85px;aspect-ratio:2/3}.search-show-poster{height:100%;width:100%;object-fit:cover}.search-show-info{padding:12px 0 12px 12px;flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden;text-align:left;align-items:flex-start}.search-show-title{margin:0;font-size:1rem;font-weight:500;text-align:left}.search-show-metadata{display:flex;align-items:center;text-align:left;font-size:.8rem}.search-show-actions{display:flex;flex-direction:column;padding:6px;gap:8px;justify-content:flex-end;flex:0 0 auto}.action-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease}.action-button:hover{background:#ffffff1a;color:var(--text-secondary)}.action-label{font-size:8px;letter-spacing:.5px;margin-top:-2px}.status-button:hover,.share-button:hover{background:#ffffff1a;color:var(--text-secondary)}.loading-trigger{padding:20px;text-align:center}.no-results{text-align:center;padding:40px;color:var(--text-secondary)}.search-recent{margin:24px 0}.search-recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.search-recent-title{margin:0;font-size:16px;color:#666}.search-recent-clear{background:none;border:none;color:#e91e63;cursor:pointer;font-size:14px}.search-recent-list{display:flex;flex-wrap:wrap;gap:8px}.search-recent-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border:none;border-radius:16px;cursor:pointer;font-size:14px;color:#333}.search-recent-item i{color:#666;font-size:12px}.show-type{color:var(--text-secondary);font-size:.9em;text-transform:capitalize;margin-left:0}.show-year{margin-left:0}.search-page-filters{display:flex;gap:8px;margin:20px 0;justify-content:center}.search-page-filters .filter-button{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-color);cursor:pointer;transition:all .2s ease}.search-page-filters .filter-button:hover{background:var(--background-hover)}.search-page-filters .filter-button.active{background:#007bff;color:#fff;border-color:#007bff}.search-page-filters .filter-button i{margin-right:6px}.search-filter-select{padding:8px 8px 8px 12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-color);color:var(--text-color);font-size:1rem;cursor:pointer;min-width:60px}.search-filter-select:focus{outline:none;border-color:var(--primary-color)}.watchlist-container{max-width:1200px;margin:0 auto;padding:16px}.watchlist-content{display:flex;flex-direction:column;gap:0px}.shows-container{display:flex;flex-direction:column;gap:16px;margin-top:12px}.lists-container{padding:20px;width:100%;max-width:1200px;margin:0 auto}.tabs{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.tab{background:none;border:none;padding:8px 16px;font-size:1.1rem;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s}.tab.active{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:var(--accent-color)}.shows-list{display:flex;flex-direction:column;gap:16px}.show-metadata{display:flex;align-items:center;gap:16px}.show-year,.metadata-separator,.show-seasons{display:inline-block}.rating-count{font-size:.9rem;color:var(--text-secondary)}.streaming-services{display:flex;flex-wrap:wrap;gap:8px}.streaming-service{font-size:.7rem;color:var(--text-secondary);background:var(--background-tertiary);padding:2px 6px;border-radius:4px;border:1px solid rgb(255,255,255)}.added-date{font-size:.7rem;color:var(--text-secondary);margin-top:auto}.show-actions{display:flex;flex-direction:column;padding:4px;gap:4px;flex-shrink:0;width:48px;justify-content:flex-end}.action-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;width:40px}.action-button:active{background:transparent;color:#fff}.action-button.active{color:#fff;border-radius:4px}.action-button i{font-size:.9rem}.action-button .action-label{font-size:.6rem;white-space:nowrap}.action-button:hover,.remove-button:hover,.seen-button:hover,.rating-button:hover,.share-button:hover{background:#ffffff1a;color:var(--text-secondary)}.empty-message{text-align:center;color:var(--text-secondary);padding:32px}.loading,.login-prompt{text-align:center;padding:32px;color:var(--text-secondary)}@media (max-width: 768px){.lists-container{padding:16px}}.rating-loading{font-size:.9em;color:var(--text-secondary);opacity:.7}// ... existing code ... .tags-container{height:32px;max-height:32px;min-height:32px;overflow:hidden;width:100%}.tags-section{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:4px;padding:4px 0;width:100%;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tags-section::-webkit-scrollbar{display:none}.tag-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:16px;background:var(--background-tertiary);color:var(--text-secondary);font-size:.7rem;border:1px solid rgba(255,255,255,.2);flex:0 0 auto;white-space:nowrap;height:24px;cursor:pointer}.tag-pill:hover{background:var(--background-secondary)}.add-tag-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--background-tertiary);border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);cursor:pointer;flex:0 0 auto}.tag-modal{width:90%!important;max-width:350px!important;margin:0 auto}.tag-modal .modal-content{padding:16px;width:100%}.existing-tags{margin-bottom:16px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--background-tertiary);border:1px solid rgba(255,255,255,.2);border-radius:16px;font-size:.8rem}.delete-tag-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.delete-tag-button:hover{color:var(--error-color)}.add-tag-pill{display:inline-flex;align-items:center;gap:4px;background:#ffc0cb1a;color:pink;border:1px dashed rgba(255,192,203,.3);cursor:pointer}.add-tag-pill i{font-size:.8rem}.add-tag-pill span{font-size:.7rem}.add-tag-pill:hover{background:#ffc0cb33}.tag-input{font-size:16px;width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;margin-bottom:16px}.confirm-modal{background:var(--background-secondary);padding:24px;border-radius:8px;max-width:300px;width:90%;text-align:center}.confirm-modal h3{margin:0 0 20px;font-size:1.1rem;color:var(--text-primary)}.confirm-buttons{display:flex;justify-content:center;gap:16px}.confirm-buttons button{padding:8px 24px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.cancel-button{background:var(--background-tertiary);color:var(--text-secondary)}.confirm-button{background:var(--error-color);color:#fff}.cancel-button:hover{background:#ffffff1a}.confirm-button:hover{opacity:.9}.metadata-separator{margin:0 8px;opacity:.6}.show-metadata{display:flex;align-items:flex-start;color:var(--text-secondary);font-size:.9rem}.show-seasons{color:var(--text-secondary)}.watchlist-show-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden}.watchlist-show-info>*{display:inline-flex;align-items:center}.watchlist-show-info .separator{margin:0 4px;opacity:.6}.loading-trigger{width:100%;height:50px;display:flex;justify-content:center;align-items:center;margin-top:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--background-primary);padding:24px;border-radius:8px;width:90%;max-width:400px;position:relative}.modal-content h3{margin:0 0 16px;font-size:1.2rem}.modal-content input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);color:var(--text-primary);margin-bottom:16px}.modal-content input.tag-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);color:var(--text-primary);margin-bottom:16px;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500}.modal-actions button[type=button]{background:var(--background-tertiary);color:var(--text-secondary)}.modal-actions button[type=submit]{background:var(--accent-color);color:#fff}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.existing-tags{margin-top:24px}.existing-tags h4{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.tags-list{display:flex;flex-wrap:wrap;gap:4px}.tag-pill{background:#80808026;color:var(--text-secondary);padding:4px 12px;border-radius:16px;font-size:.7rem;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{margin:0;font-size:1.2rem;font-weight:500}.close-button{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.input-wrapper{display:flex;gap:8px;margin-bottom:16px;align-items:center}.tag-input{flex:1}.return-button{background:var(--background-tertiary);border:none;color:var(--text-secondary);cursor:pointer;padding:8px 12px;border-radius:4px;display:flex;align-items:center;justify-content:center;min-width:40px}.return-button:hover{color:var(--text-primary)}.tag-item{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--background-tertiary);border:1px solid rgba(255,255,255,.2);border-radius:16px;font-size:.8rem}.friends-container{padding:24px;width:100%;max-width:1200px;margin:0}.friends-container h2{font-size:1.8rem;margin-bottom:24px;color:var(--text-primary)}.user-card{display:flex;align-items:center;justify-content:flex-start;background:var(--card-bg);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .2s ease;width:300px;flex:0 0 auto}.user-card-link{display:block;text-decoration:none;color:inherit;flex:1}.user-info-container{display:flex;align-items:center;gap:1rem}.user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-info{flex:1;font-size:.7rem}.user-name{font-weight:500;color:var(--text-primary)}.add-friend-btn,.remove-friend-btn{margin-left:1rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;background:var(--button-bg);color:var(--button-text)}.add-friend-btn:hover,.remove-friend-btn:hover{background:var(--button-hover-bg)}.pending-badge{font-size:.75rem;padding:8px;border-radius:12px;background:var(--background-secondary);display:flex;align-items:center;gap:4px}.pending-badge i{font-size:.7rem}.friend-badge{background:var(--background-primary);color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}.error{text-align:center;padding:40px;color:#ef4444;font-size:1.1rem}.no-users{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}.user-card,.add-friend-btn,.friend-badge{transition:all .3s ease}.user-card:hover .user-avatar{transform:scale(1.05);transition:transform .3s ease}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading{animation:pulse 1.5s infinite ease-in-out}@media (max-width: 768px){.friends-container{padding:24px}.friends-container h2{font-size:1.4rem;margin-bottom:16px}.user-card{padding:8px;gap:12px}.user-avatar{width:40px;height:40px}.add-friend-btn,.friend-badge{min-width:auto;padding:6px 12px;font-size:.8rem}}.friend-requests-section{margin-bottom:40px}.request-actions{display:flex;gap:8px;z-index:2}.accept-btn,.reject-btn{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;z-index:2}.accept-btn{background:var(--accent-color);color:#fff}.reject-btn{background:var(--error-color);color:#fff}.accept-btn:hover,.reject-btn:hover{opacity:.9;transform:translateY(-1px)}.user-info-container{flex:1;display:flex;align-items:center;gap:12px;cursor:pointer}.button-container{position:relative;z-index:2;margin-left:12px}.add-friend-btn{cursor:pointer;padding:8px 16px;border:none;border-radius:8px;background:var(--accent-color);color:#fff;display:flex;align-items:center;gap:8px;transition:all .2s ease}.add-friend-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.user-card *{pointer-events:auto}.remove-friend-btn{background:var(--error-color);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;z-index:2}.remove-friend-btn:hover{opacity:.9;transform:translateY(-1px)}.remove-friend-btn i{font-size:.9rem}.section-spacer{margin:2rem 0}.user-info .user-name{margin-bottom:4px;font-size:.8rem;font-weight:800}.user-info .user-email{color:#666;font-size:.9em}.add-friend-btn{position:relative;z-index:1;pointer-events:auto}.user-initials{width:50px;height:50px;border-radius:50%;background-color:#ff0004;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}@media (max-width: 768px){.user-avatar,.user-initials{width:40px;height:40px}.user-initials{font-size:1rem}}.current-user-section{margin-bottom:2rem;padding:1rem;background-color:var(--background-secondary);border-radius:8px}.current-user-card{display:flex;align-items:center;justify-content:space-between;padding:1rem}.sign-out-btn{padding:.5rem 1rem;background-color:var(--error-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.sign-out-btn:hover{background-color:var(--error-color-dark)}.tips-show-review{padding:16px;background:var(--background-secondary);border-radius:8px;margin-top:1rem;margin-bottom:8px}.tips-show-credits{margin-bottom:12px;font-size:.9rem}.tips-creators,.tips-actors{margin-bottom:8px;font-size:.9rem}.tips-label{font-weight:500;margin-right:.5rem;color:var(--text-secondary);font-size:.875rem}.tips-names{color:var(--text-secondary);font-size:.875rem}.tips-review-content{border-top:1px solid var(--border-color);padding-top:12px}.tips-review-text{line-height:1.6;margin:0 0 12px;color:var(--text-primary);font-size:.9rem}.tips-review-meta{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.9rem}.tips-reviewer{font-weight:500}.tips-show-item{margin-bottom:24px}.tips-release{margin-bottom:.5rem;line-height:1.4}.tips-release .tips-label{font-weight:500;margin-right:.5rem;font-size:.875rem}.tips-release .tips-names{color:var(--text-secondary);font-size:.875rem}.tips-show-date{margin-bottom:1rem}.profile-container{padding:60px 20px 20px;min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;background-color:var(--background-color)}.profile-header{text-align:center;margin-bottom:30px}.profile-image{width:100px;height:100px;border-radius:50%;margin-bottom:15px}.login-container{text-align:center;padding:20px;min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center}.login-buttons{width:100%;display:flex;flex-direction:column;gap:15px;margin-top:30px}.google-button,.apple-button{width:100%;padding:12px 20px;border:none;border-radius:24px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}.google-button{background-color:#fff;color:#000}.apple-button{background-color:#000;color:#fff}.google-button i,.apple-button i{font-size:20px}.logo{width:150px;height:auto;margin-bottom:30px}.logout-button{background-color:var(--error-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.logout-button:hover{background-color:var(--error-color-dark);opacity:.9}.logout-button i{font-size:14px}.login-message{font-size:.8rem;margin:20px;padding:10px}.logo-image{max-width:150px;margin:1rem 0}.profile-initials{width:100px;height:100px;border-radius:50%;background-color:#ff0004;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin-bottom:15px}.tips-container{padding:20px;max-width:1200px;margin:0 auto}.filter-buttons{margin-bottom:0;display:flex;gap:10px}.filter-button{padding:6px 12px;border:1px solid #ccc;border-radius:16px;background:transparent;cursor:pointer;transition:all .2s ease;font-size:14px;color:#fff}.filter-button:hover{background:#ffffff1a}.shows-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.error-message{color:#f44;padding:10px;margin:10px 0}.show-card-skeleton{background:var(--card-background-color, #2a2a2a);border-radius:12px;padding:16px;margin-bottom:16px;width:100%}.show-row-skeleton{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.review-skeleton{margin-top:16px;padding:16px;background:var(--card-background-color, #2a2a2a);border-radius:12px}.show-card-skeleton *,.review-skeleton *{animation:pulse 1.5s infinite}.filters-section{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.filter-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.filter-button{padding:6px 12px;border:1px solid #ccc;border-radius:16px;background:transparent;cursor:pointer;transition:all .2s ease;font-size:14px}.filter-button:hover{background:#f0f0f0}.filter-button.active{background:#007bff;color:#fff;border-color:#007bff}.streaming-buttons{margin-top:4px}.filters-section-skeleton{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.filter-buttons-skeleton{display:flex;gap:.5rem;overflow-x:auto;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none}.filter-buttons-skeleton::-webkit-scrollbar{display:none}.filter-button-skeleton{height:32px;min-width:80px;background:#404040;border-radius:16px;flex-shrink:0;animation:pulse 1.5s infinite}.filter-button-skeleton:nth-child(1){width:60px}.filter-button-skeleton:nth-child(2){width:90px}.filter-button-skeleton:nth-child(3){width:70px}.filter-button-skeleton:nth-child(4){width:85px}.filter-button-skeleton:nth-child(5){width:75px}.filter-button-skeleton:nth-child(6){width:80px}.filter-button.disabled{opacity:.5;cursor:not-allowed;position:relative}.filter-button .coming-soon-badge{font-size:.7em;position:absolute;top:-8px;right:-8px;background-color:#666;color:#fff;padding:2px 6px;border-radius:10px}.status-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:16px 0}.status-buttons .filter-button{min-width:auto;padding:6px 12px}.status-buttons .filter-button.active{background-color:#2c3e50;color:#fff}.tips-sources-wrapper{max-width:1200px;margin:0 auto}.tips-sources-wrapper h1{margin-bottom:2rem;text-align:left}.tips-sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.tips-source-card{background:#ffffff0d;border-radius:12px;padding:2rem;cursor:pointer;transition:transform .2s,background-color .2s;position:relative;overflow:hidden}.tips-source-card:hover:not(.disabled){transform:translateY(-4px);background:#ffffff14}.tips-source-card.disabled{opacity:.5;cursor:not-allowed}.tips-source-card h2{margin:0 0 1rem;font-size:1.5rem}.tips-source-card p{margin:0;color:#ffffffb3}.coming-soon-badge{position:absolute;top:1rem;right:1rem;background:#666;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem}.tips-header{display:flex;align-items:center;gap:1rem;padding:1rem 0;margin-bottom:.5rem}.back-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem;padding-left:0}.back-button:hover{opacity:.8}.tips-source-card-skeleton{background:#ffffff0d;border-radius:12px;padding:2rem;position:relative;overflow:hidden}.tips-source-card-skeleton .title-skeleton{height:24px;width:60%;background:#404040;border-radius:4px;margin-bottom:1rem;animation:pulse 1.5s infinite}.tips-source-card-skeleton .description-skeleton{height:16px;width:80%;background:#404040;border-radius:4px;margin-bottom:1rem;animation:pulse 1.5s infinite}.tips-source-card-skeleton .date-skeleton{height:14px;width:30%;background:#404040;border-radius:4px;animation:pulse 1.5s infinite}.source-date{display:block;font-size:.8rem;color:#ffffff80;margin-top:1rem}.no-sources-message{text-align:center;padding:2rem;color:#ffffffb3;grid-column:1 / -1}.streaming-buttons{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding-bottom:5px;margin-bottom:-5px}.streaming-buttons::-webkit-scrollbar{display:none}.filter-buttons.streaming-buttons{flex-wrap:nowrap;gap:8px;padding:2px 0;margin:0;width:100%;position:relative;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:scroll}.filter-buttons.streaming-buttons:after{content:"";position:absolute;right:0;top:0;height:100%;width:24px;background:linear-gradient(to right,transparent,var(--background-color, #121212));pointer-events:none}.filters-section{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;width:100%}.streaming-buttons{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding-bottom:5px;margin-bottom:-5px;justify-content:flex-start;width:100%}.filter-buttons.streaming-buttons .filter-button{flex-shrink:0;min-width:fit-content}.streaming-sources-skeleton{display:flex;gap:8px;margin-top:8px}.streaming-source-item{width:40px;height:20px;background:#eee;border-radius:4px;animation:pulse 1.5s infinite}.tips-show-item-skeleton{background:var(--card-background-color, #2a2a2a);border-radius:12px;overflow:hidden;margin-bottom:20px}.show-row-skeleton{display:flex;justify-content:space-between;padding:16px;gap:20px}.show-info-skeleton{display:flex;gap:16px;flex:1}.poster-skeleton{width:100px;height:150px;background:#404040;border-radius:8px;flex-shrink:0}.show-details-skeleton{flex:1;display:flex;flex-direction:column;gap:12px}.title-skeleton{height:28px;width:60%;background:#404040;border-radius:4px}.year-skeleton{height:20px;width:80px;background:#404040;border-radius:4px}.overview-skeleton{display:flex;flex-direction:column;gap:8px;margin-top:8px}.overview-skeleton .line{height:16px;background:#404040;border-radius:4px}.overview-skeleton .line:first-child{width:100%}.overview-skeleton .line:last-child{width:80%}.show-actions-skeleton{display:flex;gap:12px;align-items:flex-start}.action-button-skeleton{width:36px;height:36px;background:#404040;border-radius:50%}.review-skeleton{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.review-header-skeleton{display:flex;justify-content:space-between;margin-bottom:16px}.reviewer-skeleton{height:20px;width:120px;background:#404040;border-radius:4px}.date-skeleton{height:20px;width:100px;background:#404040;border-radius:4px}.review-content-skeleton .line{height:16px;background:#404040;border-radius:4px;margin-bottom:8px}.tips-show-item-skeleton *{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.tips-tab-container{display:flex;gap:6px;justify-content:flex-start;padding-left:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding-bottom:5px;margin-bottom:-5px;-webkit-overflow-scrolling:touch;width:100%}.tips-tab-container::-webkit-scrollbar{display:none}.tips-tab-button{padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;background:transparent!important;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-left:0;flex-shrink:0;min-width:fit-content}.tips-tab-button.active{background:#007bff!important;border-color:#007bff;color:#fff;font-weight:500}.tips-tab-button:hover{background:#007bffcc!important;color:#fff}.tips-empty-state{width:100%;padding:2rem;text-align:center;color:#666}.tips-empty-state p{margin:0;font-size:1rem}.tips-tab-container:after{content:"";position:absolute;right:0;top:0;height:100%;width:24px;background:linear-gradient(to right,transparent,var(--background-color, #121212));pointer-events:none}.friend-profile-container{padding:20px 20px 40px;max-width:1200px;margin:0 auto}.friend-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.friend-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover}.shows-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.friend-show-metadata{margin-top:0rem}.friend-header h2{margin:0;font-size:1.5rem;font-weight:500}.friend-rating-date{color:var(--text-secondary);font-size:.7rem;margin-top:auto;align-self:flex-end}.friend-avatar,.friend-initials{width:100px;height:100px;border-radius:50%;flex-shrink:0;aspect-ratio:1 / 1}.friend-initials{background-color:#ff0004;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}@media (max-width: 768px){.friend-avatar,.friend-initials{width:80px;height:80px}.friend-initials{font-size:2rem}}.show-info{display:flex;flex-direction:column;height:100%}.friend-header .user-avatar{width:50px!important;height:50px!important;border-radius:50%;overflow:hidden;flex-shrink:0}.friend-header .user-avatar img{width:100%;height:100%;object-fit:cover}.show-card{display:flex;flex-grow:1;text-decoration:none;color:inherit;width:100%;overflow:hidden}.show-poster-container{height:100%;width:115px;aspect-ratio:2/3}.show-poster{height:100%;width:100%;object-fit:cover}.show-info{padding:12px 0 12px 12px;flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.show-title{margin:0;font-size:1rem;font-weight:500}.watchlist-show-info{color:var(--text-secondary);font-size:.9rem}.rating-section{display:flex;align-items:center;gap:2px;padding:0;min-height:20px;line-height:1}.status-message{color:var(--text-secondary);font-size:.8rem}.show-row{display:flex;background:var(--background-secondary);border-radius:8px;overflow:hidden}.skeleton-avatar,.skeleton-title,.skeleton-tab{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{opacity:.6}to{opacity:1}}.skeleton-tabs{margin:16px 0}:root{--skeleton-color: rgba(255, 255, 255, .1)}.friend-info{display:flex;flex-direction:column;gap:4px}.friend-profile-container .friend-info .last-active{font-size:.7em!important;color:#484848;line-height:normal!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.avatar-skeleton{border-radius:50%;background:#eee;animation:pulse 1.5s infinite}.name-skeleton{background:#eee;margin-bottom:12px;border-radius:4px;animation:pulse 1.5s infinite}.last-active-skeleton{background:#eee;border-radius:4px;animation:pulse 1.5s infinite;opacity:.7}.tab-button-skeleton{background:#eee;animation:pulse 1.5s infinite;display:inline-block}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.popular-page-filters{display:flex;justify-content:flex-start;padding:0;margin:16px 0;width:100%}.filter-dropdown{position:relative;display:inline-block;margin-left:0;left:0}.filter-button{background:var(--surface-2);border:none;padding:8px 16px;border-radius:20px;color:var(--text-1);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;margin-left:0}.filter-button.active{background:var(--surface-3)}.filter-button i{font-size:12px}.filter-dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:var(--surface-2);border-radius:12px;padding:8px;z-index:1000;box-shadow:0 4px 6px #0000001a;min-width:150px}.filter-option{display:flex;align-items:center;gap:8px;padding:8px 16px;width:100%;border:none;background:none;color:var(--text-1);cursor:pointer;border-radius:8px}.filter-option:hover{background:var(--surface-3)}.filter-option.active{background:var(--surface-3);font-weight:500}.friend-profile__filter-container{margin:16px 0 0;padding:0;display:flex;justify-content:flex-start}.friend-profile__filter-button{position:relative;padding:8px 16px 8px 36px;border-radius:20px;border:none;font-size:16px;font-weight:500;color:var(--text-1);cursor:pointer;background-color:var(--surface-2);transition:all .2s ease;display:flex;align-items:center;gap:8px;margin-left:0}.friend-profile__filter-button:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:12px;font-size:14px}.friend-profile__filter-button:hover{background-color:var(--surface-3)}.friend-profile__filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease-out}.friend-profile__filter-drawer{position:fixed;bottom:0;left:0;right:0;background-color:#1a1a1a;border-radius:16px 16px 0 0;z-index:1001;animation:slideUp .3s ease-out;max-height:80vh;overflow-y:auto}.friend-profile__filter-drawer-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;position:relative}.friend-profile__filter-drawer-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 12px}.friend-profile__filter-drawer-header h3{margin:0;font-size:16px;font-weight:500;color:var(--text-1)}.friend-profile__filter-drawer-content{padding:16px}.friend-profile__filter-option{display:block;width:100%;padding:16px;border:none;background:none;color:var(--text-1);font-size:16px;text-align:left;cursor:pointer;border-radius:8px}.friend-profile__filter-option:hover{background:#ffffff1a}.friend-profile__filter-option.active{background:#ffffff26;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){.friend-profile__filter-container{padding:0}.friend-profile__filter-button{font-size:13px;padding:10px 16px 10px 36px}}.tab-container{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding:8px 16px;gap:8px;margin-bottom:16px}.tab-container::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;padding:8px 16px;border-radius:18px;white-space:nowrap}.tab-button.active{background:#007bff!important;border-color:#007bff;color:#fff;font-weight:500}.tab-button:hover{background:#007bffcc;color:#fff}.empty-state{width:100%;padding:2rem;text-align:center;color:#666}.empty-state p{margin:0;font-size:1rem}.activity-list{padding:16px;width:100%;max-width:100%;box-sizing:border-box}.activity-item{background:var(--surface-color);border-radius:12px;padding:16px;margin-bottom:8px;max-width:800px;margin-right:auto}.activity-content{display:flex;flex-direction:column;gap:8px}.activity-text{font-size:14px}.activity-time{color:var(--text-secondary);font-size:12px}.activity-loading{text-align:center;padding:32px;color:var(--text-secondary)}@media (min-width: 768px){.activity-list{padding:24px}}@media (min-width: 1024px){.activity-list{padding:32px}}.maintenance-container{padding:20px;max-width:800px;margin:0 auto}.maintenance-section{margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:8px}.maintenance-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.maintenance-button:disabled{background-color:#ccc;cursor:not-allowed}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.activity-container{width:100%;max-width:100%;box-sizing:border-box;padding:0 16px}.activity-container h1{font-size:28px;font-weight:600;max-width:1200px;margin:24px auto;padding:0}.activity-list{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2px;padding:0}.activity-item{background:var(--surface-color);border-radius:8px;padding:6px;display:flex;gap:6px}.activity-avatar{flex-shrink:0;cursor:pointer}.activity-content{flex-grow:1;display:flex;flex-direction:column;gap:1px}.activity-text{font-size:13px;color:var(--text-primary);line-height:1.3}.activity-time{font-size:11px;color:var(--text-secondary)}.activity-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.activity-show-title{color:var(--text-primary);font-weight:500;cursor:pointer;text-decoration:none}.activity-show-title:hover{text-decoration:underline}@media (min-width: 768px){.activity-container{padding:0 24px}.activity-container h1{margin:32px auto;padding:0 24px}.activity-list{padding:0 24px}}@media (min-width: 1024px){.activity-container{padding:0 32px}.activity-container h1{margin:40px auto;padding:0 32px}.activity-list{padding:0 32px}}