@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus Jakarta Sans:wght@600;700;800&display=swap";.app-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--accent-dim, rgba(74, 143, 96, .15));border:1px solid var(--accent, #4A8F60);color:var(--accent, #4A8F60);font-weight:700;font-family:var(--font-display, sans-serif);line-height:1;-webkit-user-select:none;user-select:none;position:relative}.app-avatar img{width:100%;height:100%;object-fit:cover;display:block}.app-avatar-initial{display:block;letter-spacing:0}a:hover>.app-avatar,button:hover>.app-avatar,.user-avatar-link:hover .app-avatar{border-color:var(--accent, #4A8F60);filter:brightness(1.06)}.notif-bell-wrap{position:relative}.notif-bell-btn{background:none;border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;position:relative;padding:4px;transition:opacity .2s}.notif-bell-btn:hover{opacity:.7}.notif-bell-btn.has-unread .bell-icon{animation:ring .5s ease-in-out}@keyframes ring{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.notif-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:500px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notif-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notif-dropdown-title{font-size:14px;font-weight:600;color:var(--text)}.notif-mark-all{background:none;border:none;cursor:pointer;font-size:12px;color:var(--accent);padding:0;transition:opacity .2s}.notif-mark-all:hover{opacity:.7}.notif-list{overflow-y:auto;flex:1}.notif-empty{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:13px;margin:0}.notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;position:relative}.notif-item:hover,.notif-item.unread{background:var(--bg-hover)}.notif-actor-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden}.notif-actor-avatar img{width:100%;height:100%;object-fit:cover}.notif-body{flex:1;min-width:0}.notif-text{margin:0 0 4px;font-size:13px;color:var(--text);line-height:1.3}.notif-media-title{color:var(--text-secondary);font-weight:400}.notif-time{font-size:11px;color:var(--text-secondary)}.notif-dot{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent);border-radius:50%}.bell-icon-svg{width:1.2em;height:1.2em;display:inline;color:inherit;stroke:currentColor}.notif-bell-btn .bell-icon-svg{color:var(--text-muted);transition:color var(--transition)}.notif-bell-btn:hover .bell-icon-svg{color:var(--text)}.notif-bell-btn.has-unread .bell-icon-svg{color:var(--accent)}.navbar{position:fixed;top:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:#131e32f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:200}.navbar-inner{max-width:1320px;height:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:opacity var(--transition)}.navbar-brand:hover{opacity:.8}.brand-icon{color:var(--accent);font-size:1.3rem;line-height:1}.brand-text{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:.04em}.navbar-links{display:flex;align-items:center;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-xl);color:var(--text-muted);font-size:.85rem;font-weight:500;transition:all var(--transition);text-decoration:none}.nav-item:hover{color:var(--text);background:var(--card)}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition);pointer-events:none}.nav-icon svg{width:100%;height:100%}.nav-item.active .nav-icon{color:var(--accent)}.nav-label{font-size:.7rem;font-weight:600;letter-spacing:.02em;transition:color var(--transition);pointer-events:none}.nav-item.active .nav-label{color:var(--accent)}@media (max-width: 768px){.navbar-inner{padding:0 1rem}.brand-text{font-size:1.2rem}.nav-label{display:none}.nav-item{padding:.5rem .65rem}.nav-icon{font-size:1.2rem}}@media (max-width: 480px){.navbar-inner{padding:0 .75rem}.navbar-links{gap:0}}.media-card{flex-shrink:0;width:148px;cursor:pointer;transition:transform var(--transition)}.media-card:hover{transform:translateY(-4px)}.media-image{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)}.media-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.media-card:hover .media-image img{transform:scale(1.04)}.media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface);font-family:var(--font-display);font-size:2.5rem;color:var(--text-dim)}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:.75rem;opacity:0;transition:opacity var(--transition)}.media-card:hover .media-overlay{opacity:1}.log-btn{background:var(--accent);color:#0a0808;font-weight:600;font-size:.75rem;padding:.35rem .9rem;border-radius:var(--radius-xl);transition:background var(--transition);white-space:nowrap}.log-btn:hover{background:#d4b55c}.rating-badge{position:absolute;top:.5rem;right:.5rem;background:#000000bf;border:1px solid rgba(201,168,76,.3);color:var(--accent);font-size:.65rem;font-weight:600;padding:.2rem .45rem;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-info{margin-top:.6rem;padding:0 .1rem}.media-info h3{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-family:var(--font-body);margin-bottom:.2rem}.media-meta{display:flex;gap:.5rem;align-items:center;font-size:.7rem}.meta-year{color:var(--text-muted)}.meta-type{font-weight:500;text-transform:capitalize}@media (max-width: 1024px){.media-card{width:130px}}@media (max-width: 768px){.media-card{width:112px}.media-info h3{font-size:.75rem}}@media (max-width: 480px){.media-card{width:96px}.media-image{border-radius:var(--radius-sm)}.media-info h3{font-size:.68rem}}.episode-badge{position:absolute;top:6px;left:6px;background:#000000bf;color:#60a5fa;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:3px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2}.category-row{margin-bottom:2.75rem}.row-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text);margin-bottom:1rem;padding-left:.1rem}.row-title:after{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:.5rem;vertical-align:middle;margin-bottom:2px}.media-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.75rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.media-scroll::-webkit-scrollbar{height:4px}.media-scroll::-webkit-scrollbar-track{background:transparent}.media-scroll::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}@media (max-width: 768px){.category-row{margin-bottom:2rem}.row-title{font-size:1.2rem}.media-scroll{gap:.75rem}}@media (max-width: 480px){.category-row{margin-bottom:1.5rem}.row-title{font-size:1rem}.media-scroll{gap:.5rem}}.review-interactions{margin-top:.75rem;border-top:1px solid var(--border)}.thread-actions{display:flex;gap:1rem;padding-top:.5rem}.thread-comment--reply{margin-left:2rem;padding-left:.75rem;border-left:2px solid var(--border);margin-top:.5rem}.tc-actions-row{display:flex;gap:.75rem;margin-top:.1rem}.tc-reply-btn.liked{color:#e05252}.tc-reply-btn.delete-btn:hover{color:var(--red)}.activity-card{display:flex;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:border-color var(--transition),transform var(--transition)}.activity-card:hover{border-color:var(--border-light);transform:translate(2px)}.activity-cover{flex-shrink:0;width:56px;height:84px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.activity-cover img{width:100%;height:100%;object-fit:cover}.activity-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface);font-family:var(--font-display);font-size:1.5rem;color:var(--text-dim)}.activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.activity-user-row{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1}.avatar{width:22px;height:22px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-username{font-weight:600;font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-dot{color:var(--text-dim);font-size:.75rem}.activity-time{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.activity-type{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.activity-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-stars{display:flex;gap:1px}.star-filled{color:var(--accent);font-size:.75rem}.star-empty{color:var(--text-dim);font-size:.75rem}.activity-status{font-size:.7rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:.15rem .5rem;border-radius:var(--radius-xl);align-self:flex-start}@media (max-width: 480px){.activity-card{padding:.75rem;gap:.75rem}.activity-cover{width:46px;height:70px}}.home-page{padding-bottom:4rem}.home-hero{margin-bottom:2.5rem;padding-top:.5rem}.feeds-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;align-items:start}.feed-section{display:flex;flex-direction:column}.feed-section h2,.feed-section h3,.feed-section .section-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:1rem}.activity-feed-scroll{max-height:600px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin}.activity-feed-scroll::-webkit-scrollbar{width:6px}.activity-feed-scroll::-webkit-scrollbar-track{background:transparent}.activity-feed-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.activity-feed-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.activity-feed{display:flex;flex-direction:column;gap:.85rem}@media (max-width: 900px){.feeds-container{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.home-hero{margin-bottom:1.75rem}.feeds-container{margin-top:2rem}.activity-feed-scroll{max-height:500px}}.activity-card-wrapper{position:relative}.activity-card-link{display:block}.activity-interactions{pointer-events:auto}.activity-card-link:hover{opacity:.9}.search-bar{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:0 1rem;transition:border-color var(--transition),box-shadow var(--transition);margin-bottom:1.75rem}.search-bar.focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-icon{color:var(--text-muted);font-size:1.25rem;flex-shrink:0;line-height:1;padding-top:2px}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.95rem;padding:.75rem 0}.search-input::placeholder{color:var(--text-dim)}.search-clear{background:none;border:none;color:var(--text-muted);font-size:.7rem;padding:.25rem;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.search-clear:hover{background:var(--border-light);color:var(--text)}.rating-stars{display:flex;align-items:center;gap:2px}.star{background:none;border:none;cursor:pointer;padding:2px;line-height:1;transition:transform .15s ease,color .15s ease}.star.filled{color:var(--accent)}.star.half,.star.empty{color:var(--text-dim)}.star:hover:not(:disabled){transform:scale(1.2)}.rating-stars.readonly .star{cursor:default}.rating-stars--sm .star{font-size:1rem}.rating-stars--md .star{font-size:1.4rem}.rating-stars--lg .star{font-size:1.8rem}.rating-label{font-size:.8rem;color:var(--text-muted);margin-left:.35rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.modal{position:relative;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),0 0 60px #c9a84c14;overflow:hidden}.modal-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;border-radius:50%;background:var(--surface);color:var(--text-muted);font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition);z-index:10;cursor:pointer;border:none}.modal-close:hover{background:var(--border-light);color:var(--text)}.modal-header{display:flex;gap:1.25rem;padding:1.75rem 1.75rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-cover{width:80px;height:120px;object-fit:cover;border-radius:var(--radius);flex-shrink:0;border:1px solid var(--border)}.modal-cover-placeholder{width:80px;height:120px;border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;color:var(--text-dim);flex-shrink:0}.modal-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem;justify-content:center}.modal-type{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.modal-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text);line-height:1.2}.modal-year,.modal-creator{font-size:.82rem;color:var(--text-muted)}.modal-body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;flex:1}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group-row{display:flex;gap:1rem;align-items:flex-end}.rating-wrap-center{height:44px;display:flex;align-items:center}.field-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.field-group label span{text-transform:none;font-weight:400;color:var(--text-dim)}.status-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.status-btn{padding:.45rem .85rem;border-radius:var(--radius-xl);font-size:.78rem;font-weight:500;background:var(--surface);border:1px solid var(--border-light);color:var(--text-muted);transition:all var(--transition);white-space:nowrap;cursor:pointer}.status-btn:hover{border-color:var(--accent);color:var(--text)}.status-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.field-group textarea,.log-date-input{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text);padding:.75rem 1rem;font-size:.9rem;line-height:1.6;resize:none;transition:border-color var(--transition),box-shadow var(--transition);outline:none;width:100%;font-family:var(--font-body)}.log-date-input{height:44px}.log-date-input::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}.field-group textarea:focus,.log-date-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field-group textarea::placeholder{color:var(--text-dim)}.char-count{font-size:.7rem;color:var(--text-dim);align-self:flex-end}.modal-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--red);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.875rem}.modal-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-shrink:0;padding-bottom:.5rem}.btn-cancel{flex:1;padding:.75rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-light);color:var(--text-muted);font-size:.9rem;transition:all var(--transition);cursor:pointer}.btn-cancel:hover{background:var(--card-hover);color:var(--text)}.btn-save{flex:2;padding:.75rem;border-radius:var(--radius);background:var(--accent);color:#0a0808;font-weight:700;font-size:.9rem;transition:all var(--transition);display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;border:none}.btn-save:hover:not(:disabled){background:#d4b55c;transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.modal-backdrop{padding:.5rem}.modal{max-height:calc(100vh - 1rem);border-radius:var(--radius-lg)}.modal-header,.modal-body{padding:1.25rem}.modal-cover{width:64px;height:96px}.modal-title{font-size:1.1rem}.status-buttons{gap:.35rem}.status-btn{font-size:.72rem;padding:.35rem .65rem}.field-group-row{flex-direction:column;align-items:stretch;gap:1rem}}.discover-page{padding-bottom:4rem}.filter-bar{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-pill{padding:.45rem 1.1rem;border-radius:var(--radius-xl);font-size:.82rem;font-weight:500;background:var(--surface);border:1px solid var(--border-light);color:var(--text-muted);transition:all var(--transition);white-space:nowrap}.filter-pill:hover{border-color:var(--accent);color:var(--text)}.filter-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.search-results-section{margin-bottom:1.5rem}@media (max-width: 480px){.filter-bar{gap:.35rem}.filter-pill{font-size:.75rem;padding:.35rem .75rem}}.report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.report-modal{background:var(--bg-primary, #1a1a1a);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:14px;width:100%;max-width:380px;padding:1.5rem;box-shadow:0 24px 64px #00000080}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.report-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #fff);font-weight:600}.report-close{background:none;border:none;color:var(--text-secondary, rgba(255,255,255,.5));cursor:pointer;font-size:1.1rem;padding:.25rem;line-height:1;transition:color .15s}.report-close:hover{color:var(--text-primary, #fff)}.report-subtitle{font-size:.9rem;color:var(--text-secondary, rgba(255,255,255,.6));margin:0 0 .875rem}.report-reasons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.report-reason-btn{background:var(--bg-secondary, rgba(255,255,255,.05));border:1px solid var(--border-color, rgba(255,255,255,.1));color:var(--text-primary, #fff);border-radius:8px;padding:.65rem 1rem;text-align:left;cursor:pointer;font-size:.9rem;transition:all .15s}.report-reason-btn:hover{background:#ffffff14;border-color:#fff3}.report-reason-btn.selected{background:#c9a84c26;border-color:var(--accent, #c9a84c);color:var(--accent, #c9a84c)}.report-error{font-size:.85rem;color:#f87171;margin:0 0 .75rem}.report-footer{display:flex;flex-direction:column;gap:.75rem}.report-disclaimer{font-size:.8rem;color:var(--text-secondary, rgba(255,255,255,.4));margin:0;line-height:1.5}.report-submit{background:var(--accent, #c9a84c);color:#000;border:none;border-radius:8px;padding:.7rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;width:100%}.report-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.report-submit:disabled{opacity:.45;cursor:not-allowed}.report-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0 .5rem;text-align:center}.report-success-icon{width:44px;height:44px;background:#4ade8026;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#4ade80}.report-success p{font-size:.9rem;color:var(--text-secondary, rgba(255,255,255,.6));margin:0;line-height:1.5}.kebab-wrap{position:relative}.kebab-btn{background:none;border:none;color:var(--text-secondary, rgba(255,255,255,.4));cursor:pointer;font-size:1.1rem;padding:.25rem .4rem;border-radius:6px;line-height:1;transition:background .15s,color .15s;letter-spacing:1px}.kebab-btn:hover{background:#ffffff12;color:var(--text-primary, #fff)}.kebab-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--bg-primary, #1a1a1a);border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:10px;padding:.375rem;z-index:500;min-width:160px;box-shadow:0 8px 24px #0006;animation:menuFadeIn .1s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kebab-menu button{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;color:var(--text-primary, #fff);font-size:.875rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;text-align:left;transition:background .12s}.kebab-menu button:hover{background:#ffffff12}.kebab-menu button.danger{color:#f87171}.kebab-menu button.danger:hover{background:#f871711a}.social-page{padding-bottom:2rem;overflow:hidden}.social-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}.social-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;height:calc(100vh - 240px);min-height:400px}.social-col{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.col-header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--card)}.col-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0}.col-search-hint{font-size:.75rem;color:var(--text-dim);font-style:italic;margin-left:auto}.col-scroll{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.col-scroll::-webkit-scrollbar{width:4px}.col-scroll::-webkit-scrollbar-track{background:transparent}.col-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.col-section{display:flex;flex-direction:column;gap:.6rem}.col-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);display:flex;align-items:center;gap:.5rem;margin-bottom:.1rem}.empty-state-col{padding:2rem 1rem;text-align:center;color:var(--text-dim);font-size:.875rem;font-style:italic}.user-list{display:flex;flex-direction:column;gap:.5rem}.user-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.7rem 1rem;transition:border-color var(--transition)}.user-card:hover{border-color:var(--border-light)}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-link{text-decoration:none}.user-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name-link{text-decoration:none;color:inherit;flex:1;min-width:0}.user-name-link:hover .user-name{text-decoration:underline}.user-action,.request-actions{display:flex;gap:.5rem;flex-shrink:0}.friend-actions{display:flex;gap:.4rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.group-members-count{font-size:.7rem;color:var(--text-dim)}.group-chat-card{background:rgba(var(--accent-rgb),.04);border-color:rgba(var(--accent-rgb),.2)}.group-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--bg-primary);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-size:.68rem;font-weight:700;border-radius:var(--radius-xl);padding:0 .35rem}.btn-add{padding:.35rem .8rem;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;transition:all var(--transition);white-space:nowrap;cursor:pointer}.btn-add:hover{background:var(--accent);color:#0a0808}.btn-accept{padding:.35rem .8rem;background:var(--green);color:#060f0a;border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;transition:filter var(--transition);white-space:nowrap;cursor:pointer;border:none}.btn-accept:hover{filter:brightness(1.1)}.btn-decline{padding:.35rem .8rem;background:var(--surface);border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-xl);font-size:.75rem;font-weight:500;transition:all var(--transition);white-space:nowrap;cursor:pointer}.btn-decline:hover{border-color:var(--red);color:var(--red)}.btn-message{padding:.35rem .8rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.75rem;cursor:pointer;transition:opacity var(--transition);white-space:nowrap}.btn-message:hover{opacity:.88}.btn-remove{padding:.35rem .8rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-lg);font-weight:500;font-size:.75rem;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-remove:hover{color:var(--red);border-color:var(--red)}.btn-create-group{padding:.65rem 1.25rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:opacity var(--transition);white-space:nowrap}.btn-create-group:hover{opacity:.88}.badge{padding:.25rem .7rem;border-radius:var(--radius-xl);font-size:.72rem;font-weight:600}.badge--friend{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--green)}.badge--pending{background:var(--accent-dim);border:1px solid rgba(201,168,76,.3);color:var(--accent)}.thread-compose{display:flex;gap:.75rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0}.thread-compose-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.thread-compose-right{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.thread-compose-input{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:.9rem;resize:none;line-height:1.5;font-family:var(--font-body)}.thread-compose-input::placeholder{color:var(--text-dim)}.thread-compose-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:.5rem}.thread-compose-count{font-size:.7rem;color:var(--text-dim)}.btn-post-thread{padding:.35rem 1rem;background:var(--accent);color:#0a0808;border:none;border-radius:var(--radius-xl);font-weight:700;font-size:.8rem;cursor:pointer;transition:all var(--transition)}.btn-post-thread:hover:not(:disabled){background:#d4b55c}.btn-post-thread:disabled{opacity:.5;cursor:not-allowed}.threads-list{display:flex;flex-direction:column;gap:.75rem}.thread-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1rem;transition:border-color var(--transition)}.thread-card:hover{border-color:var(--border-light)}.thread-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.thread-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.thread-meta{display:flex;align-items:baseline;gap:.4rem;flex:1;min-width:0}.thread-username{font-size:.82rem;font-weight:600;color:var(--text)}.thread-time{font-size:.7rem;color:var(--text-dim)}.thread-delete{background:transparent;border:none;color:var(--text-dim);font-size:.7rem;cursor:pointer;padding:.2rem .4rem;border-radius:var(--radius-sm);transition:color var(--transition);margin-left:auto}.thread-delete:hover{color:var(--red)}.thread-body{font-size:.875rem;color:var(--text);line-height:1.6;margin-bottom:.75rem;white-space:pre-wrap;word-break:break-word}.thread-actions{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid var(--border)}.thread-action-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--text-muted);font-size:.78rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition)}.thread-action-btn:hover{color:var(--text);background:#ffffff0a}.thread-action-btn.liked{color:#e05252}.thread-comments{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.thread-no-comments{font-size:.78rem;color:var(--text-dim);font-style:italic;text-align:center;padding:.5rem}.thread-comment{display:flex;gap:.5rem}.thread-comment--reply{margin-left:2rem;padding-left:.75rem;border-left:2px solid var(--border)}.tc-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--border-light);color:var(--text-muted);font-weight:700;font-size:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.tc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.tc-top{display:flex;align-items:baseline;gap:.4rem}.tc-username{font-size:.75rem;font-weight:600;color:var(--text)}.tc-time{font-size:.65rem;color:var(--text-dim)}.tc-text{font-size:.82rem;color:var(--text-muted);line-height:1.5;word-break:break-word}.tc-reply-btn{background:transparent;border:none;color:var(--text-dim);font-size:.7rem;cursor:pointer;padding:0;align-self:flex-start;transition:color var(--transition)}.tc-reply-btn:hover{color:var(--accent)}.tc-reply-banner{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-sm);padding:.25rem .6rem;margin-bottom:.25rem}.tc-reply-banner button{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:.7rem;padding:0}.tc-form{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.tc-input-row{display:flex;gap:.5rem;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:.3rem .4rem .3rem .75rem;transition:border-color var(--transition)}.tc-input-row:focus-within{border-color:var(--accent)}.tc-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.82rem;font-family:var(--font-body)}.tc-input::placeholder{color:var(--text-dim)}.tc-submit{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#0a0808;border:none;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--transition)}.tc-submit:disabled{opacity:.4;cursor:not-allowed}.tc-submit:hover:not(:disabled){opacity:.85}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:420px;display:flex;flex-direction:column;animation:modal-fade-in .2s ease-out;overflow:hidden}.modal-header{padding:1.5rem 1.75rem;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem}.modal-title{grid-column:1 / 2;font-size:1.8rem;font-weight:700;color:var(--text);margin:0;line-height:1.2}.modal-subtitle{grid-column:2 / 3;font-size:.875rem;color:var(--text-muted);margin:0}.modal-content{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem}.modal-input{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text);font-size:.9rem;outline:none;transition:border-color var(--transition)}.modal-input:focus{border-color:var(--accent)}.modal-buttons{display:flex;gap:.75rem;padding:1rem 1.75rem;background:var(--surface);border-top:1px solid var(--border)}.modal-cancel,.modal-create{flex:1;padding:.7rem 1rem;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition)}.modal-cancel{background:var(--bg-primary);color:var(--text);border:1px solid var(--border)}.modal-cancel:hover{border-color:var(--border-light)}.modal-create{background:var(--accent);color:var(--bg-primary)}.modal-create:hover:not(:disabled){opacity:.88}.modal-create:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 700px){.social-columns{grid-template-columns:1fr;height:auto}.social-col{height:60vh}}.profile-page{padding-bottom:5rem;max-width:760px;margin:0 auto}.profile-hero{position:relative;margin-bottom:2.5rem;padding:2rem 0 0}.profile-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(201,168,76,.06) 0%,transparent 100%);border-radius:var(--radius-lg);pointer-events:none}.profile-hero-content{display:flex;gap:1.5rem;align-items:flex-start;position:relative}.profile-avatar-wrap{flex-shrink:0}.avatar-upload-label{position:relative;display:block;cursor:pointer}.avatar-file-input{display:none}.profile-avatar{width:76px;height:76px;border-radius:50%;background:var(--accent-dim, rgba(201,168,76,.15));border:2px solid var(--accent, #c9a84c);color:var(--accent, #c9a84c);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .2s}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;opacity:0;transition:opacity .2s}.avatar-upload-label:hover .avatar-overlay{opacity:1}.avatar-upload-label:hover .profile-avatar{opacity:.75}.avatar-spinner{width:22px;height:22px;border:2px solid rgba(201,168,76,.3);border-top-color:var(--accent, #c9a84c);border-radius:50%;animation:spin .7s linear infinite}.profile-info{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem;min-width:0}.profile-username{font-size:1.6rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.settings-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid var(--border-light);color:var(--text-muted);font-size:1rem;flex-shrink:0;transition:all var(--transition)}.settings-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.profile-since{font-size:.75rem;color:var(--text-dim);margin-bottom:.6rem;letter-spacing:.02em}.profile-bio{font-size:.875rem;color:var(--text-muted);line-height:1.55;cursor:pointer;padding:.25rem 0;transition:color var(--transition)}.profile-bio:hover{color:var(--text)}.bio-placeholder{color:var(--text-dim);font-style:italic;border-bottom:1px dashed var(--border-light)}.bio-editor{display:flex;flex-direction:column;gap:.5rem}.bio-input{width:100%;background:var(--surface);border:1px solid var(--accent, #c9a84c);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;line-height:1.5;padding:.5rem .75rem;resize:none;font-family:inherit;outline:none}.bio-editor-actions{display:flex;align-items:center;gap:.5rem}.bio-char{font-size:.7rem;color:var(--text-dim);margin-right:auto}.bio-cancel{font-size:.78rem;color:var(--text-muted);padding:.25rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition)}.bio-cancel:hover{color:var(--text);border-color:var(--border-light)}.bio-save{font-size:.78rem;color:#0a0a0a;background:var(--accent, #c9a84c);padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:600;transition:opacity var(--transition)}.bio-save:hover{opacity:.85}.bio-save:disabled{opacity:.5}.profile-stats{display:flex;gap:0;margin-top:1.75rem;border-top:1px solid var(--border);padding-top:1.25rem}.stat-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 0;border-right:1px solid var(--border)}.stat-pill:last-child{border-right:none}.stat-pill:hover{background:#ffffff05}.stat-val{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1;letter-spacing:-.02em}.stat-lbl{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.profile-section{margin-bottom:2.75rem}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding-bottom:.5rem;border-bottom:1px solid var(--border);flex:1}.section-count{font-size:.7rem;color:var(--text-dim);margin-left:1rem}.saving-indicator{font-size:.7rem;color:var(--accent);margin-left:1rem}.top4-row{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory}.top4-slot{flex:0 0 auto;width:120px;scroll-snap-align:start}.top4-item{position:relative}.top4-cover{position:relative;aspect-ratio:2/3;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);cursor:pointer;background:var(--surface)}.top4-cover img{width:100%;height:100%;object-fit:cover;display:block}.top4-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-dim);background:var(--surface)}.top4-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;opacity:0;transition:opacity .15s}.top4-cover:hover .top4-overlay{opacity:1}.top4-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000bf;color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:2}.top4-item:hover .top4-remove{opacity:1}.top4-remove:hover{background:#f87171d9}.top4-title{font-size:.72rem;color:var(--text-muted);margin-top:.4rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top4-empty{aspect-ratio:2/3;width:100%;border-radius:var(--radius-sm);border:1px dashed var(--border-light);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:border-color .15s,background .15s;color:var(--text-dim)}.top4-empty:hover{border-color:var(--accent, #c9a84c);background:var(--accent-dim, rgba(201,168,76,.06));color:var(--accent, #c9a84c)}.top4-plus{font-size:1.4rem;line-height:1}.top4-add-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.recent-grid{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.recent-grid::-webkit-scrollbar{height:4px}.recent-grid::-webkit-scrollbar-track{background:var(--surface);border-radius:2px}.recent-grid::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.recent-item{position:relative;flex-shrink:0;width:80px;aspect-ratio:2/3;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface);scroll-snap-align:start;transition:transform .15s ease,border-color .15s ease}.recent-item:hover{transform:translateY(-3px) scale(1.03);border-color:var(--border-light);z-index:2}.recent-item img{width:100%;height:100%;object-fit:cover}.recent-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-dim);background:var(--surface)}.recent-type-dot{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;opacity:.9}.profile-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab-btn{display:flex;align-items:center;gap:.45rem;padding:.75rem 1.25rem;color:var(--text-dim);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid transparent;transition:all var(--transition);margin-bottom:-1px}.tab-btn:hover{color:var(--text-muted)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent, #c9a84c)}.tab-count{background:var(--surface);color:var(--text-dim);font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:var(--radius-xl);border:1px solid var(--border)}.tab-btn.active .tab-count{background:var(--accent-dim, rgba(201,168,76,.15));border-color:#c9a84c4d;color:var(--accent, #c9a84c)}.log-list{display:flex;flex-direction:column;gap:.6rem}.log-entry{display:flex;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.875rem 1rem;transition:border-color var(--transition),background var(--transition)}.log-entry:hover{border-color:var(--border-light);background:var(--card-hover)}.log-cover{flex-shrink:0;width:46px;height:68px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.log-cover img{width:100%;height:100%;object-fit:cover}.log-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface);font-size:1.2rem;color:var(--text-dim)}.log-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.log-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.log-title-row{display:flex;align-items:baseline;gap:.5rem;min-width:0}.log-title{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-year{font-size:.72rem;color:var(--text-dim);flex-shrink:0}.log-type-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:var(--radius-sm);padding:.1rem .4rem;flex-shrink:0}.log-creator{font-size:.75rem;color:var(--text-muted)}.log-review{font-size:.84rem;color:var(--text);font-style:italic;line-height:1.6;margin-top:.2rem}.log-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.15rem}.log-date{font-size:.68rem;color:var(--text-dim)}.log-delete{font-size:.68rem;color:var(--text-dim);padding:.15rem .45rem;border-radius:var(--radius-sm);transition:all var(--transition)}.log-delete:hover{color:#f87171;background:#f8717114}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-dim);font-size:.875rem}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.picker-modal{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.picker-title{font-size:.95rem;font-weight:600;color:var(--text)}.picker-close{color:var(--text-dim);font-size:.9rem;padding:.2rem .4rem;border-radius:var(--radius-sm);transition:color var(--transition)}.picker-close:hover{color:var(--text)}.picker-search{margin:.75rem 1.25rem;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;padding:.5rem .75rem;outline:none;font-family:inherit;transition:border-color var(--transition)}.picker-search:focus{border-color:var(--accent, #c9a84c)}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 1.25rem 1.25rem;overflow-y:auto}.picker-item{position:relative;aspect-ratio:2/3;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);cursor:pointer;background:var(--surface);transition:border-color .15s,transform .15s}.picker-item:hover{border-color:var(--accent, #c9a84c);transform:scale(1.03)}.picker-item.already-picked{border-color:var(--accent, #c9a84c);opacity:.6}.picker-item img{width:100%;height:100%;object-fit:cover;display:block}.picker-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-dim)}.picker-item-title{position:absolute;bottom:0;left:0;right:0;padding:.4rem .3rem .25rem;background:linear-gradient(transparent,#000000e6);font-size:.58rem;color:#fff;line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.picker-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--accent, #c9a84c);color:#000;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.picker-empty{grid-column:1/-1;text-align:center;color:var(--text-dim);font-size:.875rem;padding:2rem 0}@media (max-width: 600px){.recent-grid{gap:.4rem}.top4-row{gap:.5rem}.profile-username{font-size:1.3rem}.profile-avatar{width:60px;height:60px;font-size:1.5rem}.stat-val{font-size:1.2rem}.picker-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 400px){.profile-hero-content{flex-direction:column;gap:1rem}.profile-name-row{gap:.5rem}.tab-btn{padding:.65rem .75rem;font-size:.72rem}}.settings-page{padding-bottom:4rem;max-width:600px}.settings-back{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem;cursor:pointer;transition:color var(--transition)}.settings-back:hover{color:var(--text)}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:1.25rem}.settings-card h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:1.25rem;color:var(--text)}.settings-muted{font-size:.875rem;color:var(--text-muted);margin-bottom:1.25rem;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:1.1rem}.field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.field input{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text);padding:.75rem 1rem;font-size:.95rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.settings-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--red);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.875rem}.settings-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--green);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.875rem}.btn-save-settings{background:var(--accent);color:#0a0808;font-weight:700;font-size:.9rem;padding:.75rem 1.5rem;border-radius:var(--radius);transition:all var(--transition);align-self:flex-start;display:flex;align-items:center;justify-content:center;min-width:140px;min-height:44px}.btn-save-settings:hover:not(:disabled){background:#d4b55c;transform:translateY(-1px)}.btn-save-settings:disabled{opacity:.6;cursor:not-allowed}.btn-logout{padding:.65rem 1.5rem;background:transparent;border:1px solid var(--red);color:var(--red);border-radius:var(--radius);font-size:.9rem;font-weight:600;transition:all var(--transition)}.btn-logout:hover{background:#f871711a}.settings-danger-card{border-color:#f8717140}.danger-title{color:var(--red)!important}.btn-delete-account{padding:.65rem 1.5rem;background:transparent;border:1px solid var(--red);color:var(--red);border-radius:var(--radius);font-size:.9rem;font-weight:600;transition:all var(--transition)}.btn-delete-account:hover{background:#f871711a}.delete-confirm-form{border-top:1px solid rgba(248,113,113,.2);padding-top:1.1rem}.delete-warning{font-size:.875rem;color:var(--red);background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:.6rem .9rem;line-height:1.5}.delete-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-cancel-delete{flex:1;padding:.7rem 1rem;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius);font-size:.875rem;font-weight:600;transition:all var(--transition);min-height:44px}.btn-cancel-delete:hover{color:var(--text);border-color:var(--border)}.btn-confirm-delete{flex:2;padding:.7rem 1rem;background:var(--red);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:700;transition:all var(--transition);display:flex;align-items:center;justify-content:center;min-height:44px}.btn-confirm-delete:hover:not(:disabled){background:#e05555;transform:translateY(-1px)}.btn-confirm-delete:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#0a0808;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.btn-spinner--light{border-color:#ffffff4d;border-top-color:#fff}@media (max-width: 480px){.settings-card{padding:1.25rem}.delete-actions{flex-direction:column}.btn-cancel-delete,.btn-confirm-delete{flex:none;width:100%}}.legal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.legal-modal-content{background:var(--bg-primary);border-radius:12px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.legal-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:color .2s;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.legal-modal-close:hover{color:var(--text-primary)}.legal-modal-content h1{margin:0 0 .5rem;color:var(--text-primary);font-size:1.4rem;border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.legal-modal-content h2{margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-primary);font-size:1.1rem}.legal-modal-content p{color:var(--text-secondary);line-height:1.7;margin:.5rem 0;font-size:.95rem}.legal-modal-content ul{margin:.5rem 0 .5rem 1.5rem;padding:0;color:var(--text-secondary)}.legal-modal-content ul li{margin-bottom:.5rem;font-size:.95rem}.legal-note{background:var(--bg-secondary);padding:1rem;border-left:4px solid var(--accent);margin:1rem 0;border-radius:4px;font-size:.9rem;color:var(--text-secondary)}.legal-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary);text-align:center}.legal-cookie-banner{position:absolute;bottom:0;left:0;right:0;background:var(--bg-secondary);color:var(--text-primary);padding:1rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);border-radius:0 0 12px 12px;gap:1rem;font-size:.9rem}.cookie-actions{display:flex;gap:.5rem}.cookie-accept,.cookie-decline{padding:.5rem 1rem;border:none;cursor:pointer;border-radius:4px;font-size:.85rem;white-space:nowrap;transition:all .2s}.cookie-accept{background:#4caf50;color:#fff}.cookie-accept:hover{background:#45a049;transform:translateY(-1px)}.cookie-decline{background:#f44336;color:#fff}.cookie-decline:hover{background:#da190b;transform:translateY(-1px)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 30%,rgba(201,168,76,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 70%,rgba(96,165,250,.04) 0%,transparent 70%),var(--bg);z-index:0}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2.5rem 2rem;box-shadow:var(--shadow-lg),0 0 60px #c9a84c0d}.auth-brand{text-align:center;margin-bottom:2rem}.auth-logo{display:block;font-size:2.5rem;color:var(--accent);margin-bottom:.5rem;line-height:1}.auth-brand h1{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text);letter-spacing:.05em}.auth-brand p{color:var(--text-muted);font-size:.85rem;margin-top:.25rem;font-style:italic;font-family:var(--font-display)}.auth-tabs{display:flex;background:var(--surface);border-radius:var(--radius-lg);padding:4px;margin-bottom:1.75rem;gap:4px}.auth-tabs button{flex:1;padding:.6rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all var(--transition)}.auth-tabs button.active{background:var(--card-hover);color:var(--text);box-shadow:var(--shadow-sm)}.oauth-buttons{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);min-height:46px}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-google{background:#fff;color:#3c3c3c;border:1px solid #dadce0}.oauth-google:hover:not(:disabled){background:#f7f7f7;box-shadow:0 2px 8px #0000001f}.auth-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.78rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.field input{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text);padding:.75rem 1rem;font-size:.95rem;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field input::placeholder{color:var(--text-dim)}.auth-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--red);padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:.875rem}.auth-submit{background:var(--accent);color:#0a0808;font-weight:600;font-size:.95rem;padding:.85rem;border-radius:var(--radius);transition:all var(--transition);margin-top:.25rem;display:flex;align-items:center;justify-content:center;min-height:48px}.auth-submit:hover:not(:disabled){background:#d4b55c;transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c4d}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.btn-spinner--dark{border-color:#00000026;border-top-color:#3c3c3c}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-muted)}.auth-footer button{color:var(--accent);font-weight:500;transition:color var(--transition);font-size:inherit}.auth-footer button:hover{color:#d4b55c}@media (max-width: 480px){.auth-card{padding:2rem 1.25rem}}.checkbox-field{margin:1rem 0}.checkbox-field label{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;cursor:pointer}.checkbox-field input[type=checkbox]{cursor:pointer;margin-top:.25rem;accent-color:var(--accent);width:1.1rem;height:1.1rem}.legal-link{background:none;border:none;color:var(--accent);text-decoration:none;cursor:pointer;padding:0;font:inherit;transition:color .2s}.legal-link:hover{text-decoration:underline}.terms-field{gap:.75rem}.terms-checkbox-label{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer}.terms-checkbox{flex-shrink:0;width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--accent);cursor:pointer}.terms-text{font-size:.83rem;color:var(--text-muted);line-height:1.55;text-transform:none;letter-spacing:0;font-weight:400}.terms-link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;font-size:inherit;text-decoration:underline;transition:color .15s}.terms-link:hover{color:#d4b55c}.community-rules{background:#ffffff0a;border:1px solid var(--border-light);border-radius:var(--radius);padding:.75rem 1rem}.community-rules-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 .5rem}.community-rules ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem}.community-rules li{font-size:.82rem;color:var(--text-secondary, rgba(255,255,255,.55));line-height:1.4}.auth-forgot-link{align-self:flex-end;font-size:.78rem;color:var(--text-dim);background:none;border:none;cursor:pointer;padding:0;margin-top:.1rem;transition:color var(--transition)}.auth-forgot-link:hover{color:var(--accent)}.auth-back{margin-bottom:1.25rem}.auth-back-btn{font-size:.82rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition);display:flex;align-items:center;gap:.3rem}.auth-back-btn:hover{color:var(--accent)}.auth-forgot-header{margin-bottom:1.75rem}.auth-forgot-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 .4rem}.auth-forgot-sub{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.5}.auth-reset-sent{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;gap:.5rem}.auth-reset-icon{font-size:2.5rem;line-height:1;margin-bottom:.25rem}.auth-reset-sent-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.auth-reset-sent-sub{font-size:.875rem;color:var(--text-muted);line-height:1.55;margin:0;max-width:300px}.auth-reset-sent-sub strong{color:var(--text);font-weight:600}.auth-resend-btn{display:inline-block;margin-top:1rem;font-size:.85rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;font-weight:500;transition:color var(--transition)}.auth-resend-btn:hover{color:#d4b55c}.auth-match-hint{font-size:.8rem;font-weight:500;margin:-.35rem 0 0;transition:color var(--transition)}.auth-match-hint.match{color:#4ade80}.auth-match-hint.no-match{color:var(--red, #f87171)}.log-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.detail-page{position:relative;min-height:100vh;padding-bottom:5rem}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop-img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.07;filter:blur(48px) saturate(1.6);transform:scale(1.1)}.backdrop-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--bg-rgb),.5),rgba(var(--bg-rgb),.9),rgba(var(--bg-rgb),1) 70%)}.detail-back{position:relative;z-index:10;display:inline-flex;align-items:center;gap:.4rem;margin:1.25rem 1.5rem;color:var(--text-muted);font-size:.82rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffff0a;transition:all var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-back:hover{color:var(--text);border-color:var(--border-light);background:#ffffff14}.detail-hero{position:relative;z-index:10;display:flex;gap:2.5rem;align-items:flex-start;max-width:820px;margin:0 auto;padding:0 1.5rem 2.75rem}.detail-poster{flex-shrink:0;width:170px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 70px #000000a6,0 0 0 1px #ffffff0a}.detail-poster--wide{width:220px}.detail-poster--wide img{aspect-ratio:16/9!important}.detail-poster img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}.poster-placeholder{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:var(--surface);font-size:2.5rem;color:var(--text-dim)}.detail-meta{flex:1;min-width:0;padding-top:.5rem}.detail-badge-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;flex-wrap:wrap}.detail-type-badge{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:var(--radius-sm);padding:.15rem .5rem}.detail-episode-code{font-size:.72rem;font-weight:700;letter-spacing:.06em;opacity:.85}.detail-air-date{font-size:.78rem;color:var(--text-dim);margin-bottom:.6rem}.detail-title{font-size:2.1rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.1;margin-bottom:.35rem}.detail-tagline{font-size:.9rem;color:var(--text-dim);font-style:italic;margin-bottom:.75rem;line-height:1.4}.detail-sub{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.9rem;font-size:.8rem;color:var(--text-muted)}.detail-dot{color:var(--text-dim)}.detail-year{font-weight:600;color:var(--text)}.detail-status{font-style:italic;color:var(--text-dim)}.detail-genres{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.genre-tag{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;border:1px solid;border-radius:var(--radius-xl);padding:.2rem .6rem;opacity:.85}.detail-ratings-row{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.detail-community-rating,.detail-api-rating,.detail-metacritic{display:flex;align-items:baseline;gap:.35rem}.avg-star{font-size:1.1rem;color:var(--accent)}.avg-num{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.avg-sub,.api-sub{font-size:.68rem;color:var(--text-dim)}.api-score{font-size:1.3rem;font-weight:700;color:var(--text-muted)}.meta-score{font-size:1.3rem;font-weight:800}.detail-your-log{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:.3rem .75rem;margin-bottom:1.25rem;font-size:.78rem}.your-log-label{color:var(--text-dim)}.your-log-status{color:var(--text-muted);text-transform:capitalize}.your-log-rating{color:var(--accent);letter-spacing:.05em}.detail-log-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.5rem;background:var(--accent);color:var(--bg-primary);font-size:.875rem;font-weight:700;border-radius:var(--radius-xl);letter-spacing:.02em;transition:opacity .15s,transform .15s;box-shadow:0 4px 20px rgba(var(--accent-rgb),.3);border:none;cursor:pointer}.detail-log-btn:hover{opacity:.88;transform:translateY(-1px)}.detail-log-btn:active{transform:translateY(0)}.detail-section{position:relative;z-index:10;max-width:820px;margin:0 auto 2.5rem;padding:0 1.5rem}.detail-section-title{display:flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding-bottom:.6rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.detail-section-count{background:var(--surface);color:var(--text-dim);font-size:.62rem;padding:.1rem .4rem;border-radius:var(--radius-xl);border:1px solid var(--border)}.detail-overview{font-size:.925rem;color:var(--text-muted);line-height:1.7;max-width:680px}.seasons-scroll-container{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.seasons-scroll-container::-webkit-scrollbar{height:6px}.seasons-scroll-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.season-card{width:120px;flex-shrink:0;cursor:pointer;transition:transform .15s}.season-card:hover{transform:translateY(-3px)}.season-poster{width:100%;aspect-ratio:2/3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface);margin-bottom:.5rem}.season-poster img{width:100%;height:100%;object-fit:cover}.season-name{font-size:.85rem;font-weight:600;color:var(--text);line-height:1.2;margin-bottom:.15rem}.season-episodes,.season-year{font-size:.7rem;color:var(--text-dim)}.season-overview{font-size:.7rem;color:var(--text-muted);line-height:1.4;margin-top:.4rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.episodes-list{display:flex;flex-direction:column;gap:0}.episode-card{display:flex;gap:.875rem;align-items:flex-start;padding:.875rem 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);position:relative}.episode-card:last-child{border-bottom:none}.episode-card:hover{background:#ffffff05}.episode-still{flex-shrink:0;width:130px;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.episode-still img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.episode-card:hover .episode-still img{transform:scale(1.04)}.episode-still-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-dim)}.episode-info{flex:1;min-width:0;padding-top:.1rem}.episode-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;flex-wrap:wrap}.episode-code{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.episode-runtime{font-size:.68rem;color:var(--text-dim);background:var(--surface);padding:.1rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.episode-date{font-size:.68rem;color:var(--text-dim);margin-left:auto}.episode-name{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:.35rem}.episode-overview{font-size:.78rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-log-btn{flex-shrink:0;align-self:center;width:28px;height:28px;border-radius:50%;border:1px solid;background:transparent;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),opacity var(--transition);opacity:0;margin-left:.5rem}.episode-card:hover .episode-log-btn{opacity:1}.episode-log-btn:hover{background:#ffffff14}.crew-list{display:flex;flex-direction:column;gap:.5rem}.crew-item{display:flex;gap:1rem;align-items:baseline}.crew-role{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;width:80px;flex-shrink:0}.crew-name{font-size:.9rem;color:var(--text);font-weight:500}.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.cast-card{text-align:center}.cast-photo{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--border);background:var(--surface);margin-bottom:.4rem}.cast-photo img{width:100%;height:100%;object-fit:cover}.cast-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-dim)}.cast-name{font-size:.72rem;font-weight:600;color:var(--text);line-height:1.2}.cast-character{font-size:.65rem;color:var(--text-dim);font-style:italic;line-height:1.2;margin-top:.1rem}.authors-list{display:flex;flex-direction:column;gap:1rem}.author-card{display:flex;gap:1rem;align-items:flex-start;padding:.875rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.author-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.author-info{flex:1;min-width:0}.author-name{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.author-bio{font-size:.8rem;color:var(--text-muted);line-height:1.5}.detail-facts{display:flex;flex-direction:column;gap:0}.fact-row{display:flex;gap:1.5rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--border)}.fact-row:last-child{border-bottom:none}.fact-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;width:110px;flex-shrink:0}.fact-value{font-size:.875rem;color:var(--text-muted)}.screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.screenshot-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);transition:transform .15s}.screenshot-img:hover{transform:scale(1.02)}.keywords-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.keyword-tag{font-size:.72rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:.2rem .65rem;transition:border-color .15s,color .15s}.keyword-tag:hover{border-color:var(--border-light);color:var(--text)}.rating-dist{display:flex;flex-direction:column;gap:.45rem}.dist-row{display:flex;align-items:center;gap:.75rem}.dist-label{font-size:.65rem;color:var(--accent);width:56px;flex-shrink:0;letter-spacing:.04em}.dist-bar-wrap{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.dist-bar{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.22,1,.36,1);min-width:2px}.dist-count{font-size:.68rem;color:var(--text-dim);width:20px;text-align:right;flex-shrink:0}.activity-loading{display:flex;justify-content:center;padding:2rem}.activity-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-dim);font-size:.875rem;font-style:italic}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;gap:.875rem;padding:.875rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition)}.activity-item:hover{border-color:var(--border-light)}.activity-item.is-mine{border-color:rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.04)}.activity-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border-light);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--accent);margin-top:.2rem}.activity-avatar img{width:100%;height:100%;object-fit:cover}.activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.activity-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.activity-username{font-size:.85rem;font-weight:600;color:var(--text)}.activity-you{font-size:.72rem;font-weight:400;color:var(--accent)}.activity-status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.activity-stars{display:flex;gap:1px;font-size:.75rem}.star-on{color:var(--accent)}.star-off{color:var(--border-light)}.activity-review{font-size:.82rem;color:var(--text);font-style:italic;line-height:1.55;margin-top:.1rem}.activity-date{font-size:.68rem;color:var(--text-dim);margin-top:.1rem}.activity-item .review-interactions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.activity-item .review-interactions button{padding:.35rem .7rem;font-size:.75rem}@media (max-width: 600px){.detail-hero{flex-direction:column;gap:1.25rem;align-items:center;text-align:center}.detail-poster{width:130px}.detail-poster--wide{width:100%;max-width:280px}.detail-sub,.detail-ratings-row,.detail-genres,.detail-badge-row{justify-content:center}.detail-title{font-size:1.6rem}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.screenshots-grid{grid-template-columns:repeat(2,1fr)}.fact-label{width:80px}.episode-card{gap:.625rem;padding:.75rem 0}.episode-still{width:100px}.episode-name{font-size:.82rem}.episode-log-btn{opacity:1;width:24px;height:24px;font-size:.875rem}.activity-item{gap:.75rem;padding:.75rem}.activity-item .review-interactions{gap:.3rem;padding-top:.5rem;margin-top:.4rem}.activity-item .review-interactions button{padding:.3rem .6rem;font-size:.7rem}}.review-detail-page{padding:24px}.review-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:0 auto}.review-cover{width:100%;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.review-cover img{width:100%;height:100%;object-fit:cover}.review-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);font-size:64px;font-weight:600;color:var(--text-secondary)}.review-content{display:flex;flex-direction:column;gap:16px}.review-header{display:flex;justify-content:space-between;align-items:flex-start}.review-user{display:flex;gap:12px}.review-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden;flex-shrink:0}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-user-info{display:flex;flex-direction:column;gap:4px}.review-username{margin:0;font-size:16px;font-weight:600}.review-date{font-size:12px;color:var(--text-secondary)}.review-type{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.review-title{margin:16px 0 8px;font-size:32px;font-weight:700}.review-creator{margin:0;font-size:14px;color:var(--text-secondary)}.review-rating{display:flex;align-items:center;gap:8px;margin:12px 0}.star-filled{color:#fbbf24;font-size:18px}.star-empty{color:var(--text-secondary);font-size:18px}.rating-text{font-size:14px;color:var(--text-secondary);margin-left:4px}.review-text{margin:16px 0;line-height:1.6;color:var(--text)}.review-text p{margin:0;white-space:pre-wrap}.review-interactions-wrap{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}@media (max-width: 768px){.review-detail-container{grid-template-columns:1fr;gap:24px}.review-title{font-size:24px}}.messages-page{min-height:100vh;background:var(--bg-primary);padding:1.5rem 1rem}.messages-back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.5rem;color:var(--text-muted);font-size:.82rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffff0a;transition:all var(--transition);cursor:pointer}.messages-back:hover{color:var(--text);border-color:var(--border-light);background:#ffffff14}.messages-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.messages-conversation{display:flex;flex-direction:column;max-width:800px;margin:0 auto;height:calc(100vh - 140px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.conversation-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center}.conversation-friend{display:flex;align-items:center;gap:.75rem}.friend-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);font-size:.9rem}.friend-avatar img{width:100%;height:100%;object-fit:cover}.conversation-friend span{font-weight:600;color:var(--text);font-size:.95rem}.messages-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.no-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.95rem}.message{display:flex;flex-direction:column;max-width:60%;gap:.25rem}.message.sent{align-self:flex-end;align-items:flex-end}.message.received{align-self:flex-start;align-items:flex-start}.message-content{padding:.75rem 1rem;border-radius:var(--radius-lg);word-wrap:break-word;line-height:1.5;font-size:.9rem}.message.sent .message-content{background:var(--accent);color:var(--bg-primary)}.message.received .message-content{background:var(--bg-primary);color:var(--text);border:1px solid var(--border)}.message-time{font-size:.7rem;color:var(--text-dim);padding:0 1rem}.message-form{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--surface)}.message-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text);font-size:.9rem;transition:border-color var(--transition)}.message-input:focus{outline:none;border-color:var(--accent)}.message-send{padding:.75rem 1.5rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:opacity var(--transition)}.message-send:hover:not(:disabled){opacity:.88}.message-send:disabled{opacity:.5;cursor:not-allowed}:root{--bg: #131E32;--surface: #1A273F;--card: #233352;--card-hover: #2D4065;--border: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .05);--accent: #4A8F60;--accent-dim: rgba(74, 143, 96, .15);--accent-glow: rgba(74, 143, 96, .3);--green: #6FB483;--red: #ef4444;--blue: #60a5fa;--text: #ffffff;--text-muted: #cbd5e1;--text-dim: #94a3b8;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow: 0 4px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .3);--nav-height: 64px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;min-width:0}html{overflow-x:hidden;scroll-behavior:smooth}html,body,#root{height:100%;max-width:100%;overflow-x:hidden}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:var(--font-body);font-size:14px;background:none}input,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select{font-family:var(--font-body);font-size:16px!important;touch-action:manipulation}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.01em}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.main-content{flex:1;width:100%;overflow-x:hidden;overflow-y:auto;padding-top:calc(var(--nav-height) + env(safe-area-inset-top,0px))}.page-wrapper{max-width:1320px;width:100%;margin:0 auto;padding:2.5rem 2rem calc(5rem + env(safe-area-inset-bottom,0px));overflow-x:hidden}@media (display-mode: standalone),(display-mode: fullscreen){.page-wrapper{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}}.page-title{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:1.25rem}.accent-line:after{content:"";display:block;width:2.5rem;height:2px;background:var(--accent);margin-top:.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.spinner{width:36px;height:36px;border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:4rem auto}.loading-center{display:flex;justify-content:center;align-items:center;min-height:200px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease forwards}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state p{font-size:.95rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--accent);color:var(--text);padding:.75rem 1.5rem;border-radius:var(--radius-xl);font-size:.875rem;z-index:9999;max-width:calc(100vw - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fadeIn .3s ease}@media (max-width: 768px){.page-wrapper{padding:1.5rem 1rem 5rem}.page-title{font-size:1.8rem}}@media (max-width: 480px){.page-wrapper{padding:1rem .75rem 5rem}.page-title{font-size:1.5rem}}.error-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;text-align:center;color:var(--text-muted, #888);font-size:.95rem}.retry-btn{padding:10px 24px;border-radius:999px;border:1px solid var(--accent, #c9a84c);background:transparent;color:var(--accent, #c9a84c);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.retry-btn:hover,.retry-btn:active{background:var(--accent, #c9a84c);color:#000}.group-avatar{background:var(--accent);color:var(--bg-primary);font-weight:700;font-size:.9rem}.group-member-count{font-size:.78rem;color:var(--text-dim);font-weight:400;margin-left:.25rem}.settings-btn{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-dim);width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.settings-btn:hover{color:var(--text);border-color:var(--border-light);background:#ffffff0f}.group-sender-name{font-size:.72rem;font-weight:600;color:var(--accent);margin-bottom:.15rem;padding:0 .25rem}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:flex-end;z-index:200;padding:1rem}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;max-height:calc(100vh - 2rem);overflow-y:auto;display:flex;flex-direction:column;animation:slideIn .18s ease}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.settings-header h3{font-size:1rem;font-weight:700;color:var(--text)}.settings-close{background:transparent;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.settings-close:hover{background:#ffffff14;color:var(--text)}.settings-section{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none}.settings-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.settings-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.75rem}.settings-section-header .settings-label{margin-bottom:0}.settings-value{font-size:.9rem;color:var(--text);font-weight:500}.rename-row{display:flex;align-items:center;gap:.5rem}.settings-input{flex:1;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text);font-size:.875rem;transition:border-color var(--transition);min-width:0}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-action-btn{padding:.45rem .85rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity var(--transition);white-space:nowrap;flex-shrink:0}.settings-action-btn:hover{opacity:.88}.settings-action-btn.small{padding:.35rem .65rem;font-size:.75rem}.settings-cancel-btn{padding:.45rem .85rem;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.settings-cancel-btn:hover{color:var(--text);border-color:var(--border-light)}.settings-add-btn{padding:.35rem .75rem;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-lg);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.settings-add-btn:hover{background:rgba(var(--accent-rgb),.1)}.add-user-area{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.5rem}.friends-to-add{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.friend-add-row,.member-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:var(--radius-md);transition:background var(--transition)}.friend-add-row:hover{background:#ffffff0a}.mini-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.friend-add-row span,.member-row span{font-size:.875rem;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{font-size:.68rem!important;font-weight:600;color:var(--accent)!important;background:rgba(var(--accent-rgb),.12);padding:.15rem .45rem;border-radius:999px;flex:none!important}.no-friends-msg{font-size:.8rem;color:var(--text-dim);text-align:center;padding:.75rem}.members-list{display:flex;flex-direction:column;gap:.15rem}.mt-s{margin-top:.25rem}.leave-btn{width:100%;padding:.65rem 1rem;background:transparent;color:#e05252;border:1px solid #e05252;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.leave-btn:hover{background:#e052521a}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes container-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.create-group-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e27cc;display:flex;align-items:center;justify-content:center;z-index:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem}.create-group-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;display:flex;flex-direction:column;animation:container-fade-in .2s ease-out;overflow:hidden;max-height:90vh}.create-group-header{padding:1.5rem 1.75rem;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem}.create-group-title{grid-column:1 / 2;font-size:1.8rem;font-weight:700;color:var(--text);margin:0;line-height:1.2}.create-group-subtitle{grid-column:2 / 3;font-size:.875rem;color:var(--text-muted);margin:0}.create-group-content{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.create-group-input{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text);font-size:.9rem;outline:none;transition:border-color var(--transition)}.create-group-input:focus{border-color:var(--accent)}.friends-selector{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;margin:0 -.5rem;padding:0 .5rem}.friends-selector::-webkit-scrollbar{width:4px}.friends-selector::-webkit-scrollbar-track{background:transparent}.friends-selector::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:2rem}.no-friends{font-size:.85rem;color:var(--text-dim);text-align:center;padding:2rem 1rem;font-style:italic}.friend-checkbox{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;cursor:pointer;border-radius:var(--radius-lg);transition:background var(--transition);position:relative}.friend-checkbox:hover{background:var(--bg-primary)}.friend-checkbox input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.modal-avatar{width:32px;height:32px;font-size:.8rem}.friend-name{font-size:.9rem;font-weight:500;color:var(--text)}.checkbox-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-light);margin-left:auto;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.checkbox-indicator:after{content:"✓";color:var(--bg-primary);font-size:.8rem;font-weight:900;transform:scale(0);transition:transform .1s ease-out}.friend-checkbox.selected{background:var(--accent-dim)}.friend-checkbox.selected .checkbox-indicator{background:var(--accent);border-color:var(--accent)}.friend-checkbox.selected .checkbox-indicator:after{transform:scale(1)}.create-group-buttons{display:flex;gap:.75rem;padding:1rem 1.75rem;background:var(--surface);border-top:1px solid var(--border);margin-top:auto}.btn-cancel,.btn-create{flex:1;padding:.7rem 1rem;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition)}.btn-cancel{background:var(--bg-primary);color:var(--text);border:1px solid var(--border)}.btn-cancel:hover{border-color:var(--border-light)}.btn-create{background:var(--accent);color:var(--bg-primary)}.btn-create:hover:not(:disabled){opacity:.88}.btn-create:disabled{opacity:.5;cursor:not-allowed}