.entry-toolbar{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-md) 0;border-bottom:1px solid var(--border);display:flex}.entry-back{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast);margin-right:auto;text-decoration:none;display:inline-flex}.entry-back:hover{color:var(--accent)}.entry-back svg{width:16px;height:16px}.entry-focus-toggle{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border-radius:999px;padding:.55rem .95rem}.entry-focus-toggle:hover,.entry-focus-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.entry-hero{margin-bottom:var(--space-2xl)}.entry-title{margin-bottom:var(--space-sm)}.entry-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.entry-meta .meta-owner a{color:var(--text-muted);transition:color var(--transition-fast)}.entry-meta .meta-owner a:hover{color:var(--accent)}.entry-meta .meta-separator{color:var(--border-dark)}.entry-summary{font-size:var(--text-lg);color:var(--text);margin-bottom:var(--space-md);line-height:1.8}.entry-curator-tags{padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border)}.entry-layout{gap:var(--space-2xl);grid-template-columns:minmax(0,1.7fr) minmax(250px,.95fr);align-items:start;display:grid}.entry-main{min-width:0}.entry-stack{gap:var(--space-xs);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.entry-study-note{margin-bottom:var(--space-2xl);padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.entry-featured-lesson{margin-bottom:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent-light), var(--bg-card));border:1px solid var(--border)}.entry-featured-lesson h2{margin-bottom:0}.study-note-label{margin-bottom:var(--space-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);font-family:var(--font-mono);display:inline-block}.entry-section{margin-bottom:var(--space-2xl)}.entry-section h2{font-size:var(--text-xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.entry-section p{color:var(--text);line-height:1.8}.entry-aside{position:sticky;top:6rem}.study-panel{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--bg-card), var(--accent-light));box-shadow:var(--shadow-sm)}.study-panel h2{font-size:var(--text-lg);margin-bottom:var(--space-md)}.study-meta-grid{gap:var(--space-sm);display:grid}.study-meta-item{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.study-meta-item span{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);font-family:var(--font-mono);margin-bottom:.2rem;display:block}.study-meta-item strong{font-size:var(--text-sm);color:var(--text);line-height:1.5;display:block}.study-focus{margin-top:var(--space-lg)}.study-focus h3{font-size:var(--text-sm);margin-bottom:var(--space-sm)}.study-focus-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tag-link{text-decoration:none}.tag-link:hover{color:var(--accent);text-decoration:none}.study-actions{margin-top:var(--space-lg)}.share-panel{margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.share-panel h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:var(--space-md);font-family:var(--font-mono)}.share-actions{gap:var(--space-sm);display:flex}.share-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);flex:1;justify-content:center;align-items:center;padding:10px;display:flex}.share-btn svg{width:18px;height:18px}.share-btn:hover{background:var(--bg-card);color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.share-btn.twitter:hover{color:#1da1f2;border-color:#1da1f2}.share-btn.linkedin:hover{color:#0077b5;border-color:#0077b5}.share-btn.copy:hover{color:var(--accent);border-color:var(--accent)}.connection-section{margin-top:var(--space-2xl);padding:var(--space-xl);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.connection-label{margin-bottom:var(--space-md);color:var(--text-light);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.graph-wrapper{min-height:400px;margin:var(--space-md) 0;padding:var(--space-xl);border:1px dashed var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at center, var(--bg-card), var(--bg));flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.graph-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.graph-path{fill:none;stroke:var(--border);stroke-width:2.5px;stroke-linecap:round;transition:stroke var(--transition-base), stroke-width var(--transition-base), stroke-dashoffset var(--transition-slow);stroke-dasharray:8 4}.graph-path.active{stroke:var(--accent);stroke-width:3.5px;stroke-dasharray:6 3;animation:1.5s linear infinite dashflow}@keyframes dashflow{to{stroke-dashoffset:-20px}}.graph-center-node{z-index:5;background:var(--bg-card);border:2px solid var(--accent);text-align:center;width:190px;height:190px;box-shadow:0 0 30px #8b451314, var(--shadow-lg);padding:var(--space-md);transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-center-node:hover{box-shadow:0 0 40px #8b451326, var(--shadow-lg);transform:translate(-50%,-50%)scale(1.03)}.center-node-inner h2{font-size:1.15rem;font-family:var(--font-heading);margin:var(--space-xs) 0;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.center-node-inner .center-kicker{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;font-size:.65rem}.graph-nodes-container{z-index:3;pointer-events:none;box-sizing:border-box;justify-content:space-between;width:100%;height:100%;min-height:400px;display:flex}.graph-node{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);width:180px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);text-decoration:none;position:absolute}.graph-node.node-0{top:10%;left:6%}.graph-node.node-1{top:10%;right:6%}.graph-node.node-2{bottom:10%;left:6%}.graph-node.node-3{bottom:10%;right:6%}.graph-node:hover{border-color:var(--accent);box-shadow:0 8px 16px #8b45130d, var(--shadow-md);transform:translateY(-3px)}.graph-node h3{font-size:var(--text-base);margin:var(--space-xs) 0;color:var(--text);font-weight:600}.graph-node .node-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.graph-node .node-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);color:var(--text-muted);background:var(--bg);border-radius:2px;padding:.1em .4em;font-size:.65rem;font-weight:600;display:inline-block}@media (width<=768px){.graph-wrapper{min-height:auto;padding:var(--space-md);gap:var(--space-lg);background:var(--bg-card);flex-direction:column}.graph-svg{display:none}.graph-center-node{border-radius:var(--radius-lg);width:100%;height:auto;padding:var(--space-md);box-shadow:var(--shadow-sm);position:static;transform:none}.graph-center-node:hover{transform:none}.graph-nodes-container{gap:var(--space-sm);flex-direction:column;width:100%;min-height:auto;display:flex;position:static}.graph-node{box-sizing:border-box;width:100%;position:static!important}}.entry-code-link{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border)}.related-section{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border)}.related-heading{margin-bottom:var(--space-lg)}.related-heading p{color:var(--text-muted);margin-bottom:0}.related-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.related-card{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);text-decoration:none;display:block}.related-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.related-card-top h3{font-size:var(--text-lg);margin:0}.related-owner,.related-summary,.related-summary-line{font-size:var(--text-sm);color:var(--text-muted)}.related-owner{margin-bottom:var(--space-sm)}.related-summary-line{margin-bottom:var(--space-md);font-family:var(--font-mono);color:var(--text-light)}.related-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.entry-reading-mode{max-width:760px}.entry-reading-mode .entry-layout{grid-template-columns:1fr}.entry-reading-mode .entry-aside{position:static}.entry-reading-mode .entry-summary,.entry-reading-mode .entry-section p,.entry-reading-mode .entry-study-note p{font-size:1.08rem;line-height:1.95}.entry-not-found{text-align:center;padding:var(--space-4xl) 0}.entry-not-found h1{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.entry-not-found p{color:var(--text-muted);margin-bottom:var(--space-xl)}@media (width<=900px){.entry-layout,.related-grid{grid-template-columns:1fr}.entry-aside{position:static}}@media (width<=640px){.entry-toolbar{align-items:stretch;gap:var(--space-md);padding:var(--space-md) 0 var(--space-lg);flex-direction:column}.entry-back{justify-content:center;margin-right:0}.entry-focus-toggle{justify-content:center;width:100%;display:inline-flex}.entry-engagement{justify-content:space-between;width:100%;margin-left:0}.engagement-btn{flex:1;justify-content:center}}.mermaid-container{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;display:flex;overflow-x:auto}.mermaid{font-family:var(--font-body)!important}[data-theme=night] .mermaid{filter:invert(.9)hue-rotate(180deg)}.codebase-section{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border)}.codebase-heading{margin-bottom:var(--space-lg)}.codebase-heading p{color:var(--text-muted);margin-bottom:0}.ide-workspace{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg);grid-template-columns:240px 1fr;min-height:480px;display:grid;overflow:hidden}.ide-sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;display:flex}.ide-sidebar-header{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);border-bottom:1px solid var(--border)}.file-tree{padding:var(--space-sm);flex:1;overflow-y:auto}.tree-folder{margin-bottom:var(--space-xs)}.tree-node-title,.tree-file{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);font-family:var(--font-mono);padding:.35rem .5rem;display:flex}.tree-node-title:hover,.tree-file:hover{background:var(--bg-hover);color:var(--text)}.tree-file.is-active{background:var(--accent-light);color:var(--accent);font-weight:600}.tree-children{padding-left:var(--space-lg);border-left:1px dashed var(--border);margin-left:12px;margin-top:var(--space-xs)}.ide-editor{color:#d4d4d4;background:#1e1e1e;flex-direction:column;display:flex;overflow:hidden}[data-theme=light] .ide-editor{color:#24292e;background:#f9f6f0}.editor-header{background:#181818;border-bottom:1px solid #2d2d2d;align-items:center;display:flex}[data-theme=light] .editor-header{border-bottom-color:var(--border);background:#f0ece3}.editor-tabs{display:flex}.editor-tab{align-items:center;gap:var(--space-sm);padding:.55rem var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:#9cdcfe;cursor:default;background:#1e1e1e;border-right:1px solid #2d2d2d;display:flex}[data-theme=light] .editor-tab{border-right-color:var(--border);color:var(--accent);background:#f9f6f0}.tab-path{color:#7f7f7f;margin-left:var(--space-xs);font-size:.65rem}.editor-body{max-height:400px;font-family:var(--font-mono);flex:1;font-size:.9rem;line-height:1.6;display:flex;overflow-y:auto}.code-line-numbers{padding:var(--space-md) var(--space-sm);text-align:right;color:#858585;-webkit-user-select:none;user-select:none;background:#1a1a1a;border-right:1px solid #2d2d2d;flex-direction:column;min-width:40px;display:flex}[data-theme=light] .code-line-numbers{border-right-color:var(--border);color:var(--text-light);background:#f3f0e8}.code-line-numbers span{display:block}.code-editor-pre{padding:var(--space-md);flex:1;margin:0;overflow-x:auto}.code-editor-pre code{font-family:var(--font-mono);font-size:var(--text-sm);color:inherit;background:0 0;border-radius:0;padding:0}.editor-annotations{padding:var(--space-md);background:#151515;border-top:1px solid #2d2d2d}[data-theme=light] .editor-annotations{border-top-color:var(--border);background:#f0ece3}.annotations-heading{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#e5c07b;margin-bottom:var(--space-sm);font-weight:600}[data-theme=light] .annotations-heading{color:var(--accent)}.annotations-list{gap:var(--space-sm);flex-direction:column;display:flex}.annotation-item{gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;animation:slideQuestionIn .2s var(--ease-out);background:#e5c07b0d;border-left:3px solid #e5c07b;display:flex}[data-theme=light] .annotation-item{background:var(--accent-light);border-left-color:var(--accent)}.ann-line-tag{font-family:var(--font-mono);color:#e5c07b;flex-shrink:0;font-size:.75rem;font-weight:600}[data-theme=light] .ann-line-tag{color:var(--accent)}.ann-text{font-size:var(--text-sm);color:#abb2bf;margin:0;line-height:1.5}[data-theme=light] .ann-text{color:var(--text-muted)}@media (width<=768px){.ide-workspace{grid-template-columns:1fr}.ide-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:180px}}