@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--ink:#1a1d2e;--ink-soft:#5b6079;--paper:#f7f7fb;--panel:#fff;--line:#e3e4ee;--violet:#6d4fe0;--violet-dark:#5638c4;--gold:#d99a3c;--danger:#cf4a42;--danger-soft:#fbeceb;--radius:12px;--shadow:0 1px 2px #1a1d2e0f, 0 10px 28px #1a1d2e12}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-weight:600}a{color:inherit}.navbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:10;position:sticky;top:0}.navbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:0 auto;padding:16px 24px;display:flex}.brand{align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:var(--violet);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:grid}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--ink-soft);font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--violet)}.app-main{max-width:1000px;margin:0 auto;padding:32px 24px 80px}.hero{margin-bottom:32px}.subtitle{color:var(--ink-soft);max-width:560px;margin:8px 0 20px;font-size:.95rem}.search-bar{gap:10px;max-width:560px;display:flex}.search-bar input{border:1px solid var(--line);border-radius:8px;flex:1;padding:12px 16px;font-family:inherit;font-size:.95rem}.search-bar input:focus{outline:2px solid var(--violet);outline-offset:1px}.btn{cursor:pointer;border:none;border-radius:8px;padding:11px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:transform 60ms,background .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--violet);color:#fff}.btn-primary:hover{background:var(--violet-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--paper)}.results-section{margin-bottom:36px}.results-section h2{margin-bottom:12px;font-size:1.1rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.result-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);padding:16px;text-decoration:none;transition:transform .1s,border-color .15s;display:block}.result-card:hover{border-color:var(--violet);transform:translateY(-2px)}.result-title{margin-bottom:4px;font-weight:600}.result-meta{color:var(--ink-soft);font-size:.82rem}.spinner-wrap{color:var(--ink-soft);flex-direction:column;align-items:center;gap:12px;padding:60px 0;font-size:.9rem;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--violet);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--danger-soft);color:var(--danger);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.empty-state{text-align:center;color:var(--ink-soft);border:1px dashed var(--line);border-radius:var(--radius);padding:32px}.muted{color:var(--ink-soft);font-size:.85rem}.back-link{color:var(--ink-soft);margin-bottom:20px;font-size:.88rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--violet)}.detail-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:32px;padding:28px}.detail-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.avatar{background:var(--gold);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;display:grid}.detail-section{margin-top:20px}.detail-section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:10px;font-size:.85rem}.tag-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tag{color:var(--violet-dark);background:#efeafd;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:.85rem;text-decoration:none;display:inline-block}.chip:hover{border-color:var(--violet);color:var(--violet-dark)}.chip-movie{background:#fdf3e7}.connection-form{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.picker{flex-direction:column;gap:6px;min-width:220px;display:flex;position:relative}.picker label{color:var(--ink-soft);font-size:.82rem;font-weight:600}.picker input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem}.picker-options{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:5;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.picker-option{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;display:block}.picker-option:hover{background:var(--paper)}.path-result{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.path-chain{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.path-step{align-items:center;gap:10px;display:inline-flex}.path-arrow{color:var(--ink-soft)}@media (width<=640px){.search-bar{flex-direction:column}.connection-form{flex-direction:column;align-items:stretch}.detail-card{padding:20px}}