pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--background:#fff;--foreground:#0f172a;--card:#fff;--border:#e2e8f0;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--input:#fff}.theme-dark{--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--border:#334155;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#334155;--accent-foreground:#f8fafc;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#334155;--secondary-foreground:#f8fafc;--input:#1e293b}html,body,#app{height:100%;margin:0;padding:0}body{font-family:Helvetica Neue,Roboto,sans-serif}button{font-weight:700}.app{background:var(--background);height:100vh;color:var(--foreground);flex-direction:column;display:flex}.layout{flex:1;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;padding:.75rem 2.8rem;display:flex}.app-header h1{margin:0;font-size:1.125rem;font-weight:600}.actions{align-items:center;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--border);background:var(--background);width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;border-radius:.375rem}.icon-btn:hover{background:var(--accent)}.primary-btn{background:var(--primary);height:2.25rem;color:var(--primary-foreground);cursor:pointer;border:none;border-radius:.375rem;padding:0 1rem}.primary-btn:hover{opacity:.9}.primary-btn:disabled{opacity:.7;cursor:wait}.secondary-btn{border:1px solid var(--border);background:var(--secondary);height:2rem;color:var(--secondary-foreground);cursor:pointer;border-radius:.375rem;flex:1;font-size:.8125rem}.secondary-btn:hover{background:var(--accent)}.secondary-btn.highlight{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.list-panel{border-right:1px solid var(--border);background:var(--background);flex-direction:column;width:30%;min-width:320px;display:flex}.controls{border-bottom:1px solid var(--border);background:var(--card);flex-direction:column;gap:.625rem;margin-left:1rem;margin-right:1rem;padding:1rem;display:flex}.controls input{border:1px solid var(--border);background:var(--input);width:100%;height:2.25rem;color:var(--foreground);box-sizing:border-box;border-radius:.375rem;padding:0 .75rem;font-size:.875rem}.list-panel .primary-btn{width:100%}.warning{color:#b45309;margin:0;font-size:.75rem}.cards{flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex;overflow-y:auto}.cards .empty{text-align:center;color:var(--muted-foreground);font-size:.875rem}.card{border:1px solid var(--border);background:var(--card);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1rem;transition:border-color .15s,box-shadow .15s;display:flex}.card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.card h4{margin:0 0 .25rem;font-size:1rem;font-weight:600}.card footer{gap:.5rem;margin-top:.25rem;display:flex}.card .desc{color:var(--muted-foreground);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.5rem 0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card .desc a{color:inherit}.meta{color:var(--muted-foreground);margin:0;font-size:.75rem}.tags{flex-wrap:wrap;gap:.25rem;display:flex}.tag{background:var(--accent);color:var(--accent-foreground);border-radius:9999px;padding:.125rem .5rem;font-size:.7rem}.viewer{background:var(--card);flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.viewer>.empty{color:var(--muted-foreground);flex-direction:column;flex:1;justify-content:center;align-items:center;font-weight:700;display:flex}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.tabs button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.875rem}.tabs button.active{color:var(--foreground);border-bottom-color:var(--primary)}.tab-panel{flex:1;padding-top:1.5rem;padding-left:1rem;padding-right:1rem;overflow-y:auto}.tab-panel.post h2{margin:0 0 .5rem}.tab-panel.post .meta{margin:0 0 .75rem;font-size:.875rem}.tab-panel.post .tags{margin-bottom:1rem}.tab-panel.post .tag{font-size:.75rem}.tab-panel.post .desc{color:var(--muted-foreground);background-color:#eee;border-radius:12px;padding:2rem;font-size:.9rem;font-style:italic;line-height:1.75}.content{padding-top:3rem;line-height:1.6}.content-links{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.content-link-btn{border:1px solid var(--border);background:var(--secondary);height:2.25rem;color:var(--secondary-foreground);border-radius:.375rem;justify-content:center;align-items:center;padding:0 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.content-link-btn:hover{background:var(--accent)}.loading{margin:0}.git-row{gap:.5rem;margin-bottom:1rem;display:flex}.git-url{border:1px solid var(--border);background:var(--input);height:2.25rem;color:var(--foreground);box-sizing:border-box;border-radius:.375rem;flex:1;padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.git-btn{border:1px solid var(--border);background:var(--secondary);height:2.25rem;color:var(--secondary-foreground);cursor:pointer;border-radius:.375rem;padding:0 1rem;font-size:.8125rem}.git-btn:hover{background:var(--accent)}.generate-files-empty{justify-content:center;align-items:center;min-height:8rem;display:flex}.generate-btn{background:var(--primary);height:2.25rem;color:var(--primary-foreground);cursor:pointer;border:none;border-radius:.375rem;padding:0 1rem}.generate-btn:disabled{opacity:.7;cursor:wait}.files{flex-direction:column;gap:.5rem;display:flex}.accordion{border:1px solid var(--border);border-radius:.375rem;overflow:hidden}.accordion .header{background:var(--card);width:100%;color:var(--foreground);cursor:pointer;text-align:left;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;display:flex}.accordion .header:hover{background:var(--accent)}.accordion .chevron{font-size:.625rem;transition:transform .15s;display:inline-block}.accordion .chevron.open{transform:rotate(90deg)}.accordion .path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.accordion .body{background:var(--muted);color:var(--foreground);margin:0;padding:.75rem;font-size:.8125rem;overflow-x:auto}.back-bar{display:none}.back-btn{border:1px solid var(--border);background:var(--secondary);width:100%;color:var(--secondary-foreground);cursor:pointer;border-radius:.375rem;padding:.625rem .75rem;font-size:.875rem}.back-btn:hover{background:var(--accent)}.mobile-btn{margin-bottom:.5rem}@media (width<=768px){.layout.mobile-list>.viewer,.layout.mobile-viewer>.list-panel{display:none}.layout .list-panel{border-right:none;width:100%;min-width:0}.back-bar{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--card);margin:.75rem -1rem -1rem;display:block}}