:root{--brand:#1c1c2e;--brand-2:#c45032;--drama:#4a63d8;--film:#8b5cf6;--actor:#12a89c;--idol:#d99400;--group:#d8438a;--role:#7d8aa8;--danger:#c0392b}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141c;--panel:#1a1d29;--panel-2:#232739;--text:#e8eaf2;--muted:#9aa1bb;--drama:#6f8cff;--film:#b388ff;--actor:#4ecdc4;--idol:#ffd166;--group:#ff6bb5;--danger:#ff6b6b;--drama-fill:#2b3350;--actor-fill:#33404a;--group-fill:#4a2a4d;--role-fill:#fff;--edge:#4a5568;--edge-strong:#3d4560;--on-accent:#0d1020;--overlay:#12141cf5;--backdrop:#0009;--danger-tint:#ff6b6b1f;--highlight-meta:#b9c4ee;--wispa:#c08b4a;--wispa-fill:#4a3527;--wispa-text:#d8b78a}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7fb;--panel:#fff;--panel-2:#e7e8ef;--text:#3a3a4a;--muted:#6b6b7a;--drama:#3f56c9;--film:#7c3aed;--actor:#0f8a80;--idol:#b37a00;--group:#c2246f;--danger:#c0392b;--drama-fill:#dfe4ff;--actor-fill:#d5eeeb;--group-fill:#fbdcec;--role-fill:#fff;--edge:#b6bccd;--edge-strong:#9aa2b8;--on-accent:#fff;--overlay:#f7f7fbf5;--backdrop:#1c1c2e73;--danger-tint:#c0392b1a;--highlight-meta:#4a5590;--wispa:#a06a2c;--wispa-fill:#f6e7d4;--wispa-text:#7a4f1d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;height:100vh;display:flex}header{border-bottom:1px solid var(--panel-2);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 20px 10px;display:flex}header h1{letter-spacing:.3px;margin:0;font-size:20px}.tagline{color:var(--muted);max-width:70ch;margin:4px 0 0;font-size:13px}.layout{flex:1;grid-template-columns:330px 1fr;min-height:0;display:grid}.panel{background:var(--panel);border-right:1px solid var(--panel-2);scrollbar-gutter:stable;overflow-anchor:none;padding:16px;overflow-y:auto}.panel-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 8px;font-size:13px}.search-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:13px;display:block}input[type=search]{border:1px solid var(--panel-2);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}input[type=search]:focus{outline:2px solid var(--drama);outline-offset:1px}.results-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:12px 0 0;font-size:10px}.poster-placeholder.act{background:var(--group-fill);border:1px solid var(--group)}.results,.board{margin:10px 0 0;padding:0;list-style:none}.results button,.board li{background:var(--panel-2);width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.results button:hover:not(:disabled){border-color:var(--drama)}.results button:disabled{opacity:.5;cursor:wait}.board-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.board li:hover,.board li:focus-within{border-color:var(--drama)}.board li.highlighted{border-color:var(--drama);background:var(--drama-fill)}.board li.highlighted .board-text em{color:var(--highlight-meta)}.results img,.board img,.poster-placeholder{object-fit:cover;background:var(--drama-fill);border-radius:4px;flex:none;width:34px;height:50px}.result-text,.board-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result-text strong,.board-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.result-text em,.board-text em{color:var(--muted);font-size:11px;font-style:normal}.add-hint{color:var(--muted);flex:none;font-size:18px}.board-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0 4px;font-size:20px;line-height:1}.board-remove:hover{color:var(--danger)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 0;display:grid}.stats div{background:var(--panel-2);text-align:center;border-radius:8px;flex-direction:column;padding:10px 8px;display:flex}.stats dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.stats dd{margin:auto 0 0;padding-top:6px;font-size:20px;font-weight:600;line-height:1}.shared-count{background:var(--drama);width:26px;height:26px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.shared-names{color:var(--actor)!important}.insights{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.chip:hover{border-color:var(--drama)}.chip.active{background:var(--drama);border-color:var(--drama);color:var(--on-accent);font-weight:600}.insight-answer{background:var(--panel-2);border-left:3px solid var(--drama);color:var(--text);border-radius:0 6px 6px 0;margin:10px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:20px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.legend li{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.swatch{border:2px solid;border-radius:50%;flex:none;width:14px;height:14px}.swatch.drama{background:var(--drama-fill);border-color:var(--drama);border-radius:3px}.swatch.film{background:var(--drama-fill);border-color:var(--film);border-style:double;border-width:3px;border-radius:3px}.swatch.role{background:var(--role-fill);border-color:var(--role);border-radius:3px;width:10px;height:10px}.swatch.actor{background:var(--actor-fill);border-color:var(--actor)}.swatch.idol{background:var(--actor-fill);border-color:var(--idol)}.swatch.group{background:var(--group-fill);border-color:var(--group);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0}.canvas{min-width:0;position:relative}.graph{position:absolute;inset:0}.graph-controls{z-index:10;align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:16px}.crossings{color:var(--muted);font-size:12px}.size-slider{color:var(--muted);background:var(--panel);border:1px solid var(--panel-2);border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:flex}.size-slider input[type=range]{width:100px;accent-color:var(--drama)}.node-search{position:relative}.node-search input{border:1px solid var(--panel-2);background:var(--panel);width:190px;color:var(--text);font:inherit;border-radius:8px;padding:7px 12px;font-size:12px}.node-search input:focus{outline:2px solid var(--drama);outline-offset:1px}.node-search-results{background:var(--panel);border:1px solid var(--panel-2);z-index:20;border-radius:8px;width:280px;max-height:320px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.node-search-results button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.node-search-results button.active{background:var(--panel-2)}.ns-label{font-size:13px}.ns-meta{color:var(--muted);font-size:11px}.ns-empty{color:var(--muted);padding:8px;font-size:12px}.banner{z-index:5;background:var(--panel-2);border-radius:20px;margin:0;padding:8px 14px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hint{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:13px}.layout-overlay{z-index:30;background:var(--overlay);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--panel-2);border-top-color:var(--drama);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.overlay-title{margin:0;font-size:15px;font-weight:600}.overlay-detail{color:var(--muted);margin:0;font-size:12px}.watch-group{margin-top:8px}.watch-label{color:var(--muted);font-size:11px}.watch-logos{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.watch-logos img{object-fit:cover;background:var(--panel-2);border-radius:6px;width:34px;height:34px;display:block}.watch-logos a{outline-offset:2px;border-radius:6px;display:block}.watch-logos a:hover img{outline:2px solid var(--drama)}.people-editor{margin-top:8px}.people-list{scrollbar-gutter:stable;max-height:190px;margin:0;padding:0;list-style:none;overflow-y:auto}.people-list li{align-items:baseline;gap:6px;padding:3px 0;font-size:12px;display:flex}.people-name{flex:1;min-width:0}.people-name em{color:var(--muted);font-style:normal}.people-empty{color:var(--muted)}.people-editor input[type=search],.people-editor input[type=text]{border:1px solid var(--panel-2);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:6px 8px;font-size:12px}.people-editor .results button{padding:6px}.detail{background:var(--panel);border:1px solid var(--panel-2);z-index:10;border-radius:12px;width:280px;max-height:calc(100% - 32px);padding:16px;position:absolute;top:16px;right:16px;overflow-y:auto}.detail h2{margin:10px 0 4px;font-size:16px}.detail .close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.detail-image{border-radius:8px;width:84px;display:block}.detail-image.placeholder{background:var(--panel-2);height:84px;color:var(--muted);place-items:center;font-size:32px;font-weight:700;display:grid}.detail .kind{color:var(--muted);margin:0 0 10px;font-size:12px}.detail .overview{color:var(--muted);font-size:12px;line-height:1.5}.detail .lifeline{color:var(--text);margin:0 0 8px;font-size:12px}.detail .caveat{color:var(--muted);border-left:2px solid var(--panel-2);padding-left:8px;font-size:11px;font-style:italic;line-height:1.5}.detail h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 0;font-size:12px}.episodes{border-top:1px solid var(--panel-2);margin-top:14px;padding-top:10px}.episodes summary{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;justify-content:space-between;gap:8px;font-size:12px;display:flex}.episodes summary:hover{color:var(--text)}.ep-count{text-transform:none;letter-spacing:0}.episode-list{gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.episode-list li{align-items:baseline;gap:8px;font-size:12px;display:flex}.ep-num{color:var(--drama);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.ep-name{color:var(--muted)}.detail .groups{color:var(--group);font-size:13px}.detail .roles{gap:6px;margin:10px 0;padding:0;font-size:12px;list-style:none;display:grid}.detail .roles li{color:var(--muted)}.detail .roles strong{color:var(--text)}.detail a{color:var(--drama);font-size:12px}button.secondary{background:var(--panel-2);border:1px solid var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:none;padding:8px 14px;font-size:13px}button.secondary:hover:not(:disabled){border-color:var(--drama)}button.secondary:disabled{opacity:.45;cursor:default}button.link{color:var(--drama);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.strip{background:var(--danger-tint);border-bottom:1px solid var(--panel-2);margin:0;padding:8px 20px}.modal-backdrop{background:var(--backdrop);z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--panel-2);border-radius:12px;width:min(520px,100%);max-height:90vh;padding:22px;position:relative;overflow-y:auto}.modal h2{margin:0 0 18px;font-size:18px}.modal .close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.modal label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 6px;font-size:12px;display:block}.modal input{border:1px solid var(--panel-2);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.modal input:focus{outline:2px solid var(--drama);outline-offset:1px}.modal.editor{width:auto;min-width:320px}.editor-frame{border:1px solid var(--panel-2);background:var(--bg);border-radius:8px;margin:12px auto;overflow:hidden}.editor-frame canvas{cursor:grab;touch-action:none;display:block}.editor-frame canvas:active{cursor:grabbing}.modal.editor input[type=range]{accent-color:var(--drama)}.field-hint{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.field-hint a{color:var(--drama)}.field-hint code{word-break:break-all;background:var(--panel-2);border-radius:3px;padding:1px 4px;font-size:11px}.ok{color:var(--actor);font-size:13px}.image-controls{margin-top:8px}.image-actions{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.image-actions button,.image-actions .button-like{padding:5px 10px;font-size:11px}a.button-like{color:var(--text);background:var(--panel-2);border:1px solid var(--panel-2);cursor:pointer;border-radius:8px;text-decoration:none;display:inline-block}a.button-like:hover{border-color:var(--drama)}.url-row{gap:6px;margin-bottom:8px;display:flex}.url-row input{border:1px solid var(--panel-2);background:var(--bg);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.url-row button{padding:5px 10px;font-size:11px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-actions button[type=submit]{background:var(--drama);border:1px solid var(--drama);color:var(--on-accent);font:inherit;cursor:pointer;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600}@media (width<=780px){.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--panel-2);max-height:45vh}.detail{width:auto;left:16px}}.public-layout{grid-template-columns:1fr}.public header h1{font-size:18px}.graph-controls .insights.inline{gap:6px;max-width:44ch}.graph-controls .insights.inline .chip{padding:5px 10px;font-size:11px}.insight-answer.floating{z-index:10;background:var(--panel);border:1px solid var(--panel-2);border-left:3px solid var(--drama);max-width:46ch;margin:0;position:absolute;top:64px;left:16px}.header-actions a.button-like{padding:7px 12px;font-size:12px}.brand-wordmark{letter-spacing:.1em;text-transform:uppercase;color:var(--text);align-items:center;margin:0;font-size:20px;font-weight:800;display:flex}.brand-wordmark .brand-dot{color:var(--brand-2);margin:0 7px;font-weight:400}.brand-wordmark .brand-suffix{color:var(--brand-2);align-items:center;font-size:.6em;font-weight:600;display:flex;position:relative;top:.15em}.theme-picker{gap:8px;margin-bottom:4px;display:flex}.theme-option{background:var(--panel-2);border:2px solid var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 6px;font-size:12px;display:flex}.theme-option:hover{border-color:var(--brand-2)}.theme-option.active{border-color:var(--brand-2);font-weight:600}.theme-swatch{border:1px solid var(--panel-2);border-radius:50%;width:34px;height:34px}.theme-swatch.dark{background:linear-gradient(135deg,#1a1d29 50%,#6f8cff 50%)}.theme-swatch.light{background:linear-gradient(135deg,#fff 50%,#4a63d8 50%)}.theme-swatch.system{background:linear-gradient(135deg,#1a1d29 50%,#fff 50%)}.public-owner{color:var(--text);margin:6px 0 0;font-size:14px;font-weight:600}.public .tagline{margin-top:2px}