:root{color-scheme:light dark;--bg:var(--tg-theme-bg-color,#f2f4f1);--surface:var(--tg-theme-secondary-bg-color,#fff);--text:var(--tg-theme-text-color,#172018);--muted:var(--tg-theme-hint-color,#68716a);--accent:var(--tg-theme-button-color,#287244);--accentText:var(--tg-theme-button-text-color,#fff);--line:color-mix(in srgb,var(--muted) 22%,transparent)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,sans-serif}.app{max-width:520px;margin:auto;min-height:100vh;padding-bottom:76px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 12px}header b{font-size:20px}small{display:block;color:var(--muted);margin-top:4px}button,textarea{font:inherit}button{color:inherit}header button{border:0;border-radius:13px;background:var(--surface);font-size:24px;width:44px;height:44px}main{padding:0 14px}.heading{display:flex;align-items:center;justify-content:space-between;margin:10px 2px 12px}.heading h1{font-size:19px;margin:0}.heading span{color:var(--muted);font-size:12px}.heading button{border:0;background:none;color:var(--accent)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid button{min-height:104px;text-align:left;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:14px;font-size:18px}.grid b{display:block;font-size:14px;margin-top:16px}.grid small{font-size:12px}.grid button:disabled{opacity:.55}h2{font-size:16px;margin:22px 4px 10px}.list{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.list>div{position:relative;padding:14px}.list>div+div{border-top:1px solid var(--line)}.list b{display:block}.list i{position:absolute;right:16px;top:25px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.danger b{color:#d04a40}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(10px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}nav button{border:0;background:none;color:var(--muted);min-height:46px;font-size:11px}nav button.active{color:var(--accent);font-weight:600}dialog{width:min(460px,calc(100% - 24px));border:0;border-radius:22px;background:var(--surface);color:var(--text);padding:18px}dialog::backdrop{background:#0008}.kinds{display:flex;flex-wrap:wrap;gap:7px}.kinds button{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:9px}.kinds button.active{background:var(--accent);color:var(--accentText)}textarea{width:100%;min-height:110px;margin-top:14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);padding:12px;font-size:16px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.actions button{border:0;border-radius:11px;padding:11px 15px}.actions #save{background:var(--accent);color:var(--accentText)}#error{color:#d04a40;min-height:18px}@media(max-width:340px){.grid{grid-template-columns:1fr}.grid button{min-height:82px}.grid b{margin-top:8px}}