:root{--surface:#fffef9;--soft:#e8efdb;--paper:#faf9f2;--muted:#5f7067;--accent:#d88732;--field:#fffef9}
:root[data-theme=north]{--ink:#193b50;--green:#146780;--line:#cee1e9;--paper:#f0f8fc;--surface:#ffffff;--soft:#def0f3;--muted:#506e7e;--accent:#167e9f;--field:#fff}
:root[data-theme=berry]{--ink:#48243a;--green:#a62f59;--line:#ead3df;--paper:#fff5f8;--surface:#fffdfd;--soft:#f7e0e9;--muted:#80596b;--accent:#b62e58;--field:#fffdfd}
:root[data-theme=night]{color-scheme:dark;--ink:#e9edf7;--green:#a9e0c3;--line:#394258;--paper:#161c2c;--surface:#222b3d;--soft:#303b50;--muted:#b1bfd4;--accent:#ffd28c;--field:#1d2638}
body,header,nav{background:var(--paper)}header{border-color:var(--line)}.brand span{color:var(--accent)}.primary{background:var(--green)}[data-theme=night] .primary{color:#162d26}
.post,.formcard,.place,.dialog-card,.bubble,.group-post,.photo-dialog,select{background:var(--surface);color:var(--ink)}input:not([type=hidden]),textarea{background:var(--field);color:var(--ink);border-color:var(--line)}.note,.profile,.message,.group-composer,.bubble.mine,.language button[aria-pressed=true],nav a:hover{background:var(--soft)}.avatar,.profile .avatar,.photo,.message-media,.emoji-grid button{background:var(--soft)}.liked{color:var(--accent)}[data-theme=night] .errorlist{color:#ffa9a3}[data-theme=night] .translation-note{background:#463d2a}[data-theme=night] .preview{background:#463d2a}
nav a{display:flex;align-items:center;gap:10px;padding:10px 6px;font-size:14px;font-weight:600}.nav-icon{width:38px;height:38px;flex:none;transition:transform .18s}nav a:hover .nav-icon{transform:rotate(-5deg)}.theme-picker{position:relative;margin:0;flex:none}.theme-picker summary{font-size:24px;list-style:none;padding:5px;cursor:pointer}.theme-picker summary::-webkit-details-marker{display:none}.theme-picker form{position:absolute;right:0;top:45px;width:185px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #0002;z-index:5}.theme-picker strong{display:block;font-size:13px;margin-bottom:8px}.theme-picker button{display:block;width:100%;text-align:left;border-radius:10px}.theme-picker button[aria-pressed=true]{background:var(--soft);font-weight:700}.theme-picker button:hover{outline:1px solid var(--line)}
@media(max-width:650px){nav a{flex-direction:column;gap:3px;padding:7px 10px;font-size:10px;min-width:65px}.nav-icon{width:30px;height:30px}.head{gap:8px}.theme-picker form{right:-30px}.unread-count{position:absolute;top:3px}.layout{margin-bottom:100px}}@media(prefers-reduced-motion:reduce){.nav-icon{transition:none}}

:root[data-theme=white]{color-scheme:light;--ink:#20252b;--green:#303942;--line:#e3e6e9;--paper:#ffffff;--surface:#ffffff;--soft:#f2f4f6;--muted:#616973;--accent:#ad6220;--field:#ffffff}

.brand span{color:#d92f42}[data-theme=night] .brand span{color:#ff7180}

.notification-icon{display:grid;place-items:center;font-size:32px;line-height:1}@media(max-width:650px){.notification-icon{font-size:28px}}