:root{color-scheme:light dark;--bg: var(--tg-theme-bg-color, #0f1419);--text: var(--tg-theme-text-color, #e7ecf3);--hint: var(--tg-theme-hint-color, #8b98a5);--btn: var(--tg-theme-button-color, #2aabee);--btn-text: var(--tg-theme-button-text-color, #ffffff);--secondary: var(--tg-theme-secondary-bg-color, #1c2430);font-family:Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{max-width:720px;margin:0 auto;padding:16px}header h1{margin:0 0 4px;font-size:1.35rem}header p{margin:0 0 20px;color:var(--hint);font-size:.95rem}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar input{flex:1;border:0;border-radius:10px;padding:10px 12px;background:var(--secondary);color:var(--text);font:inherit}.list{display:flex;flex-direction:column;gap:10px}.item{background:var(--secondary);border-radius:12px;padding:12px 14px}.item-editing{outline:1px solid color-mix(in srgb,var(--btn) 55%,transparent)}.item h2{margin:0 0 6px;font-size:1rem}.item .meta{color:var(--hint);font-size:.85rem;margin-bottom:8px}.item .answer{font-size:.92rem;margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--hint) 25%,transparent)}.question-toggle{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:10px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}.question-toggle-main{display:flex;flex-direction:column;gap:4px;min-width:0}.question-title{font-size:1rem;font-weight:600;line-height:1.35}.question-chevron{color:var(--hint);flex-shrink:0;margin-top:2px}.item-question .meta{margin-bottom:0}.item-question .tags{margin-top:8px}.md-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.md-toolbar .ghost{padding:4px 8px;font-size:.8rem}.md{line-height:1.55;word-break:break-word}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{margin:.9em 0 .4em;line-height:1.25}.md h1{font-size:1.25rem}.md h2{font-size:1.1rem}.md h3{font-size:1rem}.md p,.md ul,.md ol{margin:.55em 0}.md ul,.md ol{padding-left:1.25em}.md a{color:var(--btn)}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;padding:.1em .35em;border-radius:4px;background:color-mix(in srgb,var(--bg) 65%,transparent)}.md pre{margin:.7em 0;padding:10px 12px;overflow-x:auto;border-radius:8px;background:color-mix(in srgb,var(--bg) 80%,#000 20%)}.md pre code{padding:0;background:transparent;font-size:.84rem}.md blockquote{margin:.7em 0;padding:.2em 0 .2em .8em;border-left:3px solid color-mix(in srgb,var(--btn) 55%,transparent);color:var(--hint)}.md table{width:100%;border-collapse:collapse;font-size:.9rem;margin:.7em 0}.md th,.md td{border:1px solid color-mix(in srgb,var(--hint) 35%,transparent);padding:4px 8px;text-align:left}.preview-plain{white-space:pre-wrap;color:var(--hint);font-size:.85rem}.article-body{line-height:1.55;margin-top:12px}.article-body .md{white-space:normal}.empty,.error,.loading{color:var(--hint);padding:24px 0;text-align:center}.error{color:#ff6b6b}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{font-size:.75rem;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--btn) 25%,transparent);color:var(--text)}.tag-topic{background:color-mix(in srgb,var(--accent, #3d8bfd) 28%,transparent)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}.chip{border:0;border-radius:999px;padding:6px 12px;font:inherit;font-size:.85rem;background:var(--secondary);color:var(--hint);cursor:pointer}.chip.active{background:color-mix(in srgb,var(--btn) 35%,transparent);color:var(--text)}a{color:var(--btn)}.admin-header,.item-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-header{margin-bottom:16px}.admin-header h1,.admin-section h2,.item h3{margin:0 0 6px}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tabs button,.admin-form button,.actions button,.attach-row button,button.ghost,button.danger{border:0;border-radius:10px;padding:8px 12px;font:inherit;cursor:pointer;background:var(--btn);color:var(--btn-text)}.tabs button{background:var(--secondary);color:var(--text)}.tabs button.active{background:var(--btn);color:var(--btn-text)}button.ghost{background:transparent;color:var(--text);border:1px solid color-mix(in srgb,var(--hint) 40%,transparent)}button.danger{background:color-mix(in srgb,#ff6b6b 85%,black)}.admin-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;background:var(--secondary);padding:14px;border-radius:12px}.admin-form label,.org-picker{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.admin-form input,.admin-form textarea,.admin-form select,.attach-row select{border:0;border-radius:10px;padding:10px 12px;background:var(--bg);color:var(--text);font:inherit}.org-picker{border:0;padding:0;margin:0}.org-picker .check{flex-direction:row;align-items:center;gap:8px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.attach-row{display:flex;gap:8px;margin-top:10px}.attach-row select{flex:1}.tag-btn{border:0;cursor:pointer;font:inherit}.item-button{display:block;width:100%;text-align:left;border:0;color:inherit;cursor:pointer;font:inherit}.item-button h3{margin:0 0 6px}.back-link{margin-bottom:12px}.meta{color:var(--hint);font-size:.85rem;margin:0 0 6px}.admin-form .check{flex-direction:row;align-items:center}
