:root{color-scheme:light dark;--bg:var(--tg-theme-bg-color,#f5f6f8);--card:var(--tg-theme-secondary-bg-color,#fff);--text:var(--tg-theme-text-color,#172126);--hint:var(--tg-theme-hint-color,#65727c);--button:var(--tg-theme-button-color,#156758);--button-text:var(--tg-theme-button-text-color,#fff)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}main{max-width:480px;margin:auto;padding:32px 22px calc(24px + env(safe-area-inset-bottom))}header{margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--hint)}h1{font-size:40px;letter-spacing:-.05em;margin:8px 0 0}header p{color:var(--hint);margin-top:5px}button{font:inherit;cursor:pointer;border:0;border-radius:14px;min-height:52px}button:focus-visible{outline:3px solid var(--button);outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.category,.topic{width:100%;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;background:var(--card);color:var(--text)}.category{justify-content:space-between;font-weight:650}.topic{margin-top:10px}.topic>span:last-child{margin-left:auto}.avatar{display:grid;place-items:center;background:#e2eee9;color:#156758;border-radius:50%;width:42px;height:42px;font-weight:700}.topic small{display:block;color:var(--hint);font-size:12px}#detail{padding:20px 0}h2{margin:0;font-size:23px}#status{color:var(--hint)}#actions{display:grid;gap:10px}#actions button{padding:13px 18px;background:var(--button);color:var(--button-text)}#actions button.secondary{background:var(--card);color:var(--text)}.footnote{font-size:12px;color:var(--hint);margin-top:32px}[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){button{transition:opacity .15s}}@media(prefers-color-scheme:dark){:root{--bg:var(--tg-theme-bg-color,#172126);--card:var(--tg-theme-secondary-bg-color,#243037);--text:var(--tg-theme-text-color,#f0f4f3);--hint:var(--tg-theme-hint-color,#acb7bd)}}

.category small{display:block;color:var(--hint);font-size:12px;font-weight:400}#directory .category,#admin-toggle{margin-top:10px}#admin-panel{padding:20px 0}#admin-panel label{display:block;margin:12px 0}#admin-panel input{display:block;width:100%;font:inherit;padding:12px;border-radius:8px;border:1px solid var(--hint);background:var(--card);color:var(--text)}#admin-panel button{padding:12px;margin:5px 0;background:var(--button);color:var(--button-text)}#admin-actions{display:grid;gap:8px}
