/* заметки&байки — светлая/тёмная тема, бенто-сетка. Без внешних шрифтов и CDN. */
:root{--bg:#f4f1ea;--fg:#18181b;--mut:#52525b;--card:#fff;--line:#e7e2d8;--acc:#e4572e;--dark:#18181b;--darkfg:#fafafa;
--y:#ffd23f;--g:#3bceac;--b:#a7c7e7;--p:#f7a8b8;--chip:#fff}
.dark{--bg:#0f1115;--fg:#e8e8ea;--mut:#a1a1aa;--card:#181b21;--line:#262a33;--dark:#000;--darkfg:#fafafa;
--y:#f5c518;--g:#2aa889;--b:#5b7fa8;--p:#c46b80;--chip:#181b21}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--fg);background:var(--bg);line-height:1.55;transition:background .2s,color .2s}
a{color:inherit}
.top{max-width:1100px;margin:0 auto;padding:20px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.logo{font-weight:900;font-size:24px;letter-spacing:-.03em;text-decoration:none}.logo i{font-style:normal;color:var(--acc)}
nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
nav a{color:var(--mut);text-decoration:none;font-weight:600;padding:6px 10px;border-radius:10px}nav a:hover{background:var(--card);color:var(--fg)}
.theme{border:0;background:var(--card);border-radius:10px;padding:6px 9px;cursor:pointer;font-size:16px}
main{max-width:1100px;margin:0 auto;padding:0 18px 40px}
footer{max-width:1100px;margin:0 auto;padding:10px 18px 40px;color:var(--mut);font-size:13px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.b{border-radius:24px;padding:20px;position:relative;overflow:hidden;background:var(--card);text-decoration:none;display:block;
   border:1px solid var(--line);transition:transform .15s ease,box-shadow .15s ease}
a.b:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.lab{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.emoji{position:absolute;right:16px;top:12px;font-size:32px}
.big{grid-column:span 4;background:var(--dark);color:var(--darkfg);border:0;min-height:260px}
.big .j{font-size:23px;line-height:1.45;font-weight:700;white-space:pre-line;margin:14px 0 18px}
.row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lnk{color:#fbbf9f;font-weight:600}
button{border:0;border-radius:12px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;background:var(--acc);color:#fff}
button.dark{background:var(--dark);color:#fff}
.ex{grid-column:span 2;background:var(--y);border:0;color:#18181b}.ex .o{font-size:19px;font-weight:800;margin:10px 0 14px}
.me{grid-column:span 2;display:flex;gap:14px;align-items:center}.me img{border-radius:50%;flex:none}.me p{margin:4px 0 0;color:var(--mut);font-size:14px}
.post{grid-column:span 2}.post h3{margin:8px 34px 6px 0;font-size:18px;line-height:1.3}.post p{margin:0;color:var(--mut);font-size:14px}
.post.wide{grid-column:span 3}
.mini{grid-column:span 2;border:0;color:#0b1f1a}.mini .j{white-space:pre-line;font-weight:650;line-height:1.45;margin-top:8px}
.all{grid-column:span 4;display:flex;flex-direction:column;justify-content:center;background:transparent;border:2px dashed var(--line)}.all h3{margin:8px 0 4px}.all p{margin:0;color:var(--mut);font-size:14px}
.c-green{background:var(--g)}.c-blue{background:var(--b)}.c-yellow{background:var(--y)}.c-pink{background:var(--p)}
.h{font-size:34px;letter-spacing:-.02em;margin:10px 0 4px}.cnt{font-size:16px;background:var(--acc);color:#fff;border-radius:999px;padding:3px 10px;vertical-align:middle}
.sub{color:var(--mut);margin:0 0 18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chips button{background:var(--chip);color:var(--fg);border:1px solid var(--line);font-weight:600;padding:8px 13px}
.chips button.on{background:var(--dark);color:#fff;border-color:var(--dark)}.chips .rnd{background:var(--acc);color:#fff;border-color:var(--acc)}
.masonry{columns:3 300px;column-gap:14px}.jk{break-inside:avoid;margin-bottom:14px;color:#0b1f1a;border:0}
.jk:not([class*="c-"]){background:var(--card);color:var(--fg);border:1px solid var(--line)}
.jk .j{white-space:pre-line;font-weight:600;line-height:1.5;margin-bottom:8px}.jk.hl{outline:3px solid var(--acc)}
.art{max-width:700px;margin:0 auto}.art h1{font-size:32px;line-height:1.2;letter-spacing:-.02em;margin:6px 0 18px}
.art p{font-size:17px;line-height:1.7;margin:0 0 16px}.back{color:var(--mut);text-decoration:none;font-weight:600;display:inline-block;margin-bottom:14px}
.author{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:26px;color:var(--mut);font-size:14px}
.author img{border-radius:50%}.next{display:block;margin-top:18px;font-weight:700;color:var(--acc);text-decoration:none}
.about{text-align:center}.about p{text-align:left}.ava{border-radius:50%;margin:10px auto 6px;display:block}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.facts div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 6px}.facts b{display:block;font-size:24px}.facts span{color:var(--mut);font-size:13px}
.nf{text-align:center;padding:40px 0}.big404{font-size:110px;font-weight:900;letter-spacing:-.05em;color:var(--acc);line-height:1}
@media(max-width:820px){.grid{grid-template-columns:1fr}.big,.ex,.me,.post,.post.wide,.mini,.all{grid-column:auto}
.big{min-height:0}.big .j{font-size:20px}.h{font-size:28px}.facts{grid-template-columns:repeat(2,1fr)}.art h1{font-size:26px}}