*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--font-sans: "Libre Franklin", "Arial Narrow", "Helvetica Neue", Helvetica, sans-serif;--bg: #040810;--bg-grad: #0c1a33;--surface: rgba(4, 10, 20, .88);--surface-alt: rgba(4, 10, 20, .65);--text: #e8eef8;--text-muted: rgba(232, 238, 248, .58);--text-faint: rgba(232, 238, 248, .45);--accent: #4d9fff;--accent-border: rgba(60, 120, 200, .22);--accent-border-strong: rgba(80, 140, 220, .38);--input-bg: rgba(8, 16, 32, .85);--btn-bg: rgba(12, 24, 48, .85);--btn-hover: rgba(20, 40, 72, .92);--tooltip-bg: rgba(6, 12, 24, .96);--error-bg: rgba(40, 20, 80, .95);--overlay: rgba(4, 10, 20, .5);--hero-overlay: rgba(4, 10, 20, .55);--dropdown-bg: rgba(8, 14, 28, .98);--hover-bg: rgba(60, 120, 200, .16);--crumb-hover: rgba(60, 120, 200, .22)}[data-theme=light]{--bg: #ebf1f9;--bg-grad: #e2eaf6;--surface: rgba(235, 241, 249, .94);--surface-alt: rgba(235, 241, 249, .82);--text: #0f1728;--text-muted: rgba(15, 23, 40, .58);--text-faint: rgba(15, 23, 40, .45);--accent: #2563eb;--accent-border: rgba(37, 99, 235, .16);--accent-border-strong: rgba(37, 99, 235, .28);--input-bg: rgba(255, 255, 255, .92);--btn-bg: rgba(255, 255, 255, .95);--btn-hover: rgba(220, 232, 248, .98);--tooltip-bg: rgba(255, 255, 255, .98);--error-bg: rgba(50, 40, 120, .92);--overlay: rgba(235, 241, 249, .65);--hero-overlay: rgba(235, 241, 249, .72);--dropdown-bg: rgba(255, 255, 255, .98);--hover-bg: rgba(37, 99, 235, .07);--crumb-hover: rgba(37, 99, 235, .1)}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,var(--bg-grad) 0%,var(--bg) 55%);transition:background .3s}.top-chrome{position:fixed;top:0;left:0;right:0;z-index:40;pointer-events:none}.top-trigger{height:10px;pointer-events:auto;cursor:default;background:linear-gradient(to bottom,var(--accent-border),transparent);opacity:.35;transition:opacity .2s}.top-chrome-open .top-trigger,.top-chrome:hover .top-trigger{opacity:.7}.top-chrome-hint .top-trigger{opacity:1;animation:top-edge-pulse 1.6s ease-in-out infinite}@keyframes top-edge-pulse{0%,to{opacity:.45}50%{opacity:1}}.top-search-hint{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem 1rem .75rem;border-radius:12px;border:1px solid var(--accent-border-strong);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 32px #0003;pointer-events:auto;animation:hint-enter .4s ease}@keyframes hint-enter{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.top-search-hint-arrow{font-size:1.35rem;line-height:1;color:var(--accent);animation:hint-bounce 1.4s ease-in-out infinite}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.top-search-hint p{margin:0;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.top-search-hint-dismiss{margin-top:.15rem;padding:.25rem .65rem;border:none;border-radius:999px;background:var(--hover-bg);color:var(--text);font-size:.72rem;font-weight:500;cursor:pointer;transition:background .15s}.top-search-hint-dismiss:hover{background:var(--btn-hover)}.top-drawer{pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem .75rem;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--accent-border);transform:translateY(-100%);opacity:0;transition:transform .22s ease,opacity .18s ease,background .3s}.top-chrome-open .top-drawer{transform:translateY(0);opacity:1}.top-drawer .search-wrap{flex:1;min-width:0;max-width:none}.trail-float{position:absolute;top:.75rem;left:.75rem;right:.75rem;z-index:12;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;pointer-events:none}.trail-float>*{pointer-events:auto}.trail-float .breadcrumbs{padding:.35rem .6rem;border-radius:999px;background:var(--surface-alt);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-border)}.trail-float .share-group{padding:.2rem;border-radius:999px;background:var(--surface-alt);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-border)}.search-wrap{position:relative;flex:1;min-width:160px}.search-wrap-hero{width:min(480px,88vw);flex:none;margin:1.25rem auto 0}.search-wrap-hero .search-input{padding:.85rem 1.15rem;font-size:1rem;box-shadow:0 8px 28px #0000002e}.search-wrap-hero .search-results{text-align:left}.search-input{width:100%;padding:.65rem 1rem;border:1px solid var(--accent-border-strong);border-radius:999px;background:var(--input-bg);color:var(--text);font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s,background .3s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4d9fff2e}.search-input::placeholder{color:var(--text-faint)}.search-spinner{position:absolute;right:1rem;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid rgba(128,128,128,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.search-results{position:absolute;top:calc(100% + .35rem);left:0;right:0;list-style:none;max-height:320px;overflow-y:auto;border:1px solid var(--accent-border-strong);border-radius:12px;background:var(--dropdown-bg);box-shadow:0 12px 40px #00000026;z-index:30}.search-result{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.search-result:hover{background:var(--hover-bg)}.search-thumb{width:36px;height:54px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--btn-bg)}.search-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:1.1rem}.search-result-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.search-result-text strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-text small{font-size:.75rem;color:var(--text-faint)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.8rem}.crumb-wrap{display:inline-flex;align-items:center}.crumb-sep{margin:0 .35rem;color:var(--accent);opacity:.6}.crumb{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:.15rem .25rem;border-radius:4px;font-family:inherit;font-size:inherit;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb:hover:not(:disabled){color:var(--text);background:var(--crumb-hover)}.crumb-active{color:var(--text);font-weight:600;cursor:default}.crumb:disabled{cursor:default}.share-group{display:flex;gap:.5rem;flex-shrink:0}.btn-secondary,.btn-ghost{border:1px solid var(--accent-border-strong);border-radius:999px;background:var(--btn-bg);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,color .3s}.btn-secondary,.btn-ghost{padding:.35rem .85rem;font-size:.75rem}.btn-ghost{padding:.45rem 1rem;font-size:.8rem}.btn-secondary:hover,.btn-ghost:hover{background:var(--btn-hover);border-color:var(--accent)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-panel{width:100%;max-width:360px;border-radius:14px;border:1px solid var(--accent-border-strong);background:var(--surface);box-shadow:0 20px 50px #00000059}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid var(--accent-border)}.settings-header h2{font-size:1.1rem;font-weight:600}.settings-close{border:none;background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.15rem .35rem;border-radius:6px}.settings-close:hover{color:var(--text);background:var(--hover-bg)}.settings-section{padding:1rem 1.15rem 1.15rem;border-bottom:1px solid var(--accent-border)}.settings-section:last-child{border-bottom:none}.settings-section h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.65rem}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.settings-row h3{margin-bottom:0}.settings-value{font-size:.8rem;color:var(--accent);font-weight:500}.settings-hint{font-size:.75rem;color:var(--text-faint);margin-bottom:.75rem}.theme-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;border-radius:10px;border:1px solid var(--accent-border-strong);background:var(--btn-bg);color:var(--text);font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s}.theme-option:hover{background:var(--btn-hover)}.theme-option-active{border-color:var(--accent);background:var(--hover-bg);font-weight:600}.theme-icon{font-size:1.25rem}.settings-slider{width:100%;height:6px;accent-color:var(--accent);cursor:pointer}.settings-slider-labels{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.7rem;color:var(--text-faint)}.canvas-wrap{position:relative;flex:1;min-height:0;touch-action:none}.canvas-stage{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.canvas-stage:active{cursor:grabbing}.canvas-stage canvas{display:block;width:100%;height:100%}.node-tooltip{pointer-events:none;position:fixed;z-index:50;max-width:220px;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--accent-border-strong);background:var(--tooltip-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px #00000026;transition:background .3s}.node-tooltip strong{display:block;font-size:.85rem;margin-bottom:.2rem;line-height:1.3}.node-tooltip span{font-size:.75rem;color:var(--text-faint)}.hero-overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(circle at center,transparent 30%,var(--hero-overlay) 100%)}html[data-restoring=true] .hero-overlay{display:none!important}.hero-card{pointer-events:auto;display:flex;flex-direction:column;align-items:center;max-width:520px}.hero-overlay h2{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:600;margin-bottom:.5rem;letter-spacing:-.03em;line-height:1.15}.hero-card>p{max-width:420px;font-size:.95rem;line-height:1.5;color:var(--text-muted)}.hero-footnote{margin-top:.85rem!important;font-size:.8rem!important;color:var(--text-faint)!important}.loading-overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--overlay);font-size:.85rem;color:var(--text-muted)}.loading-pulse{width:40px;height:40px;border-radius:50%;border:2px solid rgba(128,128,128,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}.error-banner{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;border-radius:8px;background:var(--error-bg);border:1px solid var(--accent);color:#fff;font-size:.85rem;text-align:center;max-width:90%}.error-banner small{display:block;margin-top:.35rem;opacity:.7}.footer{z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;border-top:1px solid var(--accent-border);background:var(--surface);font-size:.8rem;transition:background .3s}.footer-minimal{padding:.45rem 1rem;font-size:.75rem;background:var(--surface-alt)}.footer strong{font-weight:600}.footer span{color:var(--text-faint)}.footer-minimal span{font-size:.7rem}.tmdb-attribution{flex-shrink:0;z-index:10;padding:.35rem 1rem .45rem;border-top:1px solid var(--accent-border);background:var(--surface-alt);font-size:.65rem;line-height:1.4;text-align:center;color:var(--text-faint)}.tmdb-attribution a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.tmdb-attribution a:hover{color:var(--accent)}.btn-float{padding:.4rem .85rem;border:1px solid var(--accent-border-strong);border-radius:999px;background:var(--surface-alt);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-float:hover:not(:disabled){background:var(--btn-hover);border-color:var(--accent);color:var(--text)}.btn-float:disabled{opacity:.55;cursor:wait}.btn-options{position:absolute;bottom:1rem;left:1rem;z-index:15;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--accent-border-strong);border-radius:999px;background:var(--surface-alt);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-options:hover{background:var(--btn-hover);border-color:var(--accent);color:var(--text)}.canvas-actions{position:absolute;bottom:1rem;right:1rem;z-index:15;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;pointer-events:none}.canvas-actions>*{pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.top-drawer{flex-wrap:wrap;padding:.55rem .75rem .65rem}.trail-float{top:.5rem;left:.5rem;right:.5rem;flex-direction:column;align-items:flex-start}.top-search-hint p{white-space:normal;text-align:center;max-width:220px}.crumb{max-width:120px}}