*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords;scrollbar-gutter:stable both-edges}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}ul,ol{list-style:none;padding:0}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark;--space-black: #05070f;--space-deep: #0b1020;--panel: #121a30;--panel-raised: #16203a;--border: #243150;--text: #e9edf7;--text-dim: #9aa6c4;--gold: #ffd84d;--gold-soft: #f4c430;--blue: #4cc2ff;--green: #5ad19a}body{min-height:100dvh;color:var(--text);background-color:var(--space-black);background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7) 50%,transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.5) 50%,transparent),radial-gradient(1.5px 1.5px at 40% 70%,rgba(255,255,255,.6) 50%,transparent),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.45) 50%,transparent),radial-gradient(1px 1px at 55% 90%,rgba(255,255,255,.5) 50%,transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.4) 50%,transparent),radial-gradient(circle at 50% -10%,#1a2347 0%,transparent 55%),linear-gradient(180deg,var(--space-deep),var(--space-black));background-attachment:fixed}.page{max-width:80ch;margin-inline:auto;padding:2rem}.watchlist{width:min(760px,100%);margin-inline:auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 3rem}.watchlist__header{text-align:center;margin-bottom:2rem}.watchlist__eyebrow{text-transform:uppercase;letter-spacing:.35em;font-size:.7rem;color:var(--blue);margin-bottom:.5rem}.watchlist__title{font-size:clamp(1.9rem,7vw,3rem);font-weight:800;letter-spacing:.02em;color:var(--gold);text-shadow:0 0 24px rgba(255,216,77,.35)}.watchlist__subtitle{margin-top:.5rem;color:var(--text-dim);font-size:.95rem}.progress{margin:1.5rem auto 0;max-width:360px}.progress__track{height:8px;border-radius:999px;background:var(--panel);border:1px solid var(--border);overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-soft),var(--gold));box-shadow:0 0 12px #ffd84d99;transition:width .4s ease}.progress__label{margin-top:.5rem;font-size:.8rem;color:var(--text-dim);letter-spacing:.08em}.up-next{margin:1.5rem auto 0;max-width:460px;padding:1rem 1.25rem;border-radius:14px;background:linear-gradient(160deg,#4cc2ff1f,#121a3099);border:1px solid rgba(76,194,255,.4);box-shadow:0 0 30px #4cc2ff1f}.up-next--done{background:linear-gradient(160deg,#5ad19a1f,#121a3099);border-color:#5ad19a73}.up-next__label{text-transform:uppercase;letter-spacing:.25em;font-size:.65rem;color:var(--blue)}.up-next__title{font-size:1.15rem;font-weight:700;margin-top:.2rem}.up-next__meta{margin-top:.15rem;font-size:.85rem;color:var(--text-dim)}.list{display:flex;flex-direction:column;gap:.75rem}.card{--rail: 3.25rem;position:relative;display:grid;grid-template-columns:var(--rail) 1fr var(--rail);align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:14px;background:var(--panel);border:1px solid var(--border);transition:border-color .2s ease,background .2s ease,opacity .2s ease}.card--next{border-color:var(--gold);background:linear-gradient(160deg,rgba(255,216,77,.1),var(--panel-raised));box-shadow:0 0 26px #ffd84d2e}.card--watched{opacity:.55}.card--watched .card__title{text-decoration:line-through;text-decoration-color:var(--text-dim)}.card__order{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700;color:var(--gold-soft);text-align:center;opacity:.8}.card__body{flex:1;min-width:0}.card__top{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}.card__title{font-size:1.05rem;font-weight:600;line-height:1.25}.card__meta{margin-top:.15rem;font-size:.82rem;color:var(--text-dim)}.badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .5rem;border-radius:999px;border:1px solid transparent}.badge--movie{color:var(--gold);background:#ffd84d1f;border-color:#ffd84d66}.badge--tv{color:var(--blue);background:#4cc2ff1f;border-color:#4cc2ff66}.badge--next{color:var(--space-black);background:var(--gold)}.check{display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.check input{width:1.5rem;height:1.5rem;accent-color:var(--gold);cursor:pointer}.check__text{font-size:.65rem;letter-spacing:.06em;color:var(--text-dim);text-align:center}.card--watched .check__text{color:var(--green)}.watchlist__footer{margin-top:2rem;text-align:center}.reset{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:.5rem 1.2rem;font-size:.85rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.reset:hover:not(:disabled){color:var(--gold);border-color:var(--gold)}.reset:disabled{opacity:.4;cursor:not-allowed}@media(max-width:420px){.card{--rail: 1.8rem}.check__text{display:none}}