:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#090c1c;line-height:1.45;--surface: rgba(13, 19, 46, .86);--surface-alt: rgba(10, 15, 40, .86);--border: rgba(132, 157, 255, .24);--border-strong: rgba(154, 177, 255, .45);--text-soft: #c6ceef;--text-muted: #97a4d8;--focus: rgba(121, 148, 255, .72)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 500px at 10% -5%,rgba(77,104,220,.25),transparent 62%),radial-gradient(900px 420px at 100% 0%,rgba(120,78,220,.2),transparent 55%),#090c1c}.app-shell{width:min(1240px,94vw);margin:0 auto;padding:32px 0 44px}.page-header{margin-bottom:8px}header h1{margin:0;font-size:clamp(2rem,3.6vw,2.35rem);letter-spacing:-.02em}.subtitle{margin-top:7px;color:var(--text-soft);max-width:700px}.signed-in-row{margin-top:10px;display:flex;align-items:center;gap:10px}.signed-in-text{color:var(--text-soft);font-size:.86rem}.auth-panel{max-width:540px}.auth-help{margin:8px 0 0;color:var(--text-soft);font-size:.9rem}.auth-link-button{background:none;border:none;color:var(--text-soft);font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-link-button:hover{color:var(--text)}.panel,.stats-bar,.loading-state,.empty-state,.error-banner{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;margin-top:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 42px #03081957}.section-title{margin:0;font-size:1.55rem;letter-spacing:-.015em}.section-title-spaced{margin-top:26px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.panel-actions{display:flex;align-items:center;gap:10px}.panel-actions-bottom{margin-top:18px;justify-content:flex-end}.primary-button{border:none;border-radius:12px;background:linear-gradient(130deg,#5f7eff,#8b66ff);color:#fff;padding:10px 16px;font-size:.9rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 22px #5b7aff61;transition:transform .16s ease,filter .16s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}.primary-button:disabled{opacity:.56;cursor:not-allowed;box-shadow:none}.reset-button{background:linear-gradient(130deg,#3e7fa8,#4f92b8);box-shadow:0 8px 22px #4393c752}.clear-genres-button{margin-left:4px;border:1px dashed rgba(150,173,247,.56);border-radius:999px;background:#1a255385;color:#c7d4ff;padding:5px 10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.clear-genres-button:hover{border-color:#c4d4ffdb;background:#29397abd;color:#ecf2ff}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:14px}.toggle-chip{border:1px solid rgba(130,157,255,.32);border-radius:12px;padding:10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:#0f1635c7;transition:border-color .14s ease,background-color .14s ease}.toggle-chip:hover{border-color:#9ab1ff8c;background:#161f47d9}.toggle-chip span{font-weight:600;font-size:.92rem}.toggle-chip input{margin:0}.row-fields{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}label{display:flex;flex-direction:column;gap:7px;font-size:.87rem;color:var(--text-soft);font-weight:600}input,select{background:#080c21eb;border:1px solid rgba(130,157,255,.34);color:#f5f7ff;border-radius:10px;padding:10px 11px;font-size:.92rem;transition:border-color .14s ease,box-shadow .14s ease}input::placeholder{color:var(--text-muted)}input:focus,select:focus,button:focus-visible{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #7994ff33}input[type=checkbox]{accent-color:#7f9aff;width:14px;height:14px}.inline-checkbox{margin-top:16px;display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--text-soft);font-weight:500}.genre-section{margin-top:18px}.genre-section h3{margin:0 0 10px;font-size:1.04rem;letter-spacing:-.01em}.genre-mode-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.genre-mode-pill{border:1px solid rgba(130,157,255,.34);border-radius:999px;padding:6px 11px;background:#101738bf;color:#cfd8ff;cursor:pointer;font-size:.78rem;font-weight:600}.genre-mode-pill.active{background:#637fe657;border-color:#b3c5ffb3;color:#f3f7ff}.genre-helper{margin:0 0 10px;font-size:.77rem;color:#9facdd}.genre-list{display:flex;flex-wrap:wrap;gap:9px}.genre-pill{border:1px solid rgba(130,157,255,.34);border-radius:999px;padding:6px 11px;background:#101738bf;color:#dce4ff;cursor:pointer;font-size:.8rem;line-height:1.1;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.genre-pill:hover{transform:translateY(-1px);border-color:#a7bcff9e;background:#233166b8}.genre-pill.selected,.genre-pill.any-selected{background:#6084ff4d;border-color:#b0c3ffb8;color:#f5f8ff}.genre-pill.all-selected{background:#3caa7e4d;border-color:#81e4b4b8;color:#ecfff6}.genre-pill.exclude-selected{background:#a8465a4d;border-color:#ea91a4b8;color:#ffeef3}.stats-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.93rem;color:#d6defe}.stats-bar strong{font-size:1.06rem;color:#f7f9ff}.error-banner{border-color:#fb718580;background:#481223a8}.quota-banner{border-color:#facc156b;background:#5a40088f}.movie-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}.movie-card{display:grid;grid-template-columns:108px 1fr;gap:15px;align-items:start;background:var(--surface-alt);border:1px solid rgba(130,157,255,.2);border-radius:16px;padding:13px;box-shadow:0 14px 34px #050b2154}.poster-wrap{width:108px;height:162px;border-radius:10px;overflow:hidden;background:#070c23f2;display:grid;place-items:center;color:#8f99cb;font-size:.8rem;text-align:center;border:1px solid rgba(132,157,255,.18)}.poster-wrap img{width:100%;height:100%;object-fit:cover}.movie-meta{min-width:0;display:flex;flex-direction:column;gap:9px}.movie-meta h3{margin:0;font-size:1.22rem;line-height:1.2;letter-spacing:-.015em}.sub-meta{margin:0;color:#bec5ec;font-size:.84rem;font-weight:600}.credit-meta{margin:0;color:#aeb8e5;font-size:.76rem;line-height:1.35}.credit-row{margin:0;display:flex;align-items:flex-start;gap:10px}.credit-row+.credit-row{margin-top:4px}.credit-label{min-width:58px;color:#9eabd9;font-size:.72rem;font-weight:600;letter-spacing:.01em;line-height:1.35;text-align:left}.ratings{display:flex;flex-wrap:wrap;gap:7px;font-size:.76rem;color:#dce2ff}.ratings>.rating-pill{padding:4px 8px;border-radius:999px;background:#4660c42b;border:1px solid rgba(132,158,252,.26)}.rating-pill{background:#4e67cd36;border:1px solid rgba(139,164,255,.3)}.tmdb-rating-pill{background:#2c61aa42;border-color:#7abfff61}.agg-rating-pill{background:#728aec70;border-color:#b9ceffd1;font-weight:700;padding:5px 10px;box-shadow:0 0 0 1px #bccfff6b,0 0 18px #7c97ff61}.rating-label{color:#a8b4e5}.rating-value{font-weight:700}.rating-pill.is-na{opacity:.72}.rating-pill.is-na .rating-label{color:#8f9bcf}.na-value{font-size:.67rem;font-weight:500;color:#7f8ec4!important;letter-spacing:.01em}.overview{margin:0;font-size:.83rem;line-height:1.45;color:#d8defd;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.card-tags{margin-top:auto;display:flex;flex-direction:column;gap:8px}.genres,.providers{display:flex;flex-wrap:wrap;gap:7px}.providers{margin-top:0}.genres span,.providers span{border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.genres span{background:#4c68db38;border:1px solid rgba(138,162,255,.22);color:#dce4ff}.providers span{background:#0d7b5f54;border:1px solid rgba(85,208,175,.28);color:#cbffee}.loading-state h2,.empty-state h2{margin:0}.loading-state p,.empty-state p{margin:8px 0 0;color:var(--text-soft)}.progress-wrap{margin-top:14px}.progress-topline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.82rem;color:#d9e1ff;margin-bottom:8px}.progress-track{width:100%;height:10px;border-radius:999px;background:#222e61d9;border:1px solid rgba(118,142,236,.4);overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:linear-gradient(120deg,#6990ff,#8e6cff);box-shadow:0 0 18px #7d93ffa6;transition:width .26s ease}@media(max-width:700px){.app-shell{width:min(720px,94vw);padding-top:24px}.panel,.stats-bar,.loading-state,.empty-state,.error-banner{padding:16px;border-radius:14px}.panel-header{align-items:flex-start;flex-direction:column}.panel-actions{width:100%;flex-direction:column-reverse;align-items:stretch}.primary-button{width:100%}.clear-genres-button{font-size:.72rem}.movie-card{grid-template-columns:1fr}.poster-column{align-items:flex-start}.poster-wrap{width:auto;height:auto;display:inline-block}.poster-wrap img{width:auto;height:auto;max-height:340px;object-fit:contain}.profile-bar{flex-direction:column;align-items:stretch;gap:8px}.profile-bar-summary{white-space:normal}.movie-meta h3{font-size:1.2rem}.overview{-webkit-line-clamp:5}}.profile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 28px #03081940}.profile-bar-info{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-bar-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9facdd}.profile-bar-summary{font-size:.88rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-edit-button{flex-shrink:0;border:1px solid rgba(130,157,255,.38);border-radius:10px;background:#161f47b3;color:#c7d4ff;padding:7px 16px;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.profile-edit-button:hover{border-color:#aabeffb3;background:#263470c7;color:#ecf2ff}.profile-panel{margin-top:18px}.profile-help{margin:6px 0 0;font-size:.86rem;color:var(--text-soft)}.profile-quick-actions{display:flex;gap:8px;margin-top:10px}.poster-column{display:flex;flex-direction:column;gap:6px}.card-actions{display:flex;gap:8px}.card-action-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(130,157,255,.22);border-radius:8px;background:#0f1635b3;color:#b4c3eba6;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.card-action-btn:hover{background:#1c2652d9;border-color:#9ab1ff73;color:#e0e8ff;transform:scale(1.1)}.card-action-btn.active-watchlist{background:#5b7aff52;border-color:#8caaff8c;color:#bdd0ff}.card-action-btn.active-watchlist:hover{background:#5b7aff80;color:#fff}.card-action-btn.active-seen{background:#34a87852;border-color:#64d2a58c;color:#b4f0d4}.card-action-btn.active-seen:hover{background:#34a87880;color:#fff}.app-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid var(--border);text-align:center;font-size:.8rem;color:var(--text-secondary);opacity:.7}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}