/* Шрифты лежат на самом сайте: посетители не обращаются к Google и другим сторонним серверам. */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-text-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-text-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-text-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-text-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-text-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/golos-text-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/golos-text-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/unbounded-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/unbounded-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/unbounded-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/unbounded-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Раскладка: одна плотная колонка. Верхняя строка со списком досок в скобках, крупный адрес доски,
   форма, треды (оп-пост без рамки, ответы в рамках со сдвигом) или сетка каталога. */
:root{
  --bg:#e7e9e2;
  --paper:#f4f5f0;
  --reply:#d9ddd1;
  --ink:#1b1e1a;
  --muted:#5f665c;
  --line:#bdc2b4;
  --accent:#a3301f;
  --link:#2a4a9e;
  --name:#2c6a3c;
  --quote:#567312;
  --hl:#efe0a2;
  --shadow:rgba(20,24,18,.18);
  --f-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --f-body:"Golos Text","PT Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono","PT Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#131514; --paper:#1a1d1b; --reply:#222623; --ink:#dfe2d9; --muted:#8e9589; --line:#363b36;
    --accent:#e47c66; --link:#95aef0; --name:#7cc38e; --quote:#a8c65c; --hl:#4b4426; --shadow:rgba(0,0,0,.55);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#131514; --paper:#1a1d1b; --reply:#222623; --ink:#dfe2d9; --muted:#8e9589; --line:#363b36;
  --accent:#e47c66; --link:#95aef0; --name:#7cc38e; --quote:#a8c65c; --hl:#4b4426; --shadow:rgba(0,0,0,.55);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--f-body)}
img{max-width:100%}
a{color:var(--link)}
:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1040px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 56px}
code{font:.88em var(--f-mono);background:var(--reply);padding:0 4px;border-radius:2px}

