:root{--bg:#f6f7f9;--c:#fff;--t:#111;--m:#666;--p:#2563eb;--b:#dde}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111418;--c:#1c2128;--t:#eee;--m:#999;--b:#333}}
:root[data-theme=dark]{--bg:#111418;--c:#1c2128;--t:#eee;--m:#999;--b:#333}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:17px/1.55 system-ui,sans-serif}
main{padding:12px 12px 90px;max-width:760px;margin:auto}nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--c);border-top:1px solid var(--b)}
nav button{flex:1;border:0;background:none;color:var(--t);padding:8px 0;font-size:11px;min-height:56px}
button,select,input,textarea{font:inherit;color:var(--t);background:var(--c);border:1px solid var(--b);border-radius:10px;padding:10px 14px;min-height:44px}
button.p,.r button.p{background:var(--p);color:#fff;border-color:var(--p)}.card{background:var(--c);border-radius:14px;margin:10px 0;overflow:hidden;border:1px solid var(--b)}
.card.rd{opacity:.6}.card img{width:100%;max-height:180px;object-fit:cover}.b{padding:12px}.b h3{margin:.2em 0}small,.m{color:var(--m)}
.r{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}input,textarea{width:100%;margin:4px 0}
#st{position:fixed;top:0;left:0;right:0;background:var(--p);color:#fff;padding:8px 12px;z-index:9;font-size:14px}
.w{background:#fff3cd;color:#664d03;padding:10px;border-radius:10px;margin:8px 0}.e{background:#f8d7da;color:#58151c;padding:10px;border-radius:10px;margin:8px 0}
.cols p{margin:.6em 0}.tr{border-left:4px solid var(--p);padding-left:10px}