.tangle{max-width:72rem;margin:0 auto;padding:var(--space-8) var(--space-6);position:relative;z-index:1}.tangle__featured{display:block;text-decoration:none;color:inherit;padding:var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);transition:all var(--transition-normal);position:relative;overflow:hidden}.tangle__featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.tangle__featured:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tangle__featured-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.tangle__featured h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;color:var(--color-text-primary)}.tangle__featured p{color:var(--color-text-secondary);margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.tangle__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.tangle__filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1}.tangle__filter-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.tangle__filter-tag:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.tangle__filter-tag--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.tangle__filter-tag--active:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.tangle__sort{display:inline-flex;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:2px;border:1px solid var(--color-border-primary);flex-shrink:0}.tangle__sort-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tangle__sort-btn:hover{color:var(--color-text-primary)}.tangle__sort-btn--active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.tangle__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.tangle__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tangle__grid{grid-template-columns:repeat(3,1fr)}}.tangle__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.tangle__card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tangle__card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--color-text-primary)}.tangle__card-excerpt{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}.tangle__card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.tangle__card-tag{font-size:var(--font-size-xs);padding:1px var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted)}.tangle__card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:auto}.tangle__maturity{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tangle__maturity--frayed{color:#84cc16}.tangle__maturity--twisted{color:#22c55e}.tangle__maturity--knotted{color:#059669}.tangle__connections{display:inline-flex;align-items:center;gap:2px}.tangle__touched,.tangle__tended{display:inline-flex;align-items:center;gap:var(--space-1)}.tangle__empty{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.tangle__empty i{font-size:3rem;display:block;margin-bottom:var(--space-4);color:var(--color-primary);opacity:.5}.tangle__empty p{font-size:var(--font-size-lg);margin:0}.tangle-graph{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.tangle-graph svg{width:100%;height:auto;display:block}.tangle-graph__edge{stroke:var(--color-border-secondary);stroke-width:1;opacity:.4}.tangle-graph__node{cursor:pointer;transition:opacity .15s}.tangle-graph__node:hover{opacity:.8}.tangle-graph__node:hover circle{stroke:var(--color-text-primary);stroke-width:2}.tangle-graph__label{font-size:10px;fill:var(--color-text-muted);pointer-events:none;font-family:var(--font-family-sans)}.tangle-graph__tooltip{position:fixed;z-index:100;background:#000000e0;color:var(--color-text-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);pointer-events:none;white-space:nowrap;border:1px solid var(--color-border-secondary)}.text-404__body{padding:var(--space-8) 0;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-404__body p{margin:0 0 var(--space-4) 0}.text-404__body-icon{font-size:2rem;color:var(--color-primary);opacity:.4;display:block;margin-bottom:var(--space-4)}.post-maturity{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-tertiary)}.post-maturity--frayed{color:#84cc16}.post-maturity--twisted{color:#22c55e}.post-maturity--knotted{color:#059669}.post-reading-time{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.post-layout{display:flex;gap:var(--space-8);align-items:flex-start;position:relative;z-index:1}.post-layout__content{flex:1;min-width:0}.post-toc{display:none}@media(min-width:1100px){.post-toc{display:block;width:220px;flex-shrink:0;position:sticky;top:var(--space-8);max-height:calc(100vh - 4rem);overflow-y:auto}}.post-toc__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.post-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1);border-left:2px solid var(--color-border-primary)}.post-toc__item{padding-left:var(--space-3)}.post-toc__item--h3{padding-left:var(--space-6)}.post-toc__link{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;padding:var(--space-1) 0;line-height:1.3;transition:color var(--transition-fast)}.post-toc__link:hover{color:var(--color-primary)}.post-toc-mobile{margin-bottom:var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:1100px){.post-toc-mobile{display:none}}.post-toc-mobile__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.post-toc-mobile__body{padding:0 var(--space-4) var(--space-3)}.post-toc-mobile__body .post-toc__list{border-left:2px solid var(--color-border-primary)}.post-related{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-primary);position:relative;z-index:1}.post-related__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.post-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.post-related__card{display:block;text-decoration:none;color:inherit;padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.post-related__card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.post-related__card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;display:flex;align-items:center;gap:var(--space-1)}.post-related__card-excerpt{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-related__card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.post-related__card-tag{font-size:.65rem;padding:0 var(--space-1);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-muted)}.local-graph{margin-top:var(--space-6);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);position:relative;z-index:1}.local-graph__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.local-graph svg{width:100%;height:auto;display:block}.local-graph__node{cursor:pointer;transition:opacity .15s}.local-graph__node:hover{opacity:.8}.local-graph__node-label{font-size:11px;fill:var(--color-text-secondary);pointer-events:none;font-family:var(--font-family-sans)}.local-graph__node-label--center{font-weight:600;fill:var(--color-text-primary)}.local-graph__link{stroke:var(--color-border-secondary);stroke-width:1.5;fill:none}.local-graph__link--forward{stroke:var(--color-primary);opacity:.6}.local-graph__link--back{stroke:var(--color-secondary);opacity:.6}@media(max-width:640px){.tangle{padding:var(--space-4) var(--space-3)}.tangle__filters{flex-direction:column;align-items:stretch}.tangle__sort{align-self:flex-start}.tangle__featured{padding:var(--space-4)}.post-related__grid{grid-template-columns:1fr}}