/* верхняя строка */
.topbar{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding-block:14px 12px;border-bottom:1px solid var(--line)}
.logo{font:800 25px/1 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.logo span{color:var(--accent)}
.boards{font:13px/1.6 var(--f-mono);color:var(--muted);display:flex;flex-wrap:wrap;gap:0 6px;align-items:baseline}
.boards a{color:var(--link);text-decoration:none;padding:2px 1px}
.boards a:hover{text-decoration:underline;text-underline-offset:3px}
.boards a[aria-current="page"]{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.topright{margin-left:auto;display:flex;gap:10px 14px;flex-wrap:wrap;align-items:baseline}
.badges{display:flex;gap:6px;flex-wrap:wrap}
.badge{font:11px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--line);padding:2px 8px;border-radius:999px;color:var(--muted);text-decoration:none}
.badge.mod{color:var(--accent);border-color:var(--accent)}

/* шапка страницы */
.mast{padding-block:26px 16px;display:grid;gap:4px}
.mast h1{font:800 clamp(34px,7vw,60px)/1 var(--f-display);margin:0;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}
.mast h1 a{color:inherit;text-decoration:none}
.mast h1 .sl{color:var(--accent);font-weight:600}
.mast .bname{font:600 18px/1.3 var(--f-body);margin:10px 0 0;text-wrap:balance;overflow-wrap:anywhere}
.mast .bname:empty{display:none}
.mast .bname .tno{font:600 14px var(--f-mono);color:var(--muted);margin-right:8px}
.mast p{margin:0;color:var(--muted);max-width:62ch}
.mast p:empty{display:none}

/* кнопки в квадратных скобках */
.br{font:600 13px/1.4 var(--f-mono);background:none;border:0;padding:2px 0;color:var(--link);cursor:pointer;text-decoration:none;white-space:nowrap}
.br::before{content:"[";color:var(--muted);margin-right:2px;font-weight:400}
.br::after{content:"]";color:var(--muted);margin-left:2px;font-weight:400}
.br:hover{text-decoration:underline;text-underline-offset:3px}
.br.on,.br[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.br.danger{color:var(--accent)}
.br:disabled{opacity:.5;cursor:default}

.actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding-block:10px;border-block:1px solid var(--line)}
.actions .count{font:12px var(--f-mono);color:var(--muted);margin-left:auto}
.viewtoggle{display:flex;gap:10px;align-items:center}

.rules{font-size:14px;color:var(--muted);padding-block:10px 0}
.rules summary{cursor:pointer;font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;width:max-content;max-width:100%}
.rules ul{margin:8px 0 4px;padding-left:18px;max-width:74ch;display:grid;gap:4px}
.rules b{color:var(--ink)}

.notice{margin-top:12px;padding:10px 14px;border:1px dashed var(--line);border-radius:3px;color:var(--muted);font-size:14px;max-width:74ch}
.notice.warn{border-color:var(--accent);color:var(--ink)}

/* форма */
.postform{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 12px;max-width:660px;padding-block:16px 6px}
.form-title{grid-column:1/-1;font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.k{font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.postform .k{padding-top:9px}
.settings .k{text-transform:none;letter-spacing:0;font-size:13px}
.field{min-width:0}
input[type=text],input[type=password],textarea,select{font:15px/1.45 var(--f-body);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:7px 10px}
.postform input[type=text],.postform textarea{width:100%}
.postform textarea{min-height:130px;resize:vertical;display:block}
.hint{font-size:12.5px;color:var(--muted);margin-top:3px}
.tools{display:flex;gap:4px;margin-bottom:5px;flex-wrap:wrap}
.tools button{font:600 12px/1 var(--f-mono);min-width:32px;padding:7px 8px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:3px;cursor:pointer}
.tools button:hover{border-color:var(--muted)}
.drop{position:relative;display:block;border:1px dashed var(--line);border-radius:3px;padding:12px 14px;color:var(--muted);font-size:13.5px;cursor:pointer;background:var(--paper)}
.drop:hover,.drop.drag{border-color:var(--accent);color:var(--ink)}
.drop:focus-within{outline:2px solid var(--link);outline-offset:2px}
.drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.drop b{color:var(--link);font-weight:600}
.filepreview{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px;font:12px var(--f-mono);color:var(--muted)}
.filepreview img,.filepreview video{max-width:120px;max-height:120px;border-radius:2px;display:block;background:var(--line)}
.captcha{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center}
.captcha img{display:block;width:220px;height:70px;border-radius:3px;border:1px solid var(--line);background:var(--reply)}
.captcha-side{display:grid;gap:6px;justify-items:start;min-width:0}
.captcha input{width:min(200px,100%)}
.submitrow{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap}
.submit{background:var(--ink);color:var(--bg);font:600 14px var(--f-body);border:0;border-radius:3px;padding:9px 20px;cursor:pointer}
.submit:disabled{opacity:.55;cursor:progress}
.check{font:13px var(--f-mono);color:var(--muted);display:flex;gap:6px;align-items:center;cursor:pointer}
.formstatus{font-size:13px;color:var(--muted)}
.formstatus.err{color:var(--accent)}
@media (max-width:560px){
  .postform{grid-template-columns:1fr;gap:4px}
  .postform .k{padding-top:6px}
  .postform .k.empty{display:none}
}

/* посты */
#content{padding-top:4px}
.thread{padding-block:16px;border-bottom:1px solid var(--line)}
.thread.full{border-bottom:0}
.post{min-width:0;display:flow-root;border-radius:3px}
.post.op{padding:4px 0 6px}
.post.op.hl{background:var(--hl);padding-inline:8px}
.reply-row{display:flex;gap:6px;margin-top:6px;align-items:flex-start;max-width:100%}
.reply-row::before{content:">>";font:12px var(--f-mono);color:var(--line);padding-top:9px;flex:none}
.post.reply{background:var(--reply);border:1px solid var(--line);padding:6px 12px 8px;flex:0 1 auto}
.post.reply.hl{background:var(--hl);border-color:var(--accent)}
.post-head{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:13.5px}
.subject{font-weight:700;color:var(--accent);font-size:15px;overflow-wrap:anywhere}
.name{font-weight:600;color:var(--name);overflow-wrap:anywhere}
.trip{font:12px var(--f-mono);color:var(--name)}
.trip.cap{color:var(--accent);font-weight:600}
.tag{font:10.5px/1.5 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:0 5px}
.tag.mine{color:var(--link);border-color:var(--link)}
.tag.pin,.tag.lock{color:var(--accent);border-color:var(--accent)}
.date{font:12px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}
.num{font:12px var(--f-mono);color:var(--muted);text-decoration:none;font-variant-numeric:tabular-nums}
.num:hover{color:var(--link);text-decoration:underline}
.menu-btn{font:600 13px/1 var(--f-mono);background:none;border:1px solid transparent;border-radius:3px;color:var(--muted);padding:2px 6px;cursor:pointer}
.menu-btn:hover,.menu-btn[aria-expanded="true"]{border-color:var(--line);color:var(--ink)}
.post-actions{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:4px 0 2px;font:12px var(--f-mono);color:var(--muted)}
.post-actions .br{font-size:12px}
.post-actions .sep{font:600 11px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.confirm{font:12px var(--f-mono);color:var(--accent);display:inline-flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.report{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;width:100%}
.report select,.report input{font-size:13px;padding:4px 8px;max-width:100%}
.report input{flex:1 1 180px;min-width:0}
.done{color:var(--name)}
.post-file{font:11.5px var(--f-mono);color:var(--muted);margin:4px 0 2px;display:flex;gap:4px 8px;flex-wrap:wrap;align-items:baseline}
.post-file a{color:var(--muted)}
.post-file .br{font-size:11.5px}
.thumb{position:relative;float:left;margin:4px 16px 6px 0;max-width:250px;cursor:zoom-in}
.thumb img,.thumb video{display:block;max-width:100%;height:auto;border-radius:2px;background:var(--line)}
.thumb.open{float:none;max-width:100%;cursor:zoom-out;margin-right:0}
.thumb.vid{cursor:pointer}
.thumb.vid.open{cursor:default}
.thumb .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;font:16px/1 var(--f-mono);pointer-events:none}
.nofile{font:12px var(--f-mono);color:var(--muted);border:1px dashed var(--line);padding:16px 12px;border-radius:2px}
.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-size:15px;line-height:1.5}
.post-body .quote{color:var(--quote)}
.post-body b{font-weight:700}
.ref{color:var(--link);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;font-family:var(--f-mono);font-size:.9em}
.spoiler{background:var(--ink);color:var(--ink);border-radius:2px;padding:0 2px;cursor:pointer}
.spoiler:hover,.spoiler:focus{color:var(--bg)}
.backlinks{font:12px var(--f-mono);color:var(--muted);margin-top:6px}
.backlinks .ref{font-size:12px;margin-right:6px}
.omitted{font-size:13.5px;color:var(--muted);margin:8px 0 0 22px;display:flex;gap:6px 10px;flex-wrap:wrap;align-items:baseline}
@media (max-width:520px){
  .thumb{float:none;max-width:100%;margin-right:0}
  .thumb.open img,.thumb.open video{max-height:80vh;width:auto}
  .reply-row::before{display:none}
}

.pager{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding-block:18px 4px;font:13px var(--f-mono);color:var(--muted)}
.pager a{text-decoration:none;padding:2px 6px;border:1px solid var(--line);border-radius:3px;font-variant-numeric:tabular-nums}
.pager a[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* каталог */
.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px 14px;padding-block:16px}
.card{display:grid;gap:4px;align-content:start;color:var(--ink);text-decoration:none;min-width:0}
.card-img{aspect-ratio:1/1;max-width:100%;background:var(--reply);border:1px solid var(--line);border-radius:3px;display:grid;place-items:center;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:contain}
.card-img .noimg{font:11px var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px;text-align:center}
.card-meta{font:11.5px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}
.card-subj{font-weight:700;color:var(--accent);font-size:14px;overflow-wrap:anywhere}
.card-text{font-size:13.5px;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.card:hover .card-img{border-color:var(--muted)}

/* главная */
.boardlist{list-style:none;margin:0;padding:8px 0 0;display:grid;gap:0}
.boardlist li{display:grid;grid-template-columns:minmax(90px,max-content) minmax(0,1fr);gap:4px 22px;padding-block:14px;border-bottom:1px solid var(--line);align-items:baseline}
.boardlist a{font:800 24px/1 var(--f-display);color:var(--ink);text-decoration:none;letter-spacing:-.03em}
.boardlist a .sl{color:var(--accent);font-weight:600}
.boardlist a:hover{color:var(--accent)}
.boardlist .bn{font-weight:600}
.boardlist .bd{color:var(--muted);font-size:14px}
@media (max-width:480px){.boardlist li{grid-template-columns:1fr}}
.stats{font:12px var(--f-mono);color:var(--muted);padding-top:14px}

/* состояния */
.statemsg{padding:28px 0;color:var(--muted);font-size:15px}
.empty{padding:36px 0 28px;display:grid;gap:8px;justify-items:start;max-width:60ch}
.empty .big{font:600 22px/1.25 var(--f-display);color:var(--ink);margin:0;letter-spacing:-.02em;text-wrap:balance}
.empty p{margin:0;color:var(--muted)}

/* всплывающее превью поста */
.preview{position:absolute;z-index:30;max-width:min(540px,calc(100vw - 24px));background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:8px 12px;box-shadow:0 8px 28px var(--shadow);pointer-events:none}
.preview .post.reply{background:transparent;border:0;padding:0}
.preview .thumb{max-width:160px}

.foot{margin-top:28px;padding-top:12px;border-top:1px solid var(--line);font:12px/1.6 var(--f-mono);color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 18px}
.foot .addr{user-select:all;color:var(--ink)}
.toast{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--ink);color:var(--bg);font:500 14px var(--f-body);padding:10px 16px;border-radius:3px;max-width:calc(100vw - 32px);box-shadow:0 6px 20px var(--shadow)}
.toast.err{background:var(--accent);color:var(--paper)}

/* панель модератора */
.modtabs{display:flex;flex-wrap:wrap;gap:8px 18px;padding-block:12px;border-block:1px solid var(--line)}
.modtabs .n{font-weight:400;color:var(--muted)}
.modlist{display:grid;gap:14px;padding-block:16px}
.moditem{border:1px solid var(--line);border-radius:3px;background:var(--paper);padding:10px 14px;display:grid;gap:6px;min-width:0}
.moditem .meta{font:12px var(--f-mono);color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px}
.moditem .meta .author{color:var(--ink)}
.moditem .text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:12em;overflow:auto}
.moditem .row{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.moditem img{max-width:160px;border-radius:2px;display:block}
.reasons{font-size:13.5px;display:grid;gap:2px}
.reasons .r{color:var(--accent);font-weight:600}
.loginbox{display:grid;gap:10px;max-width:360px;padding-block:20px}
.settings{display:grid;gap:14px;max-width:640px;padding-block:16px}
.settings textarea{width:100%;min-height:160px;font:14px/1.5 var(--f-mono)}
@media (prefers-reduced-motion: no-preference){
  .post.hl{transition:background-color .4s}
}