:root{--bg: #0b0e14;--bg-elevated: #12161f;--bg-card: #171c27;--bg-hover: #1e2430;--border: #262c3a;--text: #e6e9f0;--text-muted: #9aa3b5;--text-faint: #6b7385;--accent: #7c9eff;--accent-strong: #5b7fff;--accent-text: #0b0e14;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow: 0 8px 24px rgba(0, 0, 0, .4);--status-seen: #34d399;--status-partial: #fbbf24;--status-interested: #60a5fa;--status-skip: #8b93a7}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--accent)}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.02em;color:var(--text)}.brand__mark{color:var(--accent)}.nav nav{display:flex;gap:1.25rem}.nav nav a{color:var(--text-muted);text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s}.nav nav a:hover,.nav nav a.active{color:var(--text)}.auth{display:flex;align-items:center;gap:.75rem}.email{color:var(--text-faint);font-size:.82rem}main{max-width:1100px;width:100%;margin:0 auto;padding:1.5rem;flex:1}button,.btn{cursor:pointer;padding:.5rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;transition:background .15s,border-color .15s,transform .1s}button:hover,.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button:active,.btn:active{transform:scale(.98)}.btn--outline{background:transparent;color:var(--text);border-color:var(--border)}.btn--outline:hover{background:var(--bg-hover);border-color:var(--text-faint)}.btn--small{padding:.3rem .7rem;font-size:.8rem}.btn--large{padding:.75rem 1.6rem;font-size:1rem}select,input[type=search],input[type=text]{padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.9rem}select:focus,input:focus{outline:2px solid var(--accent);outline-offset:1px}.landing{text-align:center;padding:6rem 1rem;max-width:640px;margin:0 auto}.landing h1{font-size:2.2rem;margin-bottom:.75rem}.landing__accent{color:var(--accent)}.landing p{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.loading,.empty-state{color:var(--text-muted);text-align:center;padding:3rem 0}.show-list__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.show-list__header .progress{flex:1}.progress{display:flex;align-items:center;gap:1rem}.progress__track{flex:1;height:10px;background:var(--bg-card);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--status-seen));border-radius:999px;transition:width .3s ease}.progress__label{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.filter-bar{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-bar__search{flex:1;min-width:180px}.filter-bar select{flex:1;min-width:140px}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.view-toggle button{border:none;border-radius:0;background:var(--bg-card);color:var(--text-muted);padding:.5rem .85rem;flex:1;justify-content:center}.view-toggle button:hover{background:var(--bg-hover);color:var(--text)}.view-toggle button.is-active{background:var(--accent);color:var(--accent-text)}.show-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.1rem}.show-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.show-card:hover{transform:translateY(-3px);border-color:var(--text-faint);box-shadow:var(--shadow)}.show-card__poster{position:relative;aspect-ratio:2 / 3;background:var(--bg-elevated)}.show-card__poster img{width:100%;height:100%;object-fit:cover;display:block}.show-card__poster-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;text-align:center;background:linear-gradient(160deg,#1c2230,#10141d);color:var(--text-muted);font-weight:600;font-size:.85rem}.show-card__rank{position:absolute;top:.5rem;left:.5rem;background:#0b0e14d9;color:var(--text);font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border)}.show-card__body{padding:.75rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.show-card__title{font-size:.92rem;margin:0;line-height:1.25}.show-card__meta{color:var(--text-faint);font-size:.76rem;margin:0}.show-card--seen_it{border-color:color-mix(in srgb,var(--status-seen) 45%,var(--border))}.show-card--seen_part_of_it{border-color:color-mix(in srgb,var(--status-partial) 45%,var(--border))}.show-card--interested{border-color:color-mix(in srgb,var(--status-interested) 45%,var(--border))}.show-card--not_interested{opacity:.6}.status-control{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto}.status-control--compact{gap:.25rem}.status-pill{padding:.3rem .5rem;font-size:.68rem;font-weight:600;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-faint)}.status-control--compact .status-pill{padding:.25rem .4rem;font-size:.62rem}.status-pill:hover{background:var(--bg-hover);border-color:var(--text-faint);color:var(--text)}.status-pill--seen_it.is-active{background:var(--status-seen);border-color:var(--status-seen);color:#06281a}.status-pill--seen_part_of_it.is-active{background:var(--status-partial);border-color:var(--status-partial);color:#2b1c00}.status-pill--interested.is-active{background:var(--status-interested);border-color:var(--status-interested);color:#071a33}.status-pill--not_interested.is-active{background:var(--status-skip);border-color:var(--status-skip);color:#12141a}.status-badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border);color:var(--text-muted)}.status-badge--empty{color:var(--text-faint)}.status-badge--seen_it{background:color-mix(in srgb,var(--status-seen) 18%,transparent);color:var(--status-seen);border-color:color-mix(in srgb,var(--status-seen) 45%,transparent)}.status-badge--seen_part_of_it{background:color-mix(in srgb,var(--status-partial) 18%,transparent);color:var(--status-partial);border-color:color-mix(in srgb,var(--status-partial) 45%,transparent)}.status-badge--interested{background:color-mix(in srgb,var(--status-interested) 18%,transparent);color:var(--status-interested);border-color:color-mix(in srgb,var(--status-interested) 45%,transparent)}.status-badge--not_interested{background:color-mix(in srgb,var(--status-skip) 18%,transparent);color:var(--status-skip);border-color:color-mix(in srgb,var(--status-skip) 45%,transparent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100}.modal{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;padding:0;border-radius:999px;background:#0b0e14b3;border:1px solid var(--border);color:var(--text);font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.modal__backdrop{height:200px;background-size:cover;background-position:center 20%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.modal__content{display:flex;gap:1.25rem;padding:1.5rem;margin-top:-70px}.modal__poster{flex-shrink:0;width:140px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.modal__poster img{width:100%;display:block}.modal__details{flex:1;min-width:0}.modal__rank{color:var(--text-faint);font-size:.78rem;font-weight:700;margin:0 0 .15rem}.modal__details h2{margin:0 0 .35rem;font-size:1.4rem}.modal__meta{color:var(--text-muted);font-size:.85rem;margin:0 0 .85rem}.modal__overview{color:var(--text);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.modal__actions{margin-bottom:1.1rem}.modal__label{display:block;color:var(--text-faint);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.modal__status{margin-bottom:1.1rem}.modal__providers{border-top:1px solid var(--border);padding-top:1rem}.provider-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.provider-row__label{color:var(--text-faint);font-size:.78rem;width:3.2rem;flex-shrink:0}.provider-row__logos{display:flex;gap:.4rem;flex-wrap:wrap}.provider-logo{width:32px;height:32px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.provider-name{font-size:.78rem;color:var(--text-muted)}table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--border);font-size:.88rem;word-break:break-word}th{color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;background:var(--bg-elevated)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}.leaderboard__name{font-weight:600}.leaderboard__row--me{background:color-mix(in srgb,var(--accent) 10%,transparent)}.leaderboard__you-badge{margin-left:.5rem;font-size:.68rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.05rem .4rem;white-space:nowrap}.leaderboard__stats{display:flex;flex-wrap:wrap;gap:.35rem}.leaderboard th:last-child,.leaderboard td:last-child{width:6rem}.compare__summary{color:var(--text-muted);margin-bottom:1rem}.compare-table th:first-child,.compare-table td:first-child{width:2.2rem}.compare-table th:nth-child(3),.compare-table td:nth-child(3),.compare-table th:nth-child(4),.compare-table td:nth-child(4){width:22%}.compare-table__rank{color:var(--text-faint)}.show-table tbody tr{cursor:pointer}.show-table th:first-child,.show-table td:first-child{width:2.2rem}.show-table th:last-child,.show-table td:last-child{width:40%}.show-table__rank{color:var(--text-faint)}.show-table__title{font-weight:600}.show-table__meta{display:block;color:var(--text-faint);font-weight:400;font-size:.78rem;margin-top:.15rem}.site-footer{text-align:center;padding:1.25rem 1.5rem 2rem;color:var(--text-faint);font-size:.75rem}.site-footer a{color:var(--text-faint);text-decoration:underline}@media (max-width: 640px){main{padding:1rem}.nav{flex-wrap:wrap;gap:.6rem;padding:.65rem 1rem}.nav nav{order:3;flex-basis:100%;gap:1rem}.landing{padding:3rem .5rem}.landing h1{font-size:1.6rem}.landing p{font-size:.95rem}.show-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.show-list__header{flex-direction:column;align-items:stretch;gap:.75rem}.modal-overlay{padding:.75rem}.modal__content{flex-direction:column;align-items:center;text-align:center;margin-top:-50px;padding:1.25rem}.modal__poster{width:110px}.modal__actions,.modal__status{display:flex;flex-direction:column;align-items:center}.provider-row{flex-direction:column;align-items:center;gap:.3rem}.provider-row__label{width:auto}}@media (max-width: 480px){.email{display:none}.show-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}th,td{padding:.5rem .4rem;font-size:.8rem}.status-badge{padding:.2rem .4rem;font-size:.68rem}.leaderboard .btn--small{padding:.3rem .4rem;font-size:.7rem}.status-control--compact .status-pill{padding:.2rem .3rem;font-size:.58rem}}