:root{--bg: #0a0b0f;--bg-soft: #0f121a;--surface: #151925;--surface-2: #1c2130;--surface-3: #252b3d;--line: #262c3c;--text: #e9ecf4;--muted: #8b93a8;--dim: #5c6478;--dario: #4c9aff;--federico: #ffb02e;--good: #3ddc84;--danger: #ff5a65;--radius: .875rem;--radius-sm: .625rem;--radius-pill: 999rem;--header-h: 3.625rem;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}*::-webkit-scrollbar{width:.625rem;height:.625rem}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background:#333c54}button{cursor:pointer;border:none;background:none;padding:0}.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);border-bottom:1px solid var(--line)}.header__inner{max-width:87.5rem;margin:0 auto;padding:0 1rem;height:var(--header-h);display:flex;align-items:center;gap:.625rem}.brand{display:flex;align-items:baseline;gap:.5rem;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.brand span{display:none;color:var(--dim);font-weight:500;font-size:.78rem;letter-spacing:0}@media(min-width:37.5rem){.header__inner{gap:.875rem}.brand span{display:inline}}.header__spacer{flex:1}.who{display:flex;align-items:center;gap:.375rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);padding:.1875rem}.who__btn{padding:.375rem .75rem;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;color:var(--muted);transition:background .15s,color .15s;white-space:nowrap}.who__btn[data-active=true]{color:#0a0b0f;background:var(--user-color)}.btn-add{display:inline-flex;align-items:center;gap:.4375rem;background:var(--text);color:#0a0b0f;font-weight:650;font-size:.85rem;padding:.5625rem .9375rem;border-radius:var(--radius-pill);transition:opacity .15s}.btn-add:hover{opacity:.85}.btn-add span{display:none}@media(min-width:45rem){.btn-add span{display:inline}}.page{max-width:87.5rem;margin:0 auto;padding:1rem 1rem 5.625rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;margin-bottom:.875rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .5625rem;min-width:0}.stat__value{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat__label{font-size:.64rem;color:var(--muted);margin-top:.125rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:40rem){.stats{gap:.5rem;margin-bottom:1rem}.stat{padding:.6875rem .8125rem}.stat__value{font-size:1.35rem}.stat__label{font-size:.72rem;letter-spacing:.05em}}.toolbar{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.125rem}.toolbar__row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.search{position:relative;flex:1 1 100%;min-width:0}.select{position:relative;flex:1 1 0;min-width:0}@media(min-width:40rem){.search{flex:1 1 13.75rem}.select{flex:0 0 11.875rem}}.search input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.625rem 2.125rem .625rem 2.25rem;outline:none;font-size:.9rem}.search input:focus{border-color:var(--surface-3)}.search__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--dim);pointer-events:none;display:flex}.search__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--dim);padding:.25rem;border-radius:.375rem}.search__clear:hover{color:var(--text)}.select__trigger{width:100%;display:flex;align-items:center;gap:.375rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.625rem .625rem .625rem .75rem;font-size:.85rem;color:var(--text);text-align:left;transition:border-color .15s}.select__trigger:hover,.select__trigger[aria-expanded=true]{border-color:var(--surface-3)}.select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__chevron{width:1rem;height:1rem;flex:none;color:var(--dim);transition:transform .18s ease}.select__trigger[aria-expanded=true] .select__chevron{transform:rotate(180deg)}.select__list{position:absolute;z-index:50;top:calc(100% + .25rem);left:0;right:0;min-width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:.25rem;list-style:none;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-sm);box-shadow:0 .75rem 2rem #0000008c;animation:rise .14s ease}.select__option{width:100%;text-align:left;padding:.5rem .625rem;border-radius:.4375rem;font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select__option[data-active=true]{background:var(--surface-3);color:var(--text)}.select__option[data-selected=true]{color:var(--text);font-weight:650}.chips{display:flex;gap:.375rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.125rem;margin:0 -1rem;padding-inline:1rem}.chips::-webkit-scrollbar{display:none}.chip{flex:none;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-pill);padding:.4375rem .8125rem;font-size:.81rem;font-weight:550;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.chip[data-active=true]{background:var(--surface-3);border-color:var(--surface-3);color:var(--text)}.chip--primary{font-size:.84rem;padding:.5rem .875rem}.chip--primary[data-active=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.chip--primary[data-active=true] .chip__count{color:#0a0b0f80}.detail__kinds{display:flex;flex-wrap:wrap;gap:.375rem}.detail__hint{margin:.625rem 0 0;font-size:.78rem;color:var(--dim);line-height:1.45}.chip__count{color:var(--dim);margin-left:.3125rem;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.875rem,1fr));gap:.875rem}@media(min-width:56.25rem){.grid{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1.125rem}}.card{display:flex;flex-direction:column;gap:.5rem;min-width:0}.card__frame{position:relative}.card__poster{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);border:1px solid var(--line);width:100%;display:block;transition:transform .18s ease,border-color .18s ease}.card__poster:hover{transform:translateY(-.1875rem);border-color:var(--surface-3)}.card__poster img{width:100%;height:100%;object-fit:cover;display:block}.card__fallback{width:100%;height:100%;display:grid;place-items:center;padding:.875rem;text-align:center;font-size:.8rem;color:var(--dim);line-height:1.35}.card__poster[data-ring=true]{border-color:var(--ring);box-shadow:0 0 0 .125rem color-mix(in srgb,var(--ring) 45%,transparent)}.card__marks{position:absolute;right:.375rem;bottom:.375rem;display:flex;align-items:center;gap:.25rem}.mark{display:inline-flex;align-items:center;justify-content:center;gap:.1875rem;height:1.5rem;min-width:1.5rem;padding:0 .375rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:800;background:var(--mark-color);color:#0a0b0f;box-shadow:0 .125rem .5rem #0000008c}.mark--btn{padding:0;background:#0a0b0fb8;-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);border:1px solid rgba(255,255,255,.18);color:#fff;transition:background .15s,color .15s,border-color .15s,transform .15s}.mark--btn:hover{transform:scale(1.1);border-color:var(--mark-color);color:var(--mark-color)}.mark--btn[data-on=true]{background:var(--mark-color);border-color:var(--mark-color);color:#0a0b0f}.mark--btn[data-on=true]:hover{color:#0a0b0f}.card__badge{position:absolute;top:.5rem;right:.5rem;background:#0a0b0fd1;-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-pill);padding:.25rem .5rem;font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:.25rem}.card__flags{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.25rem}.flag{width:1.25rem;height:1.25rem;border-radius:50%;display:grid;place-items:center;font-size:.62rem;font-weight:800;color:#0a0b0f;border:1.5px solid rgba(10,11,15,.6)}.card__title{font-size:.87rem;font-weight:620;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.card__meta{font-size:.73rem;color:var(--dim);margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__votes{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-top:auto;padding-top:.125rem}.vote{display:flex;align-items:center;justify-content:center;gap:.3125rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.4375rem .25rem;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dim);transition:border-color .15s,background .15s;min-width:0}.vote:hover{border-color:var(--surface-3)}.vote__initial{width:1rem;height:1rem;border-radius:50%;display:grid;place-items:center;font-size:.6rem;font-weight:800;color:#0a0b0f;background:var(--dim);flex:none}.vote[data-state=scored]{color:var(--text);background:color-mix(in srgb,var(--vote-color) 12%,var(--surface));border-color:color-mix(in srgb,var(--vote-color) 32%,var(--line))}.vote[data-state=scored] .vote__initial,.vote[data-state=watched] .vote__initial{background:var(--vote-color)}.vote[data-state=watched]{color:var(--muted)}.empty{text-align:center;padding:4.375rem 1.25rem;color:var(--muted)}.empty h2{color:var(--text);font-size:1.05rem;margin:0 0 .375rem}.empty p{margin:0 0 1.125rem;font-size:.88rem}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:220% 100%;animation:shimmer 1.4s infinite linear;aspect-ratio:2 / 3}@keyframes shimmer{to{background-position:-220% 0}}.overlay{position:fixed;inset:0;z-index:60;background:#050609b8;-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade .15s ease}@media(min-width:45rem){.overlay{align-items:center;padding:1.5rem}}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg-soft);border:1px solid var(--line);border-radius:1.125rem 1.125rem 0 0;width:100%;max-width:38.75rem;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:rise .22s cubic-bezier(.2,.9,.3,1)}@media(min-width:45rem){.sheet{border-radius:1.125rem;max-height:86vh}}@keyframes rise{0%{transform:translateY(1.5rem);opacity:0}}.sheet__head{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border-bottom:1px solid var(--line);flex:none}.sheet__head h2{margin:0;font-size:.98rem;font-weight:650;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet__body{padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.icon-btn{width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;color:var(--muted);flex:none;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.picker__user{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted);margin-bottom:.875rem}.picker__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4375rem}@media(min-width:30rem){.picker__grid{grid-template-columns:repeat(7,1fr)}}.picker__score{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);font-size:.86rem;font-weight:650;font-variant-numeric:tabular-nums;display:grid;place-items:center;transition:background .12s,border-color .12s,transform .12s}.picker__score:hover{border-color:var(--surface-3);transform:scale(1.05)}.picker__score[data-selected=true]{background:var(--user-color);border-color:var(--user-color);color:#0a0b0f}.picker__states{display:grid;gap:.4375rem;margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--line)}.picker__state{display:flex;align-items:center;gap:.5625rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6875rem .8125rem;font-size:.87rem;text-align:left;transition:border-color .15s}.picker__state:hover{border-color:var(--surface-3)}.picker__state[data-selected=true]{border-color:var(--user-color);color:var(--text)}.result{display:flex;gap:.6875rem;align-items:center;width:100%;padding:.5625rem;border-radius:var(--radius-sm);text-align:left;transition:background .14s;border:1px solid transparent}.result:hover{background:var(--surface)}.result img,.result__ph{width:2.75rem;height:4.125rem;object-fit:cover;border-radius:.4375rem;flex:none;background:var(--surface-2)}.result__main{flex:1;min-width:0;display:block}.result__title{display:block;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__sub{display:block;font-size:.76rem;color:var(--dim);margin-top:.1875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__action{font-size:.78rem;font-weight:650;color:var(--dim);flex:none;padding:.375rem .625rem;border-radius:var(--radius-pill);background:var(--surface-2)}.result[data-added=true] .result__action{color:var(--good)}.hint{color:var(--dim);font-size:.82rem;text-align:center;padding:1.625rem .625rem;line-height:1.5}.detail__top{display:flex;gap:.875rem;margin-bottom:1rem}.detail__poster{width:6.75rem;flex:none;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);aspect-ratio:2 / 3}.detail__poster img{width:100%;height:100%;object-fit:cover;display:block}.detail__title{font-size:1.12rem;font-weight:680;line-height:1.25;letter-spacing:-.02em;margin:0 0 .3125rem}.detail__sub{font-size:.8rem;color:var(--muted);line-height:1.5}.detail__tags{display:flex;flex-wrap:wrap;gap:.3125rem;margin-top:.5625rem}.tag{font-size:.68rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-radius:.375rem;padding:.25rem .4375rem}.detail__section{border-top:1px solid var(--line);padding-top:.875rem;margin-top:.875rem}.detail__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);margin-bottom:.5rem;font-weight:650}.detail__plot{font-size:.87rem;line-height:1.6;color:var(--muted);margin:0}.detail__votes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.field{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.625rem .75rem;font-size:.87rem;outline:none;resize:vertical}.field:focus{border-color:var(--surface-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;border-radius:var(--radius-sm);padding:.625rem .9375rem;font-size:.85rem;font-weight:620;background:var(--surface-2);border:1px solid var(--line);transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--surface-3);background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--text);color:#0a0b0f;border-color:var(--text)}.btn--primary:hover:not(:disabled){background:#fff;border-color:#fff}.btn--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--line));background:color-mix(in srgb,var(--danger) 8%,transparent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 16%,transparent);border-color:var(--danger)}.btn--block{width:100%}.row-actions{display:flex;gap:.5rem;margin-top:1rem}.toasts{position:fixed;left:50%;bottom:1.375rem;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none;width:calc(100% - 2rem);max-width:26.25rem}.toast{background:var(--surface-3);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-pill);padding:.625rem 1.125rem;font-size:.84rem;font-weight:550;box-shadow:0 .5rem 1.625rem #00000080;animation:rise .2s ease;text-align:center}.toast[data-kind=error]{background:color-mix(in srgb,var(--danger) 22%,var(--surface-3));border-color:var(--danger)}.toast[data-kind=success]{background:color-mix(in srgb,var(--good) 18%,var(--surface-3));border-color:color-mix(in srgb,var(--good) 50%,var(--line))}:focus-visible{outline:2px solid var(--dario);outline-offset:.125rem}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}