:root{--color-interactive:#3b82f6;--color-interactive-deep:#2563eb;--color-animate-ready:#6d28d9;--color-animate-playing:#dc2626;--color-animate-paused:#d97706;--color-export-action:#059669;--color-surface:#fff;--color-ink-primary:#1f2937;--color-ink-body:#374151;--color-ink-secondary:#4b5563;--color-ink-muted:#6b7280;--color-ink-faint:#9ca3af;--color-border-default:#d1d5db;--color-border-light:#e5e7eb;--color-bg-hover:#f3f4f6;--color-bg-subtle:#f9fafb;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--rounded-pill:50px;--rounded-md:8px;--rounded-sm:6px;--rounded-xs:4px}body{flex-direction:column}img{border:none}.podcast-buttons{justify-content:center;gap:1rem;margin-bottom:.75rem;display:flex}.podcast-button{border-radius:var(--rounded-pill);white-space:nowrap;background-image:none;align-items:center;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex}.podcast-button:hover{transform:scale(1.05)}.spotify-button{color:#fff;background-color:#1db954}.spotify-button:hover{background-color:#1ed760}.orelo-button{color:#000;background-color:#fff;border:2px solid #000}.orelo-button:hover{color:#fff;background-color:#000}.podcast-icon{fill:currentColor;width:1.5rem;height:1.5rem;margin-right:.5rem}.container{background-color:#fff;border-radius:.5rem;width:100%;max-width:48rem;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.container-title{justify-content:center;align-items:center;display:flex}.container-title img{width:4rem;height:auto}.title{text-align:center;color:#1f2937;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.search-bar{justify-content:center;margin-bottom:1.5rem;display:grid}.search-bar input{border:1px solid #d1d5db;justify-self:center;width:10rem;padding:.5rem}.search-bar input:focus{border-color:#3b82f6}.search-buttons{justify-content:center;gap:.5rem;display:flex}.search-bar button{color:#fff;background-color:#3b82f6;margin-top:1rem;padding:.5rem 1rem;font-weight:700;transition-duration:.2s}.search-bar button:hover{background-color:#2563eb}.search-bar .clear-button{background-color:#9ca3af}.search-bar .clear-button:hover{background-color:#6b7280}.search-bar .error,.search-bar .message{text-align:center;margin-top:1rem}.tabs{border-bottom:2px solid #e5e7eb;justify-content:center;margin-bottom:1rem;display:flex}.tab-button{color:#6b7280;background-color:#0000;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-weight:600;transition:color .2s ease-in-out,border-color .2s ease-in-out}.tab-label-short{display:none}.tab-button.active{border-bottom-color:#000}.tab-button:hover:not(:disabled){color:#000}.tab-button:disabled{opacity:.35;cursor:not-allowed}.tab-content{display:none}.tab-content.active{display:block}.animate-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.animate-button{color:#fff;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#6d28d9;border:none;border-radius:.375rem;outline:none;padding:.4rem 1rem;font-weight:700;transition:background-color .2s}.animate-button:hover{background-color:#5b21b6}.animate-button.playing{background-color:#dc2626}.animate-button.paused{background-color:#d97706}.animate-button.paused:hover{background-color:#b45309}.animate-button.playing:hover{background-color:#b91c1c}.animate-speed-label{color:#4b5563;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.animate-counter{color:#6b7280;font-size:.8rem}.focus-button{z-index:10;color:var(--color-ink-secondary);border:1px solid var(--color-border-light);cursor:pointer;background:#fffffff2;border-radius:6px;padding:.35rem .7rem;font-size:.72rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;position:absolute;bottom:.75rem;right:.75rem}.focus-button:hover:not(:disabled){background-color:var(--color-bg-hover)}.focus-button.active{background-color:var(--color-ink-primary);color:var(--color-surface);border-color:var(--color-ink-primary)}.focus-button:disabled{opacity:.4;cursor:not-allowed}.zoom-controls{z-index:10;flex-direction:column;gap:.25rem;display:flex;position:absolute;top:.75rem;right:.75rem}.zoom-button{width:2rem;height:2rem;color:var(--color-ink-secondary);border:1px solid var(--color-border-light);cursor:pointer;background:#fffffff2;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s;display:flex}.zoom-button:hover{background-color:var(--color-bg-hover);color:var(--color-ink-primary)}.zoom-button:active{background-color:var(--color-border-light)}.graph-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;height:80vh;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}#naruhodo_graph{width:100%;height:100%;position:absolute;inset:0}.graph-loading{color:#6b7280;z-index:5;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;inset:0}.graph-legend{z-index:10;color:#4b5563;pointer-events:none;background:#fffffff2;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:.05rem;padding:.35rem .6rem;font-size:.72rem;line-height:1.6;display:flex;position:absolute;bottom:.75rem;left:.75rem}#episodeList{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;max-height:24rem;margin-top:1.5rem;padding:1rem;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000f}#episodeList table{border-collapse:collapse;width:100%;font-size:.875rem}#episodeList th,#episodeList td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.75rem}#episodeList th{color:#4b5563;background-color:#f9fafb;font-weight:600}#episodeList tr:hover{background-color:#f3f4f6}.ranking-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.ranking-sort-label{color:#4b5563;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.ranking-sort-label select{border:1px solid #d1d5db;border-radius:.25rem;padding:.3rem .5rem;font-size:.875rem}.export-csv-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#059669;border:none;border-radius:.375rem;padding:.3rem .9rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.export-csv-button:hover{background-color:#047857}.ranking-search{border:1px solid #d1d5db;border-radius:.25rem;width:14rem;padding:.3rem .6rem;font-size:.875rem}#rankingList{border:1px solid #d1d5db;border-radius:.5rem;max-height:28rem;overflow-y:auto}#rankingList table{border-collapse:collapse;width:100%;font-size:.85rem}#rankingList th,#rankingList td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.6rem .75rem}#rankingList th{color:#4b5563;cursor:help;background-color:#f9fafb;font-weight:600;position:sticky;top:0}#rankingList tr:hover{background-color:#f3f4f6}.metrics-glossary{color:#4b5563;border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem;font-size:.82rem;line-height:1.5}.metrics-glossary dt{color:#1f2937;margin-top:.75rem;font-weight:600}.metrics-glossary dd{margin-top:.1rem;margin-left:0}.metrics-glossary a{color:#3b82f6;text-decoration:none}.metrics-glossary a:hover{text-decoration:underline}.episodes-note{color:#6b7280;text-align:center;margin-top:.5rem;margin-bottom:1rem;font-size:.78rem;font-style:italic}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#nodeInfoContent{color:#374151;padding:1rem;font-size:.9rem;line-height:1.6}#nodeInfoContent h4{color:#1f2937;margin-bottom:1rem;font-size:1.2rem;font-weight:600}#nodeInfoContent ul{margin-bottom:1rem;padding-left:0}#nodeInfoContent li{margin-bottom:.5rem}#nodeInfoContent small{color:#6b7280;border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){html,body{max-width:100vw;overflow-x:hidden}.container{flex-direction:column;max-width:100vw;margin-top:.5rem;display:flex;overflow-x:hidden}.container-title{order:0;padding:0 .75rem}.search-bar{order:1;padding:0 .75rem}#graphTab{order:2}#nodeInfoTab,#detailsTab,#rankingTab{order:3;padding:0 .75rem}.title{text-overflow:ellipsis;font-size:1.25rem;overflow:hidden}.search-bar{flex-flow:wrap;align-items:center;gap:.4rem;margin-bottom:0;display:flex}.search-bar input{box-sizing:border-box;flex:1;min-width:0;padding:.5rem}.search-buttons{align-items:center;gap:.4rem;display:flex}.search-bar button{white-space:nowrap;box-sizing:border-box;padding:.5rem;margin:0!important}#searchMessage{width:100%}.animate-speed-label,.animate-counter{display:none}.graph-wrapper{aspect-ratio:1;border-left:none;border-right:none;border-radius:0;width:calc(100% + 3rem);height:auto;margin-left:-1.5rem;margin-right:-1.5rem}.animate-controls{flex-wrap:wrap;margin-bottom:0;padding:.4rem .75rem}.animate-button{flex:1;justify-content:center;align-items:center;gap:.2rem;min-height:44px;padding:.4rem .5rem;font-size:.75rem;display:flex}.tabs{z-index:100;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:.15rem;margin-bottom:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.tab-button{text-align:center;color:#9ca3af;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-width:0;min-height:44px;margin-bottom:0;padding:.3rem .25rem;font-size:.68rem;display:flex}.tab-label-full{display:none}.tab-label-short{display:inline}.tab-button.active{color:#1f2937;background-color:#0000;border-bottom-color:#0000;font-weight:700}.tab-button:disabled{opacity:.3;cursor:not-allowed}body{padding-bottom:64px}}