:root{--color-panini: #1e3a8a;--color-katantra: #059669;--color-jkv: #3b82f6;--color-dssk: #93c5fd;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;text-autospace:ideograph-alpha}.layout{min-height:100vh;display:flex;flex-direction:column}header{background:var(--color-surface);padding:1rem 2rem;border-bottom:1px solid var(--color-border)}header h1{font-size:1.5rem;font-weight:600}header h1 a{color:var(--color-text);text-decoration:none}nav{margin-top:.5rem}nav a{color:var(--color-text-muted);text-decoration:none;margin-right:1.5rem}nav a:hover{color:var(--color-text)}main{flex:1;padding:2rem}.graph-container{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem}.graph-container svg{display:block;margin:0 auto;position:relative;z-index:1}.legend{position:absolute;top:1rem;left:1rem;background:var(--color-surface);border:1px solid var(--color-border);padding:1rem;border-radius:8px;font-size:.875rem;z-index:10}.legend h4{margin-bottom:.5rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.dot{width:12px;height:12px;border-radius:50%}.dot.panini{background:var(--color-panini)}.dot.katantra{background:var(--color-katantra)}.dot.jkv{background:var(--color-jkv)}.dot.dssk{background:var(--color-dssk)}.line{width:20px;height:3px}.line.reference{background:#6b7280}.line.parallel{background:#f59e0b}.line.adhikara{background:#ef4444}.line.sequence{background:#06b6d4}.sutra-panel{position:absolute;top:1rem;right:1rem;width:300px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:0 10px 40px #0000001a;z-index:10}.sutra-panel h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-panini)}.sutra-panel .sutra-text{font-size:1.125rem;font-style:italic;margin-bottom:.75rem;word-break:normal;overflow-wrap:break-word;hyphens:auto}.sutra-panel .translation{color:var(--color-text-muted);margin-bottom:.75rem;word-break:normal;overflow-wrap:break-word;hyphens:auto}.sutra-panel .vrtti,.sutra-panel .adhikara,.sutra-panel .parallel,.sutra-panel .sequence,.sutra-panel .notes{font-size:.875rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border);word-break:normal;overflow-wrap:break-word;hyphens:auto}.close-btn{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer}.close-btn:hover{color:var(--color-text)}.view-link{display:inline-block;margin-top:1rem;color:var(--color-panini);text-decoration:none}.view-link:hover{text-decoration:underline}.sutra-page{max-width:800px;margin:0 auto}.sutra-header{background:var(--color-surface);border:1px solid var(--color-border);padding:2rem;border-radius:12px;margin-bottom:2rem}.sutra-header .source-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.sutra-header .source-badge.panini{background:var(--color-panini);color:#fff}.sutra-header .source-badge.katantra{background:var(--color-katantra);color:#fff}.sutra-header .source-badge.jkv{background:var(--color-jkv);color:#fff}.sutra-header .source-badge.dssk{background:var(--color-dssk);color:#1e293b}.sutra-header h1{font-size:2rem;margin-bottom:.5rem}.sutra-header .sutra-text{font-size:1.5rem;font-style:italic;word-break:normal;overflow-wrap:break-word;hyphens:auto}.sutra-section{background:var(--color-surface);border:1px solid var(--color-border);padding:1.5rem;border-radius:12px;margin-bottom:1rem}.sutra-section p{word-break:normal;overflow-wrap:break-word;hyphens:auto}.sutra-section.notes{background:#fefce8;border-color:#fde047}.sutra-section h2{font-size:1rem;color:var(--color-text-muted);margin-bottom:.75rem}.sutra-link{display:inline-block;padding:.25rem .75rem;background:var(--color-border);border-radius:4px;color:var(--color-text);text-decoration:none;margin:.25rem}.sutra-link:hover{background:#cbd5e1}.hero{text-align:center;padding:3rem 0}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{color:var(--color-text-muted);font-size:1.125rem;max-width:600px;margin:0 auto 2rem}.sutra-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:2rem}.sutra-card{background:var(--color-surface);border:1px solid var(--color-border);padding:1.25rem;border-radius:8px;text-decoration:none;color:var(--color-text);transition:transform .2s,box-shadow .2s}.sutra-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sutra-card h3{font-size:1rem;margin-bottom:.5rem}.sutra-card p{font-style:italic;color:var(--color-text-muted);word-break:normal;overflow-wrap:break-word;hyphens:auto}.sutra-list-container{width:100%}.sutra-list-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.search-group{display:flex;align-items:center;gap:.75rem}.search-label{font-weight:600;color:var(--color-text);white-space:nowrap;font-size:1rem}.search-input{flex:1;padding:.75rem;border:2px solid #e0e7ff;border-radius:6px;font-size:1rem;font-family:inherit;background:#fff}.search-input::placeholder{color:#94a3b8}.search-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.search-clear{padding:.5rem .75rem;background:#ef4444;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background .2s;font-weight:600}.search-clear:hover{background:#dc2626}.sort-group{display:flex;align-items:center;gap:.75rem}.sort-dropdown{padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:inherit;background:#fff;cursor:pointer;min-width:120px}.sort-dropdown:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.result-count{padding:.5rem .75rem;background:#dbeafe;border:1px solid #60a5fa;border-radius:4px;font-size:.875rem;color:#1e40af;white-space:nowrap;font-weight:500}.graph-search-bar{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:2px solid #60a5fa;border-radius:12px 12px 0 0;margin-bottom:0}.graph-search-label{font-weight:600;color:var(--color-text);white-space:nowrap;font-size:1rem}.graph-search-input{flex:1;padding:.75rem;border:2px solid #e0e7ff;border-radius:6px;font-size:1rem;font-family:inherit;background:#fff;min-width:200px}.graph-search-input::placeholder{color:#94a3b8}.graph-search-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;background:#fff}.graph-search-clear{padding:.5rem .75rem;background:#ef4444;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background .2s;white-space:nowrap;font-weight:600}.graph-search-clear:hover{background:#dc2626}.graph-search-count{padding:.5rem .75rem;background:#dbeafe;border:1px solid #60a5fa;border-radius:4px;font-size:.875rem;color:#1e40af;white-space:nowrap;font-weight:500}.node-circle.highlighted{stroke-width:3!important;filter:drop-shadow(0 0 4px rgba(59,130,246,.5))}