:root{--bg-deep: #0a0a12;--bg-base: #0f0f23;--bg-elevated: #1b1b30;--bg-card: rgba(255, 255, 255, .045);--bg-card-hover: rgba(255, 255, 255, .07);--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-indigo: rgba(67, 56, 202, .45);--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #e11d48;--accent-hover: #f43f5e;--accent-soft: rgba(225, 29, 72, .14);--accent-glow: rgba(225, 29, 72, .35);--gold: #eab308;--gold-soft: rgba(234, 179, 8, .14);--indigo: #6366f1;--indigo-soft: rgba(99, 102, 241, .16);--green: #34d399;--green-soft: rgba(52, 211, 153, .14);--blue: #60a5fa;--blue-soft: rgba(96, 165, 250, .14);--purple: #a78bfa;--purple-soft: rgba(167, 139, 250, .16);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--easing: cubic-bezier(.16, 1, .3, 1);--duration: .2s;--font: "Inter", system-ui, -apple-system, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--touch: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark;overflow-x:hidden;overflow-x:clip}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.5;overflow-x:hidden;overflow-x:clip}img,svg,video{max-width:100%;height:auto}img{display:block}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 42% at 0% 0%,rgba(190,24,93,.16),transparent 62%),radial-gradient(ellipse 50% 40% at 100% 0%,rgba(79,70,229,.14),transparent 60%),radial-gradient(ellipse 45% 35% at 0% 55%,rgba(15,118,110,.08),transparent 65%),radial-gradient(ellipse 60% 30% at 70% 100%,rgba(180,130,40,.07),transparent 60%),radial-gradient(ellipse 80% 55% at 50% 40%,rgba(30,27,75,.45),transparent 70%),linear-gradient(165deg,#12122a,#0d0d1a 38%,#0a0a14 72%,#08080f);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 70% at 50% 40%,transparent 35%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:0}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay;pointer-events:none}.ambient:after{content:"";position:absolute;left:10%;right:10%;top:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.12) 25%,rgba(244,114,182,.1) 50%,rgba(99,102,241,.12) 75%,transparent);filter:blur(.5px);opacity:.7;pointer-events:none}.ambient-blob{position:absolute;border-radius:50%;filter:blur(90px);animation:blobFloat 26s var(--easing) infinite alternate;will-change:transform;mix-blend-mode:screen}.ambient-blob.a{width:min(42vw,380px);height:min(42vw,380px);background:radial-gradient(circle,#e11d48 0%,#9f1239 40%,transparent 72%);top:-12%;left:-8%;opacity:.14}.ambient-blob.b{width:min(38vw,340px);height:min(38vw,340px);background:radial-gradient(circle,#818cf8 0%,#4338ca 45%,transparent 72%);top:8%;right:-10%;animation-delay:-8s;opacity:.13}.ambient-blob.c{width:min(36vw,300px);height:min(36vw,300px);background:radial-gradient(circle,#2dd4bf 0%,#0f766e 50%,transparent 72%);bottom:5%;left:35%;animation-delay:-14s;opacity:.08}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(18px,22px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.ambient-blob{animation:none}}#root{position:relative;z-index:1;min-height:100vh;min-height:100dvh;width:100%;max-width:100%;overflow-x:clip}button,input,select,textarea{font-family:inherit;font-size:16px;max-width:100%}button{cursor:pointer;border:none;background:none;color:inherit}button:disabled{opacity:.55;cursor:not-allowed}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}.app{--page-pad: 16px;width:100%;max-width:min(1180px,100%);margin:0 auto;padding:0 var(--page-pad) calc(88px + env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow-x:hidden}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--page-pad);padding-top:calc(12px + env(safe-area-inset-top,0px));margin:0 calc(-1 * var(--page-pad));width:calc(100% + 2 * var(--page-pad));max-width:none;box-sizing:border-box;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:#0a0a12e6;border-bottom:1px solid var(--border);flex-wrap:nowrap}.logo{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;overflow:hidden}.logo-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#fb7185 0%,var(--accent) 45%,#9f1239 100%);display:grid;place-items:center;color:#fff;box-shadow:0 0 0 1px #ffffff1a,0 8px 28px var(--accent-glow),inset 0 1px #fff3;flex-shrink:0}.logo-icon svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.logo h1{font-size:1.15rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo p{font-size:.78rem;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;min-height:40px;height:40px;flex:0 0 auto;max-width:none;box-sizing:border-box}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.85rem;color:#fff;flex-shrink:0;overflow:hidden}.user-chip .name{font-weight:500;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:96px;line-height:1.2}.user-chip .icon-btn{flex-shrink:0;min-width:36px;min-height:36px;width:36px;height:36px;margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);width:var(--touch);height:var(--touch);border-radius:12px;color:var(--text-muted);transition:color var(--duration) var(--easing),background var(--duration) var(--easing),transform var(--duration) var(--easing)}.icon-btn:hover{color:var(--text);background:var(--surface-strong)}.icon-btn:active{transform:scale(.96)}.icon-btn.danger:hover{color:#fda4af;background:var(--accent-soft)}.home-hero{margin:18px 0 14px}.home-lead{color:var(--text-muted);font-size:.92rem}.home-counters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.home-counter{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:108px;padding:16px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#0e0e20d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;transition:border-color var(--duration) var(--easing),transform var(--duration) var(--easing),background var(--duration) var(--easing);box-shadow:0 4px 18px #0003}.home-counter:hover{border-color:var(--border-strong);transform:translateY(-1px)}.home-counter:active{transform:scale(.98)}.home-counter-value{font-size:2rem;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.1}.home-counter-label{font-size:.92rem;font-weight:600;color:var(--text)}.home-counter-hint{font-size:.75rem;color:var(--text-dim)}.home-counter.want{border-color:#60a5fa47;background:linear-gradient(160deg,#60a5fa1f,#0e0e20e6 55%)}.home-counter.want .home-counter-value{color:var(--blue)}.home-counter.watching{border-color:#eab30847;background:linear-gradient(160deg,#eab3081f,#0e0e20e6 55%)}.home-counter.watching .home-counter-value{color:var(--gold)}.home-counter.watched{border-color:#34d39947;background:linear-gradient(160deg,#34d3991a,#0e0e20e6 55%)}.home-counter.watched .home-counter-value{color:var(--green)}.home-counter.tonight{border-color:#a78bfa4d;background:linear-gradient(160deg,#a78bfa1f,#0e0e20e6 55%)}.home-counter.tonight .home-counter-value{color:var(--purple)}.home-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.home-mini-stat{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0e0e20bf;color:var(--text-muted);font-size:.85rem}.home-mini-stat svg{width:16px;height:16px;flex-shrink:0}.home-mini-stat strong{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}.home-mini-stat.static{cursor:default}.home-mini-stat.open{border-color:var(--border-strong);background:#1e1e37e6}.friends-dropdown-wrap{position:relative}.friends-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;padding:0;background:transparent;cursor:default}.friends-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;min-width:min(100vw - 32px,320px);max-height:min(60vh,360px);overflow:hidden;display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border-strong);background:#121224fa;box-shadow:var(--shadow);animation:sheetIn .18s var(--easing)}.friends-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:.88rem}.friends-dropdown-head span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:700}.friends-dropdown-empty{padding:16px 14px;color:var(--text-muted);font-size:.88rem;line-height:1.45}.friends-dropdown-list{list-style:none;margin:0;padding:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.friends-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px}.friends-dropdown-item:hover{background:var(--surface)}.friends-dropdown-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friends-dropdown-name{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-dropdown-status{font-size:.75rem;color:var(--text-dim)}.friends-dropdown-status.on{color:var(--green)}.friends-dropdown-user{font-size:.72rem;color:var(--text-dim)}.friends-ban{flex-shrink:0;color:#fda4af!important;min-height:32px;padding:4px 8px}@media(max-width:560px){.friends-dropdown{position:fixed;left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-height:min(55vh,400px);animation:sheetUp .22s var(--easing)}.friends-dropdown-backdrop{background:#00000073}}.home-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.home-actions .btn{flex:1 1 auto;min-width:min(100%,120px)}.home-empty{margin-top:8px}.list-toolbar{display:flex;align-items:center;gap:10px;margin:14px 0 10px}.list-toolbar-title{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.list-toolbar-title h2{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-toolbar-title span{font-size:.95rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.list-back{flex-shrink:0}.list-view-toolbar{margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 16px;position:relative;z-index:1}.stat{background:#0e0e20d1;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-sm);padding:14px 12px;text-align:center;min-width:0;box-shadow:0 4px 16px #0003;transition:border-color var(--duration) var(--easing),background var(--duration) var(--easing),box-shadow var(--duration) var(--easing)}.stat:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.stat-btn{cursor:pointer;color:inherit;font:inherit;width:100%}.stat-btn.active{border-color:#e11d4873;background:var(--accent-soft);box-shadow:0 0 0 1px #e11d4826}.stat-btn.want.active{border-color:#60a5fa80;background:var(--blue-soft);box-shadow:none}.stat-btn.want.active .value{color:var(--blue)}.stat-btn.watching.active{border-color:#eab30880;background:var(--gold-soft);box-shadow:none}.stat-btn.watching.active .value{color:var(--gold)}.stat-btn.watched.active{border-color:#34d39973;background:var(--green-soft);box-shadow:none}.stat-btn.watched.active .value{color:var(--green)}.stat .value{font-size:1.35rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat .label{font-size:.7rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.status-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;flex:1 1 100%}.status-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);text-align:left;transition:all var(--duration) var(--easing);min-width:0}.status-tab:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-card-hover)}.status-tab.active{color:var(--text);border-color:var(--border-strong);background:var(--bg-card);box-shadow:var(--shadow)}.status-tab.watching.active{border-color:#eab30873;background:linear-gradient(160deg,rgba(234,179,8,.12),transparent 70%)}.status-tab.want.active{border-color:#60a5fa73;background:linear-gradient(160deg,rgba(96,165,250,.12),transparent 70%)}.status-tab.watched.active{border-color:#34d39966;background:linear-gradient(160deg,rgba(52,211,153,.1),transparent 70%)}.status-tab-label{font-size:.78rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.status-tab-count{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text)}.status-tab.watching .status-tab-count{color:var(--gold)}.status-tab.want .status-tab-count{color:var(--blue)}.status-tab.watched .status-tab-count{color:var(--green)}.lists{display:flex;flex-direction:column;gap:28px;width:100%}.list-section{position:relative;padding:16px 14px 14px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%)}.list-section-watching{border-color:#eab30838;background:linear-gradient(180deg,rgba(234,179,8,.06),transparent 48%)}.list-section-want{border-color:#60a5fa38;background:linear-gradient(180deg,rgba(96,165,250,.05),transparent 48%)}.list-section-watched{border-color:#34d3992e;background:linear-gradient(180deg,rgba(52,211,153,.04),transparent 48%)}.list-section-watched .card{opacity:.92}.list-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.list-section-titles h2{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.list-section-titles p{margin-top:3px;font-size:.8rem;color:var(--text-muted)}.list-section-count{flex-shrink:0;min-width:40px;height:40px;padding:0 12px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-variant-numeric:tabular-nums;font-size:1rem;border:1px solid var(--border);background:var(--bg-elevated)}.list-section-count.watching{color:var(--gold);border-color:#eab30859;background:var(--gold-soft)}.list-section-count.want{color:var(--blue);border-color:#60a5fa59;background:var(--blue-soft)}.list-section-count.watched{color:var(--green);border-color:#34d3994d;background:var(--green-soft)}.list-section-empty{padding:22px 12px;text-align:center;color:var(--text-muted);font-size:.9rem;border:1px dashed var(--border);border-radius:var(--radius-sm);background:#0000001f}.list-section-more{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}.list-section-more .btn{min-width:min(100%,200px)}.detail-loading{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.88rem}.detail-loading .spinner{width:18px;height:18px;border-width:2px}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;max-width:52%;min-width:0}.friends-row{display:none;align-items:center;flex-shrink:1;max-width:88px;overflow:hidden}@media(min-width:720px){.friends-row{display:flex}}.friend-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;margin-left:-6px;border:2px solid var(--bg-deep);position:relative;opacity:.55;flex-shrink:0}.friend-dot:first-child{margin-left:0}.friend-dot.on{opacity:1;box-shadow:0 0 0 2px #34d3998c}.avatar-wrap{position:relative;flex-shrink:0;width:32px;height:32px}.avatar-photo{object-fit:cover;border-radius:50%;display:block;width:100%;height:100%}.tg-login-card .tg-widget-host{display:flex;justify-content:center;min-height:44px}.admin-badge{position:absolute;right:-4px;bottom:-4px;font-size:9px;line-height:1;z-index:1}.quick-actions{display:flex;flex-wrap:wrap;gap:6px;width:100%;align-items:center}.density-label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.card-note{font-size:.82rem;color:var(--text-muted);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.genre-row{display:flex;flex-wrap:wrap;gap:4px}.genre-chip{font-size:.68rem;padding:2px 8px;border-radius:999px;background:var(--indigo-soft);color:var(--purple);border:1px solid rgba(167,139,250,.25)}.progress-pill{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px;background:#6366f12e;color:#c7d2fe}.watched-date{font-size:.72rem;color:var(--text-dim)}.tonight-badge{position:absolute;bottom:8px;left:8px;z-index:2;font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.card-mini-actions{display:flex;gap:4px;grid-column:1 / -1}.card-mini-actions .chip{min-height:32px;padding:4px 10px}.empty-tips{text-align:left;margin:12px auto 0;max-width:320px;color:var(--text-muted);font-size:.88rem;line-height:1.5;padding-left:1.2em}.field-hint{font-size:.78rem;color:var(--text-dim);margin-top:4px}.detail-desc{color:var(--text-muted);margin-bottom:10px;font-size:.95rem;line-height:1.5}.detail-note{margin-bottom:12px;padding:8px 10px;border-radius:var(--radius-xs);background:var(--gold-soft);color:var(--gold);font-size:.88rem}.comments-block,.watch-links,.trailer-block{margin:14px 0}.comments-block h3,.watch-links h3,.ratings-list h3{font-size:.9rem;margin-bottom:8px}.comments-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;margin-bottom:10px}.comment-item{display:flex;gap:8px;align-items:flex-start}.comment-item p{margin:2px 0 0;font-size:.9rem;color:var(--text)}.comment-time{margin-left:8px;font-size:.72rem;color:var(--text-dim);font-weight:400}.comment-form{display:flex;gap:8px}.comment-form input{flex:1;min-height:40px;padding:8px 12px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.trailer-frame{margin-top:10px;position:relative;padding-bottom:56.25%;height:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.trailer-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.link-row{display:flex;flex-wrap:wrap;gap:6px}.modal-actions.wrap{flex-wrap:wrap}.modal-head-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.detail-menu-wrap{position:relative}.detail-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:transparent;border:0;padding:0;cursor:default}.detail-menu.sheet{position:absolute;top:calc(100% + 6px);right:0;z-index:70;min-width:200px;padding:6px;border-radius:14px;background:#161628fa;border:1px solid var(--border-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;animation:sheetIn .18s var(--easing)}@keyframes sheetIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.detail-menu.sheet button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;border-radius:10px;text-align:left;font-size:.92rem;font-weight:500;color:var(--text);background:transparent;border:0}.detail-menu.sheet button:hover{background:var(--surface-strong)}.detail-menu.sheet button.danger{color:#fda4af}.detail-primary-actions{flex-wrap:wrap}@media(max-width:560px){.detail-menu.sheet{position:fixed;left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-width:0;padding:10px;border-radius:18px;animation:sheetUp .22s var(--easing)}@keyframes sheetUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.detail-menu-backdrop{background:#00000073}}.taste-score{font-size:1.05rem;margin-bottom:12px}.taste-result ul{margin:0 0 12px 1.1em;color:var(--text-muted);font-size:.9rem}.density-compact .card-poster{height:110px}.density-compact .card-body{padding:10px;gap:6px}.density-compact .card-title{font-size:.95rem}.density-cozy .card-poster{height:200px}.density-cozy .card-title{font-size:1.15rem}@media(max-width:720px){.header-right{max-width:58%}.user-chip .name{max-width:72px}.quick-actions{gap:4px}.quick-actions .btn-sm{font-size:.75rem;padding:6px 8px}}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:18px;width:100%}.search{flex:1 1 100%;min-width:0;width:100%;position:relative}.search .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-dim);display:grid;place-items:center;pointer-events:none}.search input{width:100%;min-height:var(--touch);padding:11px 14px 11px 44px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--duration) var(--easing),box-shadow var(--duration) var(--easing)}.search input:focus{border-color:#e11d488c;box-shadow:0 0 0 3px var(--accent-soft)}.search input::placeholder{color:var(--text-dim)}.filters{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:100%;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 24px),transparent 100%)}.filters::-webkit-scrollbar{display:none}.filters>*{flex:0 0 auto}.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;font-size:.84rem;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);transition:all var(--duration) var(--easing);white-space:nowrap;flex-shrink:0}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:#e11d4873;color:#fda4af}.chip.active.gold{background:var(--gold-soft);border-color:#eab30866;color:var(--gold)}.chip svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:transform var(--duration) var(--easing),box-shadow var(--duration) var(--easing),background var(--duration) var(--easing),border-color var(--duration) var(--easing)}.btn:active:not(:disabled){transform:scale(.97)}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:linear-gradient(145deg,var(--accent-hover),var(--accent));color:#fff;box-shadow:0 4px 20px var(--accent-glow),0 0 0 1px #ffffff0f inset}.btn-primary:hover:not(:disabled){box-shadow:0 6px 28px var(--accent-glow),0 0 0 1px #ffffff1a inset}.btn-ghost{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-card-hover)}.btn-sm{min-height:36px;padding:6px 12px;font-size:.8rem;border-radius:var(--radius-xs)}.btn-sm svg{width:16px;height:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0;max-width:100%;transition:border-color var(--duration) var(--easing),transform var(--duration) var(--easing),box-shadow var(--duration) var(--easing),background var(--duration) var(--easing);animation:cardIn .45s var(--easing) both;content-visibility:auto;contain-intrinsic-size:auto 320px}.card-virtual{content-visibility:auto;contain-intrinsic-size:auto 320px}.card:nth-child(1){animation-delay:.02s}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.14s}.card:nth-child(5){animation-delay:.18s}.card:nth-child(6){animation-delay:.22s}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow);background:var(--bg-card-hover)}.card-poster{height:148px;background:linear-gradient(145deg,#1e1b4b,#12121f 55%,#0f0f23);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,15,35,.55),transparent 50%);pointer-events:none}.card-poster img{width:100%;height:100%;object-fit:cover}.card-poster .placeholder{color:#ffffff2e;z-index:1}.card-poster .placeholder svg{width:48px;height:48px}.card-poster .type-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid rgba(255,255,255,.1)}.card-poster .type-badge svg{width:12px;height:12px}.card-poster .type-badge.movie{color:#93c5fd}.card-poster .type-badge.series{color:#6ee7b7}.card-poster .type-badge.anime{color:#c4b5fd}.card-poster .fav-btn{position:absolute;top:8px;right:8px;z-index:2;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#ffffffbf;transition:transform var(--duration) var(--easing),color var(--duration) var(--easing),background var(--duration) var(--easing)}.card-poster .fav-btn:hover{transform:scale(1.08);background:#000000b3;color:#fda4af}.card-poster .fav-btn.on{color:#fb7185}.card-body{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.card-title{font-size:1.05rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-word}.card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.8rem;color:var(--text-muted)}.status-pill{padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-pill.want{background:var(--blue-soft);color:var(--blue)}.status-pill.watching{background:var(--gold-soft);color:var(--gold)}.status-pill.watched{background:var(--green-soft);color:var(--green)}.card-desc{font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.rating-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avg-score{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:1rem;color:var(--gold);font-variant-numeric:tabular-nums}.avg-score svg{width:16px;height:16px}.avg-score .count{font-weight:400;font-size:.75rem;color:var(--text-dim)}.my-score{font-size:.78rem;color:var(--text-muted);padding:3px 8px;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.card-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:6px;align-items:stretch;width:100%}.card-footer-3{grid-template-columns:1fr 1fr}.card-footer-3 .status-move{grid-column:1 / -1}.card-footer .btn{width:100%}.card-footer .status-select.inline{grid-column:1 / -1;width:100%;flex:none}.added-by{font-size:.75rem;color:var(--text-dim);display:flex;align-items:center;gap:6px}.added-by .mini-avatar{width:18px;height:18px;border-radius:50%;font-size:.58rem;display:grid;place-items:center;color:#fff;font-weight:600}.empty,.loading{text-align:center;padding:72px 24px;color:var(--text-muted)}.empty .empty-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-dim)}.empty .empty-icon svg{width:28px;height:28px}.empty h3{font-size:1.15rem;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 16px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .18s var(--easing);overflow:hidden}@media(min-width:561px){.overlay{align-items:center;padding:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,#1c1c34,#151528);border:1px solid var(--border-strong);border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:min(92dvh,92vh);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 28px 80px #0000008c,0 0 0 1px #6366f11f;animation:slideUp .28s var(--easing);box-sizing:border-box}.modal.modal-wide{max-width:100%}@media(min-width:561px){.modal{border-radius:20px;max-width:480px;max-height:min(90dvh,720px);padding:28px}.modal.modal-wide{max-width:560px}}.add-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.info-msg{background:var(--indigo-soft);border:1px solid rgba(99,102,241,.35);color:#c7d2fe;padding:12px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px;line-height:1.45}.info-msg code{font-size:.8em;background:#00000040;padding:1px 6px;border-radius:4px}.catalog-panel{margin-bottom:8px}.catalog-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.catalog-search-row{display:flex;gap:8px;align-items:stretch;width:100%}.catalog-search-row .catalog-search{flex:1;min-width:0}.catalog-search-row .btn{flex-shrink:0;align-self:stretch;min-height:var(--touch);padding-left:14px;padding-right:14px}.catalog-search input{min-height:var(--touch)}.catalog-hint{font-size:.78rem;color:var(--text-dim);margin-bottom:8px}.catalog-list{display:flex;flex-direction:column;gap:6px;max-height:min(40dvh,280px);overflow-x:hidden;overflow-y:auto;margin-bottom:16px;min-width:0;width:100%}.catalog-item{display:flex;gap:12px;align-items:center;width:100%;max-width:100%;min-width:0;text-align:left;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000038;transition:border-color var(--duration) var(--easing),background var(--duration) var(--easing);min-height:64px;box-sizing:border-box;overflow:hidden}.catalog-item:hover{border-color:var(--border-strong);background:var(--surface-strong)}.catalog-item.active{border-color:#e11d4880;background:var(--accent-soft)}.catalog-poster{width:48px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-elevated);border:1px solid var(--border)}.catalog-poster img{width:100%;height:100%;object-fit:cover}.catalog-poster-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--text-dim)}.catalog-meta{min-width:0;flex:1 1 0;overflow:hidden}.catalog-title{font-weight:600;font-size:.95rem;letter-spacing:-.02em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-sub{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:4px;font-size:.78rem;color:var(--text-muted)}.catalog-vote{display:inline-flex;align-items:center;gap:3px;color:var(--gold);font-weight:600}.catalog-empty{text-align:center;padding:28px 12px;color:var(--text-dim);font-size:.9rem}.selected-banner{display:flex;gap:12px;align-items:center;padding:12px;margin-bottom:16px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid rgba(225,29,72,.3);font-size:.9rem;min-width:0;overflow:hidden}.selected-banner>div{min-width:0;flex:1;overflow:hidden}.selected-banner img{width:40px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.poster-preview{margin-top:10px;max-width:120px;border-radius:10px;border:1px solid var(--border);display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.modal h2{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;line-height:1.25}.modal .subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.modal-close{flex-shrink:0;margin:-6px -6px 0 0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.78rem;font-weight:500;color:var(--text-muted);margin-bottom:6px;letter-spacing:.02em}.form-group input,.form-group select,.form-group textarea,.status-select{width:100%;min-height:var(--touch);padding:11px 14px;background:#00000047;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--duration) var(--easing),box-shadow var(--duration) var(--easing)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.status-select:focus{border-color:#e11d4880;box-shadow:0 0 0 3px var(--accent-soft)}.form-group textarea{resize:vertical;min-height:88px;max-height:160px;line-height:1.45;overflow-y:auto;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.error-msg{background:var(--accent-soft);border:1px solid rgba(225,29,72,.35);color:#fda4af;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px}.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));position:relative;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.login-card{width:100%;max-width:400px;margin:auto;flex-shrink:0;background:linear-gradient(180deg,#1b1b30f2,#0f0f23fa);border:1px solid var(--border-strong);border-radius:24px;padding:40px 32px;box-shadow:var(--shadow),0 0 0 1px #6366f11a;text-align:center;position:relative;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.login-card .logo-icon{margin:0 auto 20px;width:64px;height:64px;border-radius:18px}.login-card .logo-icon svg{width:32px;height:32px}.login-card h1{font-size:1.65rem;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}.login-card .lead{color:var(--text-muted);margin-bottom:28px;font-size:.95rem;line-height:1.5}.login-card .form-group{text-align:left}.color-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.color-dot{width:32px;height:32px;border-radius:50%;border:2px solid transparent;transition:transform var(--duration) var(--easing),border-color var(--duration) var(--easing),box-shadow var(--duration) var(--easing)}.color-dot:hover{transform:scale(1.12)}.color-dot.selected{border-color:#fff;box-shadow:0 0 0 2px var(--bg-base)}.existing-users{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:left}.existing-users h3{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-weight:600}.user-list{display:flex;flex-direction:column;gap:6px}.user-item{display:flex;align-items:center;gap:10px;min-height:var(--touch);padding:8px 12px;border-radius:var(--radius-sm);background:#0003;border:1px solid var(--border);transition:border-color var(--duration) var(--easing),background var(--duration) var(--easing);width:100%;text-align:left}.user-item:hover{border-color:var(--border-strong);background:var(--surface-strong)}.score-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:4px;width:100%}.score-btn{width:100%;height:40px;min-width:0;min-height:40px;border-radius:10px;background:#00000047;border:1px solid var(--border);font-weight:600;font-size:.9rem;color:var(--text-muted);transition:all var(--duration) var(--easing)}.score-btn:hover{border-color:#eab30880;color:var(--gold)}.score-btn.selected{background:var(--gold-soft);border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px #eab30833}.ratings-list{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.ratings-list h3{font-size:.78rem;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.rating-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.rating-item:last-child{border-bottom:none}.rating-item .score{font-weight:700;color:var(--gold);min-width:36px;font-variant-numeric:tabular-nums}.rating-item .review{font-size:.85rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-strong);padding:12px 20px;border-radius:999px;font-size:.9rem;box-shadow:var(--shadow);z-index:200;animation:slideUp .25s var(--easing);max-width:min(360px,calc(100vw - 32px));width:max-content;text-align:center;box-sizing:border-box}.status-select.inline{width:auto;min-height:40px;padding:6px 10px;font-size:.9rem;border-radius:var(--radius-xs);cursor:pointer;flex:1;min-width:0;max-width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ambient-blob{animation:none}}@media(max-width:900px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.app{--page-pad: 14px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat{padding:10px 6px}.stat .value{font-size:1.15rem}.stat .label{font-size:.62rem;letter-spacing:.03em}.status-nav{grid-template-columns:1fr 1fr}.status-tab{min-height:52px;padding:10px}.status-tab-label{white-space:normal;font-size:.74rem}.list-section{padding:12px 10px 10px}.lists{gap:18px}.grid{grid-template-columns:1fr;gap:12px}.toolbar .btn-primary{width:100%}.toolbar .toolbar-sort,.toolbar .status-select.inline{width:100%;flex:1 1 100%;min-width:0}}@media(max-width:560px){.form-row{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:last-child{grid-column:span 2}.logo p{display:none}.logo-icon{width:40px;height:40px;border-radius:12px}.logo h1{font-size:1rem}.user-chip .name{max-width:88px}.icon-btn{min-width:40px;min-height:40px;width:40px;height:40px}.login-screen{align-items:flex-start;justify-content:flex-start;padding:max(20px,env(safe-area-inset-top,0px)) 14px max(24px,env(safe-area-inset-bottom,0px))}.login-card{padding:28px 18px;border-radius:18px;margin-top:8px;margin-bottom:24px}.ambient-blob{filter:blur(64px)}.ambient-blob.a{opacity:.11}.ambient-blob.b{opacity:.1}.ambient-blob.c{opacity:.06}.ambient:before{opacity:.028}body:before{background:radial-gradient(ellipse 55% 40% at 0% 0%,rgba(190,24,93,.12),transparent 62%),radial-gradient(ellipse 48% 38% at 100% 0%,rgba(79,70,229,.11),transparent 60%),radial-gradient(ellipse 70% 50% at 50% 45%,rgba(30,27,75,.4),transparent 70%),linear-gradient(165deg,#12122a,#0d0d1a 45%,#0a0a14)}.stat{background:#0c0c1ce6}.login-card h1{font-size:1.4rem}.modal h2{font-size:1.15rem;min-width:0;overflow-wrap:anywhere}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .btn{width:100%}.card:hover{transform:none}.filters{-webkit-mask-image:none;mask-image:none}}@media(max-width:380px){.app{--page-pad: 12px}.chip{padding:6px 10px;font-size:.8rem;min-height:34px}.score-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.score-btn{height:36px;min-height:36px;font-size:.85rem}.user-chip .name{max-width:64px}}@media(min-width:721px){.search{flex:1 1 220px;width:auto}.filters{width:auto;flex:1 1 auto;-webkit-mask-image:none;mask-image:none;flex-wrap:wrap;overflow:visible}.toolbar .toolbar-sort{width:auto;min-width:150px;flex:0 0 auto}.card-footer{display:flex;flex-wrap:wrap}.card-footer .btn{width:auto}.card-footer .status-select.inline{grid-column:auto;width:auto;min-width:110px}}.card-desc,.error-msg{overflow-wrap:anywhere;word-break:break-word}