:root{--bg:#f3f6fa;--surface:#fff;--ink:#12263a;--ink-soft:#4a5a6e;--subtle:#8a97a6;--line:#dde4eb;--primary:#0f6fb8;--primary-dark:#0a558f;--accent:#e66d3c;--danger:#c0392b;--ok:#2b8a5a;--warn:#c08a0e;--shadow:0 1px 2px #0c263a0f, 0 4px 16px #0c263a0f;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}*{box-sizing:border-box}body,html,#root{min-height:100%;margin:0;padding:0}.subtle{color:var(--subtle);font-size:.9rem}.login-root{background:linear-gradient(#e8eff7 0%,#d7e3ef 100%);place-items:center;min-height:100vh;display:grid}.login-card{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;gap:.9rem;width:100%;min-width:320px;max-width:380px;padding:2rem 2.25rem;display:grid}.login-card h1{margin:0;font-size:1.5rem}.login-card label{color:var(--ink-soft);gap:.3rem;font-size:.85rem;display:grid}.login-card input{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;padding:.55rem .75rem;font-size:1rem}.login-card input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.login-card button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:.5rem;padding:.65rem 1rem;font-weight:600}.login-card button:hover:not(:disabled){background:var(--primary-dark)}.login-card button:disabled{opacity:.6;cursor:progress}.login-error{color:var(--danger);background:#fbe7e3;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.page{max-width:1200px;min-height:100vh;margin:0 auto;padding:1.5rem 1.5rem 4rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.topbar h1{margin:0;font-size:1.4rem}.topbar-right{align-items:center;gap:.75rem;display:flex}.button-ghost{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.button-ghost:hover{background:var(--line);color:var(--ink)}.error-banner{color:var(--danger);background:#fbe7e3;border-radius:8px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.9rem}.filters{grid-template-columns:minmax(200px,1fr) auto auto auto;align-items:center;gap:.6rem;margin-bottom:1.25rem;display:grid}.filters input,.filters select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:.5rem .7rem;font-size:.9rem}.filters .count{color:var(--subtle);white-space:nowrap;font-size:.85rem}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0c263a1a,0 8px 24px #0c263a14}.poster-wrap{aspect-ratio:2/3;background:linear-gradient(135deg,#cdd9e3,#eaf1f7);position:relative}.poster-wrap img{object-fit:cover;width:100%;height:100%;display:block}.poster-placeholder{width:100%;height:100%;color:var(--subtle);place-items:center;font-size:3rem;font-weight:600;display:grid}.badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink-soft);text-transform:capitalize;background:#fffc;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;position:absolute;top:8px;left:8px}.badge-watched{color:var(--ok);background:#dcf5e8e6}.badge-in_progress{color:var(--warn);background:#fdf4dbe6}.badge-dropped{color:var(--danger);background:#fde4dfe6}.tmdb-rating{color:#ffd76a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#000000a6;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:600;position:absolute;top:8px;right:8px}.card-watch-together-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#000000a6;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.78rem;font-weight:600;transition:transform .12s,background .18s;display:flex;position:absolute;top:36px;right:8px}.card-watch-together-btn:hover:not(:disabled){background:#000000d9;transform:scale(1.06)}.card-watch-together-btn:disabled{cursor:default}.card-wt-added{background:#2ea043d9}.card-wt-saving{color:#fff9}.platform-row{flex-wrap:wrap;gap:3px;max-width:calc(100% - 12px);display:flex;position:absolute;bottom:6px;left:6px}.platform-chip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:600}.platform-chip-more{color:var(--ink);background:#ffffffd9}.card-body{gap:.35rem;padding:.6rem .75rem .85rem;display:grid}.card-body h3{margin:0;font-size:.95rem;line-height:1.2}.meta{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.type-pill{background:var(--line);color:var(--ink-soft);text-transform:capitalize;border-radius:4px;padding:1px 6px;font-weight:600}.moods{color:var(--ink-soft);font-size:.75rem}.empty{text-align:center;color:var(--subtle);grid-column:1/-1;padding:3rem 1rem}.shell{flex-direction:column;min-height:100vh;display:flex}.shell .topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;padding:.75rem 1.25rem;position:sticky;top:0}.shell .topbar h1{font-size:1.15rem}.shell .content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.tabs{flex-wrap:wrap;flex:1;justify-content:center;gap:.25rem;display:flex}.tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.4rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none}.tab:hover{background:var(--line);color:var(--ink)}.tab.active{background:var(--primary);color:#fff}.page-section{max-width:100%}.section-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.section-head h2{margin:0 0 .2rem;font-size:1.2rem}.section-head p{margin:0}.button-primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.55rem 1rem;font-weight:600}.button-primary:hover:not(:disabled){background:var(--primary-dark)}.button-primary:disabled{opacity:.6;cursor:progress}.banner-ok{color:var(--ok);background:#dcf5e8;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.library-root{grid-template-columns:260px 1fr;gap:1.25rem;display:grid}@media (width<=900px){.library-root{grid-template-columns:1fr}}.filters-rail{background:var(--surface);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-self:start;gap:.6rem;max-height:calc(100vh - 120px);padding:1rem;display:flex;position:sticky;top:80px;overflow-y:auto}.filters-rail .rail-head{justify-content:space-between;align-items:center;display:flex}.filters-rail h2{margin:0;font-size:1rem}.filters-rail label{color:var(--ink-soft);gap:.25rem;font-size:.8rem;display:grid}.filters-rail input,.filters-rail select{border:1px solid var(--line);background:#fbfcfe;border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.filters-rail .two-up{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.filters-rail .count{color:var(--subtle);margin-top:.5rem;font-size:.8rem}.library-main{min-width:0}.card{cursor:pointer}.card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card-compact{flex:0 0 140px;min-width:140px}.card-compact .meta,.card-compact .moods{display:none}.badge-custom{background:var(--primary);color:#fff}.modal-backdrop{z-index:50;background:#0c263a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:720px;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0c263a33}.modal-close{cursor:pointer;color:var(--subtle);background:0 0;border:0;font-size:1.8rem;position:absolute;top:8px;right:12px}.modal-close:hover{color:var(--ink)}.modal-header{gap:1rem;margin-bottom:1rem;display:flex}.modal-poster{border-radius:6px;flex:0 0 150px;width:150px}.modal-section{margin-top:1.25rem}.modal-section h3{margin:0 0 .4rem;font-size:1rem}.tags-row{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.tag{background:var(--line);color:var(--ink-soft);border-radius:999px;padding:2px 7px;font-size:.75rem}.tag-genre{color:var(--primary-dark);background:#d7e4f2}.tag-mood{color:#b2501f;background:#fde3d6}.tag-platform{color:#3a6b1c;background:#e0f0d6}.skipped-list{flex-direction:column;gap:.5rem;max-height:480px;margin-top:.5rem;display:flex;overflow-y:auto}.skipped-row{background:var(--bg);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.skipped-poster{object-fit:cover;border-radius:4px;flex:0 0 36px;width:36px;height:54px}.skipped-meta{flex:1;min-width:0}.skipped-meta strong{display:block}.suggested-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-self:flex-start;max-width:100%;padding:1px 6px;font-size:.65rem;font-weight:600;display:inline-block;overflow:hidden}.suggested-chip-letterboxd{color:#8a4f10;background:#fbe6cc}.suggested-chip-taste-match{color:#2d3f8f;background:#d6e0fb}.suggested-chip-discover{color:#5a2d8f;background:#e0d6fb}.suggested-chip-person{color:var(--ink-soft);background:#ece8e3}.button-danger{color:var(--danger);border:1px solid var(--danger);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.button-danger:hover:not(:disabled){background:#fbe7e3}.button-danger:disabled{opacity:.5;cursor:not-allowed}.modal-danger-zone{border-top:1px solid var(--line);justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;display:flex}.hero-pick{background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:14px;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;margin:1rem 0 1.5rem;padding:1.5rem;transition:transform .15s,box-shadow .15s;display:grid}.hero-pick:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0c263a26}.hero-pick-poster{border-radius:10px;align-self:start;width:220px}.hero-pick-body{flex-direction:column;gap:.65rem;min-width:0;display:flex}.hero-pick-title{margin:0;font-size:1.6rem;line-height:1.2}.hero-pick-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.hero-pick-platforms{color:var(--ink-soft);font-size:.85rem}.hero-pick-rationale{margin:.4rem 0 0;font-size:.95rem;line-height:1.55}@media (width<=720px){.hero-pick{grid-template-columns:1fr}.hero-pick-poster{justify-self:center;width:min(180px,100%)}}.watch-together-section{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1.25rem;padding:1rem 1.25rem}.watch-together-list{flex-direction:column;gap:.5rem;display:flex}.watch-together-row{background:var(--bg);border-radius:8px;align-items:center;gap:.85rem;padding:.5rem;display:flex}.watch-together-poster{cursor:pointer;border-radius:4px;flex:0 0 48px;width:48px;height:72px;overflow:hidden}.watch-together-poster img{object-fit:cover;width:100%;height:100%}.watch-together-meta{cursor:pointer;flex:1;min-width:0}.watch-together-meta strong{display:block}.watch-together-actions{gap:4px;display:flex}.watch-together-actions .button-ghost{min-width:32px;padding:4px 8px;font-size:1rem;line-height:1}.progress-status{color:var(--ink-soft);font-size:.85rem;font-weight:500}.custom-mood-row{background:var(--surface);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.custom-mood-copy{flex-direction:column;gap:.15rem;display:flex}.custom-mood-form{align-items:stretch;gap:.5rem;display:flex}.custom-mood-form input[type=text]{border:1px solid var(--line);border-radius:6px;flex:1;padding:.45rem .65rem;font-size:.9rem}.recommenders-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.recommender-row{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:flex-start;padding:.5rem .75rem;display:flex}.similar-row{gap:.6rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.similar-card{flex-direction:column;flex:0 0 100px;gap:.25rem;width:100px;display:flex}.similar-card img{aspect-ratio:2/3;object-fit:cover;border-radius:6px;width:100%}.similar-card .poster-placeholder{aspect-ratio:2/3;width:100%}.similar-card-title{font-size:.78rem;font-weight:600;line-height:1.2}.activity-feed{flex-direction:column;gap:.5rem;max-height:540px;display:flex;overflow-y:auto}.activity-row{background:var(--bg);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.activity-row-profile{background:#d6e0fb80}.activity-poster{object-fit:cover;border-radius:4px;flex:0 0 36px;width:36px;height:54px}.activity-meta{flex:1;min-width:0}.activity-meta>div:first-child{line-height:1.35}.trailer-overlay{border-radius:inherit;z-index:5;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.link-button{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.watchlist-section{margin-bottom:1.5rem}.watchlist-section-head{align-items:baseline;gap:.4rem;margin:0 0 .6rem;font-size:1.05rem;display:flex}.taste-shape-canvas{background:linear-gradient(#f7faff 0%,#fdf6fa 100%);border-radius:12px;margin-top:.6rem;padding:.5rem;overflow:hidden}.constellation-root{flex-direction:column;display:flex}.constellation-root .settings-card{margin-bottom:0}.constellation-root .taste-shape-canvas{min-height:70vh}.constellation-root svg{width:100%;height:auto}.taste-shape-modal-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;max-height:60vh;margin-top:1rem;display:grid;overflow-y:auto}.taste-shape-modal-card{cursor:pointer;background:var(--bg);border-radius:8px;flex-direction:column;gap:.3rem;padding:.4rem;display:flex}.taste-shape-modal-card:hover{background:#ece8e3}.taste-shape-modal-card img{aspect-ratio:2/3;object-fit:cover;border-radius:4px;width:100%}.taste-shape-modal-card .poster-placeholder{aspect-ratio:2/3;width:100%}.taste-shape-modal-card-title{font-size:.78rem;font-weight:600;line-height:1.2}.taste-shape-modal-card-reactions{gap:.25rem;font-size:.85rem;display:flex}.row-feedback{border-bottom:1px dashed var(--line);grid-template-columns:minmax(110px,auto) 1fr;align-items:center;gap:.5rem .75rem;padding:.55rem 0;display:grid}.row-feedback:last-of-type{border-bottom:0}.row-feedback-name{font-weight:500}.row-feedback-controls{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.row-feedback-notes{grid-column:1/-1;gap:.4rem;display:flex}.row-feedback-notes input{border:1px solid var(--line);border-radius:6px;flex:1;padding:.35rem .55rem}.chip-check{color:var(--ink-soft);background:var(--line);border-radius:999px;align-items:center;gap:.25rem;padding:3px 8px;font-size:.8rem;display:inline-flex}.rating-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-soft);border-radius:999px;padding:3px 9px;font-size:.75rem}.rating-chip:hover{border-color:var(--primary);color:var(--primary)}.rating-chip.selected.rating-love{color:#b2502c;background:#fde3e0;border-color:#f0b0a0}.rating-chip.selected.rating-like{color:#1e6a3f;background:#dff3e6;border-color:#a9dbbd}.rating-chip.selected.rating-down{color:#8a3424;background:#fdebe8;border-color:#e9bab0}.rating-chip.small{padding:2px 7px;font-size:.7rem}.row-progress{grid-template-columns:minmax(110px,auto) 50px 50px 1fr auto;align-items:center;gap:.5rem;padding:.4rem 0;display:grid}.row-progress input{border:1px solid var(--line);border-radius:6px;width:100%;padding:.3rem .4rem;font-size:.85rem}.row-progress label{color:var(--subtle);align-items:center;gap:.2rem;font-size:.75rem;display:flex}.picks-stack{flex-direction:column;gap:1rem;display:flex}.pick-row{background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;grid-template-columns:180px 1fr;gap:1rem;padding:1rem;transition:transform .12s;display:grid}.pick-row:hover{transform:translateY(-2px)}.pick-card-wrap{pointer-events:none}.pick-rationale h3{margin:0 0 .3rem}.pick-rationale p{color:var(--ink-soft);margin:0;line-height:1.5}.lanes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.lane-card{background:var(--surface);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.lane-card header h3{margin:0 0 .2rem;font-size:1rem}.lane-card header p{margin:0}.lane-result{background:var(--bg);cursor:pointer;border-radius:8px;margin-top:.5rem;padding:.75rem}.lane-result-title{margin-bottom:.3rem;font-weight:600}.lane-result-rationale{color:var(--ink-soft);margin:0;font-size:.85rem;line-height:1.4}.rewatch-row{background:var(--surface);box-shadow:var(--shadow);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.rewatch-copy{flex-direction:column;gap:.15rem;display:flex}.rewatch-result{background:var(--bg);cursor:pointer;border-radius:8px;margin-top:.5rem;padding:.75rem 1rem}.rewatch-result-title{margin-bottom:.3rem;font-weight:600}.rewatch-result-rationale{color:var(--ink-soft);margin:0;font-size:.85rem;line-height:1.4}.catchup-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.rapid-modal{background:var(--surface);border-radius:14px;width:100%;max-width:640px;padding:1.5rem;box-shadow:0 20px 40px #0c263a33}.rapid-modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.rapid-modal-head h3{margin:0 0 .2rem;font-size:1.05rem}.rapid-card{background:var(--bg);border-radius:10px;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.rapid-poster{border-radius:6px;flex:0 0 110px;align-self:flex-start;width:110px}.rapid-meta{min-width:0}.rapid-meta h4{margin:0 0 .3rem;font-size:1rem}.rapid-synopsis{color:var(--ink-soft);margin:.5rem 0 0;font-size:.85rem;line-height:1.4}.rapid-actions{flex-wrap:wrap;gap:.5rem;display:flex}.rapid-actions .button-primary,.rapid-actions .button-ghost{flex:auto;min-width:120px}.rapid-actions kbd{background:#ffffff40;border-radius:4px;min-width:1.2em;margin-right:6px;padding:0 4px;font-family:ui-monospace,monospace;font-size:.75rem;display:inline-block}.rapid-empty{text-align:center;padding:1.5rem}.rapid-empty p{margin:.3rem 0}.year-slider{flex-direction:column;gap:.3rem;display:flex}.year-slider-label{font-size:.85rem}.year-slider-pair{flex-direction:column;gap:.25rem;display:flex}.year-slider-pair input[type=range]{width:100%;accent-color:var(--primary)}.vibe-stack{flex-direction:column;gap:1.25rem;display:flex}.vibe-row-head{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.vibe-row-head h3{text-transform:capitalize;margin:0;font-size:.95rem}.vibe-row-scroll{scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.vibe-row-scroll>.card{scroll-snap-align:start}.fav-section{margin-bottom:1.5rem}.fav-head h3{margin:0;font-size:1rem}.fav-head p{margin:0 0 .5rem}.view-toggle{background:var(--surface-alt,#eef2f6);border-radius:8px;gap:.25rem;padding:3px;display:inline-flex}.view-toggle-compact{width:100%}.view-toggle-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.4rem .75rem;font-size:.85rem;transition:background .12s}.view-toggle-btn:hover{background:#0000000a}.view-toggle-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0c263a14}.rail-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.rail-chip{border:1px solid var(--border,#d8e0e8);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;transition:all .12s}.rail-chip:hover{border-color:var(--primary)}.rail-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.rail-chip.active .subtle{color:#ffffffbf}.history-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1rem;display:grid}.history-row{background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;grid-template-columns:140px minmax(0,1fr);align-items:start;gap:.75rem;padding:.75rem;transition:transform .12s;display:grid}.history-row:hover{transform:translateY(-2px)}.history-poster{pointer-events:none;min-width:0}.history-poster .card-compact{flex:initial;width:100%;min-width:0}.history-reactions{flex-direction:column;gap:.5rem;min-width:0;font-size:.85rem;display:flex}.history-reaction-row{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.history-reaction-row strong{font-weight:600}.history-reaction{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.history-reaction .subtle{word-break:break-word}.settings-root{max-width:720px}.settings-card{background:var(--surface);box-shadow:var(--shadow);border-radius:10px;margin-bottom:1rem;padding:1.25rem}.settings-card h3{margin:0 0 .5rem}.form-stack{gap:.6rem;max-width:360px;display:grid}.form-stack input{border:1px solid var(--line);border-radius:6px;padding:.5rem .7rem;font-size:.9rem}.kv-grid{grid-template-columns:120px 1fr;gap:.4rem 1rem;margin-bottom:.75rem;display:grid}.viewer-row{border-bottom:1px dashed var(--line);padding:.4rem 0}.viewer-row:last-child{border-bottom:0}.profile-card{background:var(--bg);border-radius:8px;margin-top:.75rem;padding:.85rem 1rem}.profile-card header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.profile-card h4{margin:0;font-size:.95rem}.profile-card p{margin:.4rem 0;line-height:1.5}.small{font-size:.75rem}.vector-grid{grid-template-columns:140px 1fr;gap:.2rem .8rem;margin:.4rem 0 0;padding:0;font-size:.8rem;display:grid}.vector-row{display:contents}.vector-grid dt{color:var(--ink-soft);font-weight:500}.vector-grid dd{color:var(--ink);margin:0}.imports-page{max-width:880px;margin:0 auto;padding:24px}.imports-tabs{border-bottom:1px solid var(--border,#ddd);gap:8px;margin-bottom:24px;display:flex}.imports-tabs button{cursor:pointer;color:var(--ink,inherit);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 16px}.imports-tabs button.active{border-bottom-color:var(--accent,#6c5ce7);font-weight:600}.import-tab .import-instructions{background:var(--surface-soft,#f5f5f7);border-radius:8px;margin-bottom:16px;padding:12px 16px 12px 36px}.import-snippet{margin:12px 0}.import-snippet pre{color:#e6edf3;background:#0d1117;border-radius:6px;padding:12px;font-size:12px;overflow-x:auto}.import-tool-link{margin:12px 0}.import-viewer{border:1px solid var(--border,#ddd);border-radius:6px;margin:16px 0;padding:12px}.import-viewer label{cursor:pointer;margin-right:16px;display:inline-block}.import-paste{width:100%;margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.import-file-drop{margin-bottom:12px}.import-file-name{color:var(--ink-soft,#666);margin-left:8px;font-size:.9em}.import-result{border:1px solid var(--border,#ddd);background:var(--surface-soft,#f5f5f7);border-radius:8px;margin-top:24px;padding:16px}.import-result .warn{color:#b54708}.import-result .muted{color:var(--ink-soft,#666);font-size:13px}.history-filter-banner{background:#fff7e6;border:1px solid #f5c97a;border-radius:6px;grid-column:1/-1;margin-bottom:12px;padding:10px 14px;font-size:.95em}.unmatched-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:.92em}.unmatched-table th,.unmatched-table td{text-align:left;border-bottom:1px solid var(--border,#ddd);padding:6px 10px}.unmatched-table th{background:var(--surface-soft,#f5f5f7);font-weight:600}.unmatched-table tr:hover{background:var(--surface-soft,#f5f5f7)}.modal-trailer-frame{aspect-ratio:16/9;background:#000;border:0;border-radius:8px;width:100%}a.platform-chip,a.tag-platform{cursor:pointer;text-decoration:none}a.platform-chip:hover{background:#000000d9}.cmdk-backdrop{z-index:200;background:#0c263a80;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmdk-panel{background:var(--surface);border-radius:12px;flex-direction:column;width:min(640px,92vw);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0c263a59}.cmdk-input{border:0;border-bottom:1px solid var(--line);color:var(--ink);background:0 0;outline:none;padding:1rem 1.25rem;font-size:1rem}.cmdk-results{flex:1;padding:.25rem;overflow-y:auto}.cmdk-empty{color:var(--subtle);padding:1rem 1.25rem}.cmdk-result{text-align:left;cursor:pointer;width:100%;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.cmdk-result-active{background:#0f6fb81f}.cmdk-poster{object-fit:cover;background:var(--line);border-radius:4px;flex-shrink:0;width:36px;height:54px}.cmdk-poster-empty{color:var(--subtle);place-items:center;font-weight:600;display:grid}.cmdk-meta{flex:1;gap:.15rem;display:grid}.cmdk-footer{border-top:1px solid var(--line);text-align:right;padding:.5rem 1rem}.card-rate-row{opacity:0;pointer-events:none;gap:3px;transition:opacity .15s;display:flex;position:absolute;bottom:6px;right:6px}.card:hover .card-rate-row{opacity:1;pointer-events:auto}.card-rate-row:has(.card-rate-active){opacity:1;pointer-events:auto}.card-rate-chip{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;transition:transform .1s,background .15s;display:flex}.card-rate-chip:hover:not(:disabled){background:#000000d9;transform:scale(1.08)}.card-rate-chip:disabled{cursor:default}.card-rate-active{box-shadow:0 0 0 2px #ffffffd9}.card-rate-love{background:#c02343d9}.card-rate-like{background:#c08a0ed9}.card-rate-down{background:#4a5a6ed9}.watch-together-row{cursor:grab;transition:opacity .15s,background .15s}.watch-together-row:active{cursor:grabbing}.watch-together-row.wt-dragging{opacity:.4}.watch-together-row.wt-drag-over{outline:2px dashed var(--primary);background:#0f6fb826}.watch-together-grip{color:var(--subtle);letter-spacing:-2px;-webkit-user-select:none;user-select:none;align-items:center;padding:0 .5rem;font-size:1rem;display:flex}