.thread-replies-tree{margin-top:var(--grid-1);padding:0;background:transparent;border-radius:0}.page-container{max-width:1200px;margin:0 auto;padding:0 1rem var(--grid-1) 1rem;box-sizing:border-box}.page-section{background:transparent;border:none;border-radius:var(--radius-lg);padding:0;margin:var(--margin-2) auto;max-width:1200px;width:100%;box-sizing:border-box}.page-header{width:100%;padding:var(--padding-1) 0;margin:0 0 var(--margin-2) 0;background:transparent;border:none;border-radius:0}.page-header h1,.page-header h2{font-size:var(--font-size-2);color:var(--text-primary);margin:0;padding:0;height:var(--grid-2);line-height:var(--grid-2);display:flex;align-items:center}@media (max-width: 1024px){.page-container{padding:0 1.5rem}.page-section{margin:var(--margin-2) var(--margin-1-5);padding:0}.page-header{padding:var(--padding-1) 0}.content-section{padding:0}.thread-container{padding:var(--padding-container-md)}}@media (max-width: 768px){.page-container{padding:0 1rem}.page-section{margin:var(--margin-1-5) var(--margin-1);padding:0}.page-header{padding:var(--padding-1) 0}.page-header h1,.page-header h2{padding:0;font-size:var(--font-size-1)}.content-section{padding:0}.thread-container{padding:var(--padding-container-sm)}}@media (max-width: 480px){.page-container{padding:0 .75rem}.page-section{margin:var(--margin-1) var(--margin-0-5);padding:0}.page-header{padding:var(--padding-1) 0}.page-header h1,.page-header h2,.content-section{padding:0}.thread-container{padding:var(--padding-container-xs)}}.menubar{display:flex;justify-content:flex-end;align-items:center;background:transparent;border:none;border-radius:0;padding:0;margin:0;gap:var(--spacing-2);width:100%}.menubar-section{display:flex;align-items:center;gap:var(--spacing-1)}.menubar-label{font-weight:var(--font-weight);color:var(--text-primary);font-size:var(--font-size-1);white-space:nowrap}.content-section{text-align:center;margin:0 0 var(--margin-2) 0;padding:0;background:transparent;border:none;border-radius:0;width:100%}.section-title{margin:0;font-size:var(--font-size-1);color:var(--text-primary);font-weight:var(--font-weight);display:flex;align-items:center;gap:var(--spacing-0-5);min-height:var(--grid-2)}.page-subtitle{margin:0 0 var(--margin-2) 0;color:var(--text-secondary);font-size:var(--font-size-1);text-align:left}.outline-panel{width:100%;margin:0;padding:var(--component-padding);background:transparent;border:1px solid var(--outline-primary);border-radius:var(--component-border-radius);box-sizing:border-box;text-align:left}.panel-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-1);align-items:center}.panel-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-1);padding:var(--padding-1) 0;border-bottom:var(--border-dashed-thickness) dashed var(--border-dashed-color)}.panel-row:last-child{border-bottom:none;padding-bottom:0}.panel-row:first-child{padding-top:0}.panel-meta{color:var(--text-secondary);font-size:var(--font-size-1);font-family:var(--font-mono);margin-top:var(--spacing-0-5)}.panel-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-1);margin-bottom:var(--grid-1)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-1-5);width:100%;margin:0;padding:0}:root{--component-margin: 0;--component-padding: var(--padding-container);--component-gap: var(--spacing-1);--component-border: 1px solid var(--border-secondary);--component-border-radius: var(--radius-2xl);--component-transition: all .3s ease;--component-bg: var(--bg-post);--component-bg-hover: var(--bg-lighter);--post-renderer-bg: var(--bg-post);--post-renderer-border: var(--component-border);--post-renderer-border-radius: var(--component-border-radius);--post-renderer-padding: var(--component-padding);--post-renderer-margin: var(--component-margin);--btn-padding: var(--padding-0-5) var(--padding-1);--btn-border-radius: var(--radius-lg);--btn-font-weight: var(--font-weight);--btn-transition: var(--component-transition);--form-input-padding: var(--padding-0-5) var(--padding-1);--form-input-border: var(--component-border);--form-input-border-radius: var(--radius-lg);--form-input-bg: var(--bg-input);--font-mono: "IBM Plex Mono", "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;--meta-font-family: var(--font-mono);--meta-font-size: var(--font-size-1);--meta-line-height: 1.4;--meta-color: var(--text-muted);--meta-author-color: var(--text-accent);--meta-author-weight: 500}.thread-container{width:100%;margin:0;padding:var(--component-padding);background:transparent;border:var(--border-dashed-thickness) dashed var(--border-dashed-color);border-radius:var(--component-border-radius);transition:var(--component-transition);border-image:url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern id='dash' patternUnits='userSpaceOnUse' width='8' height='8'%3e%3crect width='4' height='1' fill='%232563eb'/%3e%3crect x='0' y='0' width='1' height='4' fill='%232563eb'/%3e%3c/pattern%3e%3c/defs%3e%3crect width='100' height='100' fill='url(%23dash)'/%3e%3c/svg%3e") 1}.thread-container:hover{background:transparent;border:var(--border-dashed-thickness) solid #4a4a4a}.btn-primary{background:var(--btn-primary);color:var(--text-primary)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--btn-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:var(--text-primary)}.loading-container,.error-container,.empty-state{text-align:center;padding:var(--element-padding);color:var(--text-muted);font-family:var(--font-mono)}.spinner{border:1px solid white;border-top:1px solid white;border-radius:var(--radius-full);width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto var(--element-margin)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state h3{font-size:var(--font-size-2);color:var(--text-primary);margin:var(--margin-1) 0}.alert{padding:var(--padding-1);border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid}.alert-error{background:transparent;color:#fca5a5;border:none}@media (max-width: 768px){.menubar{flex-direction:column;gap:var(--spacing-1);padding:0}.menubar-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-0-5);width:100%}.content-section{padding:0}.posts-list{gap:var(--spacing-1)}}@media (max-width: 480px){.menubar,.content-section{padding:0}}