:root{
--bg:#0a0a0c;--surface:#121216;--surface2:#17171c;--hover:#1d1d23;
--border:#232329;--border2:#2f2f38;
--txt:#f4f4f5;--muted:#a1a1aa;--faint:#6e6e79;
--acc:#6d6af8;--acc-h:#8785ff;--acc-soft:rgba(109,106,248,.12);--acc-line:rgba(109,106,248,.35);
--ok:#34d399;--bad:#f87171;--warn:#fbbf24;
--svg-file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E");
--svg-flame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");
--svg-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
--svg-link:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
--svg-printer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1'/%3E%3Cpath d='M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3C/svg%3E");
--svg-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
--svg-bookmark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E");
--svg-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E");
--svg-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
--svg-power:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v10'/%3E%3Cpath d='M18.4 6.6a9 9 0 1 1-12.77.04'/%3E%3C/svg%3E");
--svg-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
--svg-send:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
--svg-folder:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
--svg-trash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
--svg-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
--svg-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
--svg-atsign:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/svg%3E");
--svg-pen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
--svg-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21'/%3E%3C/svg%3E");
--svg-sliders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E");
--svg-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
--svg-list:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3C/svg%3E");
--svg-paperclip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");
--svg-filetext:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
--svg-clipboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
--svg-activity:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E");
--svg-bell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");
--svg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
--svg-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
--svg-award:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.48 12.89 17 22l-5-3-5 3 1.52-9.11'/%3E%3C/svg%3E");
--svg-megaphone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-5v12L3 14v-3z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E");
--svg-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1 1 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
--svg-inbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
--svg-ban:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E");
--svg-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
--svg-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
}
html.light{
--bg:#f7f7f8;--surface:#ffffff;--surface2:#fafafa;--hover:#f0f0f3;
--border:#e7e7eb;--border2:#d8d8df;
--txt:#18181b;--muted:#5b5b66;--faint:#9a9aa4;
--acc:#5b58f5;--acc-h:#4643e0;--acc-soft:rgba(91,88,245,.09);--acc-line:rgba(91,88,245,.3);
--ok:#16a34a;--bad:#dc2626;--warn:#d97706;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;line-height:1.55;margin:0;text-align:center;overflow-y:scroll}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc-h)}
img{border:none;max-width:100%}
::selection{background:var(--acc);color:#fff}
:focus-visible{outline:2px solid var(--acc-line);outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px}
.ic{width:18px;height:18px;flex:none;vertical-align:-3px}
.ic-sun{display:block}.ic-moon{display:none}
html.light .ic-sun{display:none}
html.light .ic-moon{display:block}
.clear{clear:both}
.float_left{float:left}.float_right{float:right}
.hidden{display:none;width:1%}.hiddenrow{display:none}
.scaleimages img{max-width:100%}
.smalltext{font-size:11.5px;color:var(--muted)}
.largetext{font-size:15.5px;font-weight:700}
hr{background:var(--border);height:1px;border:0}
.app{display:flex;min-height:100vh}
.sbar{width:250px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px 16px;gap:4px;text-align:left}
.sbrand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px}
.brand-ic{width:34px;height:34px;flex:none}
.sbrand b{font-weight:800;font-size:18px;color:var(--txt);letter-spacing:-.3px;display:block;line-height:1.1}
.sbrand small{font-size:9.5px;letter-spacing:1.8px;color:var(--faint);font-weight:700;display:block;margin-top:1px}
.snav{display:flex;flex-direction:column;gap:3px;flex:1}
.snav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:600;transition:.13s}
.snav a:hover{background:var(--hover);color:var(--txt)}
.snav a.vh-active{background:var(--acc-soft);color:var(--acc)}
.snav a.snav-create{background:var(--acc);color:#fff;margin:4px 0}
.snav a.snav-create:hover{background:var(--acc-h);color:#fff}
.sbottom{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}
.vh-tbtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border2);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.13s;align-self:flex-end}
.vh-tbtn:hover{color:var(--warn);background:var(--hover)}
.vh-urow{display:flex;align-items:center;gap:10px;text-decoration:none}
.vh-uav{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface2)}
.vh-uinfo{line-height:1.2;min-width:0}
.vh-uinfo b{display:block;font-size:12.5px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vh-uinfo small{font-size:10px;color:var(--ok);font-weight:700}
.vh-ulinks{display:flex;flex-wrap:wrap;gap:2px}
.vh-ulinks a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:600}
.vh-ulinks a:hover{background:var(--hover);color:var(--acc)}
.vh-ulinks .ic{width:15px;height:15px}
.vh-logout{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--faint);border:1px solid transparent;transition:.13s}
.vh-logout:hover{color:var(--bad);border-color:var(--border2);background:var(--hover)}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.mtop{display:none}
.page{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 30px 40px;text-align:left}
.pfoot{padding:26px 0 8px;color:var(--faint);font-size:11.5px;text-align:center}
.pfoot a{color:var(--muted);font-weight:600}
.bnav{display:none}
.navigation{display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:transparent;border:none;padding:0 0 18px;color:var(--faint);font-size:13px}
.navigation a{color:var(--muted)}
.navigation a:hover{color:var(--acc)}
.navigation .active{font-weight:700;color:var(--txt)}
.navigation .ic{width:15px;height:15px}
.hero{position:relative;overflow:hidden;border:1px solid var(--acc-line);background:var(--acc-soft);border-radius:16px;padding:40px 38px;margin-bottom:26px}
.hero-wave{position:absolute;right:-24px;bottom:-18px;width:330px;height:auto;color:var(--acc);opacity:.14;pointer-events:none}
.hero-in{position:relative;z-index:1;max-width:640px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border2);color:var(--acc);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}
.hero h1{font-size:29px;line-height:1.22;font-weight:800;letter-spacing:-.4px;color:var(--txt);margin:15px 0 9px}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero p{color:var(--muted);font-size:14px;margin:0 0 20px}
.hero-btns{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:700;font-size:13.5px;transition:.15s;border:none;cursor:pointer}
.btn-acc{background:var(--acc);color:#fff}
.btn-acc:hover{background:var(--acc-h);color:#fff}
.btn-ghost{background:var(--surface);color:var(--txt);border:1px solid var(--border2)}
.btn-ghost:hover{background:var(--hover);color:var(--txt)}
.btn-sm{padding:8px 14px;font-size:12.5px;border-radius:9px}
button,input.button{background:var(--acc);color:#fff;padding:10px 18px;cursor:pointer;border:none;border-radius:10px;font-family:inherit;font-weight:700;font-size:13px;transition:.15s}
button:hover,input.button:hover{background:var(--acc-h)}
a.button{background:var(--acc);color:#fff;padding:10px 18px;border-radius:10px;display:inline-block;font-weight:700;font-size:13px;transition:.15s}
a.button:hover{background:var(--acc-h);color:#fff}
a.button.closed_button{background:var(--bad)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:30px}
.cat{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:.15s}
.cat:hover{border-color:var(--border2);background:var(--hover)}
.cat-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.cat b{display:block;color:var(--txt);font-size:13px;font-weight:700}
.cat small{display:block;color:var(--faint);font-size:10.5px;margin-top:1px}
.cat:nth-child(1) .cat-ic{background:rgba(249,115,22,.13);color:#fb923c}
.cat:nth-child(2) .cat-ic{background:rgba(236,72,153,.13);color:#f472b6}
.cat:nth-child(3) .cat-ic{background:rgba(34,211,238,.13);color:#22d3ee}
.cat:nth-child(4) .cat-ic{background:rgba(52,211,153,.13);color:#34d399}
.cat:nth-child(5) .cat-ic{background:rgba(168,85,247,.13);color:#c084fc}
.sect{margin-bottom:32px}
.sect-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.sect-title{display:flex;align-items:center;gap:12px;min-width:0}
.sect-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--acc);background:var(--acc-soft);flex:none}
.sect-ic.live{color:var(--ok);background:rgba(52,211,153,.12)}
.sect-title h2{margin:0;font-size:16.5px;font-weight:800;letter-spacing:-.2px;line-height:1.25}
.sect-title h2 a{color:var(--txt)}
.sect-title h2 a:hover{color:var(--acc)}
.sect-sub{margin:2px 0 0;font-size:11.5px;color:var(--faint)}
.sect .expcolimage{float:none}
.expcolimage{color:var(--faint);font-size:13px}
.expander{background:none;border:none;padding:6px;border-radius:8px;cursor:pointer;color:var(--faint);display:inline-flex}
.expander:hover{background:var(--hover);color:var(--txt)}
.expander .ic{transition:transform .18s}
.expander.closed .ic{transform:rotate(-90deg)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:13px}
.fcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:.15s}
.fcard:hover{border-color:var(--acc-line);background:var(--hover)}
.fcard-top{display:flex;gap:13px;align-items:flex-start}
.fcard .forum_status{width:42px;height:42px;font-size:17px;flex:none;border-radius:11px;background:var(--acc-soft);color:var(--acc);display:flex;align-items:center;justify-content:center}
.fcard .forum_off,.fcard .forum_offlock,.fcard .forum_offlink{color:var(--faint);background:var(--surface2)}
.fcard .forum_offlock .ic,.fcard .forum_offlink .ic{display:none}
.fcard .forum_offlock::after,.fcard .forum_offlink::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--svg-lock) center/contain no-repeat;mask:var(--svg-lock) center/contain no-repeat}
.fcard .forum_offlink::after{-webkit-mask-image:var(--svg-link);mask-image:var(--svg-lock)}
.fcard-main{min-width:0;flex:1}
.fcard-main h3{margin:0;font-size:14.5px;font-weight:800;line-height:1.3}
.fcard-main h3 a{color:var(--txt)}
.fcard-main h3 a:hover{color:var(--acc)}
.fdesc{margin:4px 0 0;font-size:12px;color:var(--faint);line-height:1.5;overflow-wrap:break-word}
.fmeta{display:flex;gap:14px;font-size:11.5px;color:var(--faint);flex-wrap:wrap}
.fmeta b{color:var(--muted);font-weight:700}
.flast{border-top:1px solid var(--border);padding-top:11px;margin-top:auto;font-size:12px}
.lp{display:flex;gap:9px;align-items:flex-start}
.lp .ic{width:15px;height:15px;color:var(--acc);margin-top:2px}
.lp a{color:var(--txt);font-weight:600}
.lp a:hover{color:var(--acc)}
.lp small{display:block;color:var(--faint);margin-top:2px}
.statsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px}
.statcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.statcard-h{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;color:var(--txt)}
.statcard-h>span{display:flex;align-items:center;gap:9px}
.statcard-h>span .ic{color:var(--acc)}
.statcard-h .ic{width:16px;height:16px}
.more{font-size:11.5px;color:var(--acc);font-weight:700;display:inline-flex;align-items:center;gap:3px}
.more:hover{color:var(--acc-h)}
.statcard-b{padding:14px 15px;font-size:12.5px;color:var(--muted)}
.onnote{margin:0 0 9px;font-size:11.5px;color:var(--faint)}
.onlist{line-height:2.1}
.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.si{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12px}
.si span{display:flex;align-items:center;gap:8px;color:var(--muted)}
.si span .ic{width:14px;height:14px;color:var(--acc)}
.si b{color:var(--txt)}
.statlist{display:flex;flex-direction:column;gap:8px}
.sidecard{margin-bottom:13px}
.ann{display:flex;gap:9px;align-items:flex-start;color:var(--txt);font-weight:600;font-size:13px}
.ann:hover{color:var(--acc)}
.ann .ic{width:14px;height:14px;color:var(--acc);margin-top:3px}
.home-flex{display:flex;gap:22px;align-items:flex-start}
.home-main{flex:1 1 auto;min-width:0}
.home-side{flex:0 0 290px}
table{color:var(--txt);font-size:13.5px}
.tborder{background:var(--surface);width:100%;margin:0 auto 20px;border:1px solid var(--border);border-radius:13px;border-collapse:separate;border-spacing:0;overflow:hidden}
.tfixed{table-layout:fixed;word-wrap:break-word}
.thead{background:var(--surface2);color:var(--txt);border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px;font-weight:700;text-align:left}
.thead a{color:var(--txt)}
.thread-head{font-size:18px;font-weight:800}
.tcat{background:var(--surface2);color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--border);font-size:11.5px;text-align:left;font-weight:700}
.tcat a{color:var(--muted)}
.trow1{background:var(--surface);border:0;padding:14px 15px;border-bottom:1px solid var(--border)}
.trow2{background:var(--surface2);border:0;padding:14px 15px;border-bottom:1px solid var(--border)}
.tborder tbody tr:hover .trow1,.tborder tbody tr:hover .trow2{background:var(--hover)}
.tfoot{background:var(--surface2);color:var(--muted);padding:11px 15px;border-top:1px solid var(--border)}
.tfoot a{color:var(--muted)}
.trow_shaded{background:rgba(248,113,113,.07)}
.trow_deleted,.post.deleted_post{background:rgba(168,139,250,.07)}
.trow_selected,tr.trow_selected td{background:var(--acc-soft)!important;color:var(--txt)}
.trow_sep{background:var(--surface2);color:var(--muted);border-bottom:1px solid var(--border);padding:7px 14px;font-size:11.5px;font-weight:700;text-align:left}
.no_bottom_border{border-bottom:0}
.bottommenu{background:var(--surface);color:var(--txt);border:1px solid var(--border2);border-radius:10px;padding:10px}
.forum_status{height:42px;width:42px;font-size:17px;text-align:center;color:var(--acc)}
.forum_status .ic{width:20px;height:20px}
.forum_on{color:var(--ok)}
.forum_off,.forum_offlock,.forum_offlink{color:var(--faint)}
.forum_offlock .ic,.forum_offlink .ic{display:none}
.forum_offlock::after,.forum_offlink::after{content:"";width:18px;height:18px;display:inline-block;background:currentColor;-webkit-mask:var(--svg-lock) center/contain no-repeat;mask:var(--svg-lock) center/contain no-repeat}
.forum_offlink::after{-webkit-mask-image:var(--svg-link);mask-image:var(--svg-link)}
.subforumicon{display:inline-block;margin:0 4px;color:var(--faint);vertical-align:middle}
.subforumicon .ic{width:14px;height:14px}
.subforum_minion{color:var(--ok)}
.subforum_offlock .ic,.subforum_offlink .ic{display:none}
.subforum_offlock::after,.subforum_offlink::after{content:"";width:13px;height:13px;display:inline-block;background:currentColor;-webkit-mask:var(--svg-lock) center/contain no-repeat;mask:var(--svg-lock) center/contain no-repeat}
.subforum_offlink::after{-webkit-mask-image:var(--svg-link);mask-image:var(--svg-link)}
img.attachment{border:1px solid var(--border2);border-radius:8px;padding:2px}
.thread_legend,.thread_legend dd{margin:0;padding:0}
.thread_legend dd{padding-bottom:4px;margin-right:14px;display:inline-block}
.forum_legend,.forum_legend dt,.forum_legend dd{margin:0;padding:0}
.forum_legend dd{float:left;margin-right:10px;margin-top:7px}
.forum_legend dt{margin-right:10px;float:left}
.forum{float:left;width:76%}
.side{float:right;width:23%}
.success_message{color:var(--ok);font-weight:700;font-size:11.5px;margin-bottom:10px}
.error_message{color:var(--bad);font-weight:700;font-size:11.5px;margin-bottom:10px}
.subject_new{font-weight:700;color:var(--ok)}
.highlight{background:rgba(251,191,36,.22);border-radius:4px;padding:2px 0}
fieldset{padding:14px;border:1px solid var(--border2);border-radius:12px;margin:0;text-align:left}
fieldset.trow1,fieldset.trow2{border-color:var(--border2)}
input.textbox,textarea,select{background:var(--bg);color:var(--txt);border:1px solid var(--border2);border-radius:10px;padding:10px 13px;outline:0;font-family:inherit;font-size:13px;transition:border-color .15s;max-width:100%}
html.light input.textbox,html.light textarea,html.light select{background:var(--surface2)}
textarea{line-height:1.5}
input.textbox:focus,textarea:focus,select:focus{border-color:var(--acc)}
input.error,textarea.error,select.error{border-color:var(--bad);color:var(--bad)}
input.valid,textarea.valid,select.valid{border-color:var(--ok)}
label.error{color:var(--bad);margin:5px 0;display:block;font-weight:700;font-size:11px}
form{margin:0;padding:0}
form #message{width:500px;max-width:100%}
.editor{background:var(--surface);border:1px solid var(--border2);border-radius:10px}
.editor_control_bar{background:var(--surface);border:1px solid var(--border2);border-radius:10px}
.post .editor_control_bar{background:var(--surface2)}
.checkbox,.radio{accent-color:var(--acc)}
.pm_alert{background:var(--acc-soft);border:1px solid var(--acc-line);color:var(--txt);text-align:center;padding:12px 18px;margin-bottom:16px;border-radius:12px;font-size:13px}
.pm_alert a{color:var(--acc);font-weight:700}
.red_alert{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:#fca5a5;text-align:center;padding:12px 18px;margin-bottom:16px;border-radius:12px;font-size:13px;word-wrap:break-word}
html.light .red_alert{color:var(--bad)}
.red_alert a{color:inherit;font-weight:700}
.high_warning{color:var(--bad)}.moderate_warning{color:#fb923c}.low_warning{color:var(--warn)}
div.error{padding:9px 13px;border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.08);border-radius:10px;font-size:12px;text-align:left}
div.error p{margin:0;color:var(--txt)}
div.error p em{font-style:normal;font-weight:700;display:block;color:var(--bad)}
div.error ul{margin-left:22px}
.online{color:var(--ok)}.offline{color:var(--faint)}
#posts_container{padding:0;background:transparent}
.ignored_post{border:1px dashed var(--border2);padding:15px;border-radius:12px;background:var(--surface)}
.ignored_post .show_ignored_post{margin-top:-15px}
.post{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px}
.post_flexible{display:flex;flex-wrap:wrap}
.post .post_author{background:var(--surface2);flex:0 0 225px;padding:18px;text-align:center;border-bottom:1px solid var(--border)}
.post .post_author .buddy_status{vertical-align:middle;margin-top:-4px}
.post .post_author div.author_avatar{text-align:center;margin-bottom:8px}
.post .post_author div.author_avatar img{background:var(--surface);border-radius:50%;width:76px;height:76px;object-fit:cover;border:2px solid var(--border2)}
.post .post_author div.author_information{padding:4px 0;text-align:center}
.post .post_author div.author_statistics{font-size:11.5px;padding:12px 4px 0;color:var(--muted);line-height:1.7;text-align:left}
.post .post_head{font-size:11px;padding-bottom:8px;margin-bottom:13px;color:var(--faint);border-bottom:1px solid var(--border)}
.post .post_head span.post_date{color:var(--muted)}
.post .post_head span.edited_post{font-size:10px;color:var(--faint)}
.post .post_head .ic{width:13px;height:13px}
.post_content{flex:1;min-width:0;padding:18px 22px;text-align:left}
.post_content .signature{margin-top:14px;border-top:1px solid var(--border);padding-top:10px;font-size:12px;color:var(--muted)}
.post .post_meta{margin-top:12px;font-size:11px;color:var(--faint)}
.post .post_meta a{color:var(--faint)}
.post.unapproved_post{background:rgba(248,113,113,.05)}
.post_controls{clear:both;padding:9px 14px;background:var(--surface2);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}
.postbit_buttons>a{color:var(--muted);display:inline-flex;align-items:center;margin:2px;padding:7px 9px;border-radius:8px;transition:.13s;font-size:14px}
.postbit_buttons>a:hover{color:var(--acc);background:var(--acc-soft)}
.postbit_buttons a span{display:inline-block;height:16px}
.postbit_buttons .ic{width:16px;height:16px}
.postbit_delete_pm,.postbit_qdelete{color:var(--bad)!important}
blockquote{background:var(--surface2);color:var(--muted);margin:12px 0;padding:12px 14px;border-left:3px solid var(--acc);border-radius:0 10px 10px 0}
blockquote cite{display:block;padding-bottom:5px;margin-bottom:8px;font-style:normal;font-weight:700;color:var(--acc);border-bottom:1px solid var(--border)}
blockquote cite span{float:right;font-weight:400;font-size:11px;color:var(--faint)}
.codeblock{background:var(--bg);border:1px solid var(--border2);border-radius:10px;padding:12px}
html.light .codeblock{background:var(--surface2)}
.codeblock .title{border-bottom:1px solid var(--border2);font-weight:700;padding-bottom:4px;margin-bottom:8px;color:var(--acc)}
.codeblock code{overflow:auto;max-height:200px;display:block;font-family:'JetBrains Mono',Monaco,Consolas,Courier,monospace;font-size:12.5px;color:var(--muted)}
.smilie{vertical-align:middle}.smilie_pointer{cursor:pointer}
.separator{margin:5px;padding:0;height:0;font-size:1px;list-style-type:none}
.popup_menu{background:var(--surface);border:1px solid var(--border2);border-radius:11px;z-index:100;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.popup_menu .popup_item_container{margin:2px;text-align:left}
.popup_menu .popup_item{background:transparent;color:var(--muted);display:block;padding:8px 12px;border-radius:8px;white-space:nowrap}
.popup_menu .popup_item:hover{background:var(--acc-soft);color:var(--acc)}
.pagination{padding-top:6px;margin-bottom:6px;display:block;font-size:13px}
.tfoot .pagination,.tcat .pagination{padding-top:0}
.pagination .pages{font-weight:700}
.pagination .pagination_current,.pagination a{background:var(--surface2);border:1px solid var(--border2);border-radius:9px;padding:5px 11px;transition:.13s}
.pagination .pagination_current{background:var(--acc);color:#fff;border-color:var(--acc);font-weight:700}
.pagination a:hover{background:var(--acc);color:#fff;border-color:var(--acc)}
.pagination .go_page img{margin-bottom:-4px}
.drop_go_page{background:var(--surface2);padding:4px;border-radius:8px}
.pagination_breadcrumb{background-color:var(--surface2);border:1px solid var(--border2);padding:5px;border-radius:9px;margin-top:5px}
.pagination_breadcrumb_link{vertical-align:middle;cursor:pointer}
.trow_reputation_positive{background:rgba(52,211,153,.08)}
.trow_reputation_negative{background:rgba(248,113,113,.08)}
.reputation_positive{color:var(--ok)}.reputation_neutral{color:var(--muted)}.reputation_negative{color:var(--bad)}
.repbox{font-size:14px;font-weight:700;padding:5px 8px;border-radius:8px}
._neutral{background:var(--surface2);color:var(--muted);border:1px solid var(--border2)}
._minus{background:rgba(248,113,113,.12);color:var(--bad);border:1px solid rgba(248,113,113,.4)}
._plus{background:rgba(52,211,153,.12);color:var(--ok);border:1px solid rgba(52,211,153,.4)}
.selectall{background:rgba(251,191,36,.09);border-bottom:1px solid rgba(251,191,36,.3);color:var(--warn);text-align:center}
.jGrowl{z-index:9999;color:#fff;font-size:12px;position:fixed}
.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}
.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}
.jGrowl.center{top:0;width:50%;left:25%}
.center .jGrowl-notification,.center .jGrowl-closer{margin-left:auto;margin-right:auto}
.jGrowl .jGrowl-notification,.jGrowl .jGrowl-closer{background-color:var(--surface);color:var(--txt);opacity:.97;width:235px;padding:11px;margin:10px 5px;font-family:inherit;font-size:1em;text-align:left;display:none;border-radius:12px;border:1px solid var(--border2);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.jGrowl .jGrowl-notification{min-height:40px}
.jGrowl .jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em;color:var(--acc)}
.jGrowl .jGrowl-notification .jGrowl-close{z-index:99;float:right;font-weight:700;cursor:pointer;color:var(--faint)}
.jGrowl .jGrowl-closer{padding:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center;color:var(--muted)}
@media print{.jGrowl{display:none}}
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:9999;padding:20px;box-sizing:border-box;background-color:rgba(0,0,0,.72);text-align:center}
.blocker::before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}
.modal{width:400px;max-width:94%;text-align:left;background:var(--surface);color:var(--txt);display:inline-block;vertical-align:middle;position:relative;z-index:2;box-sizing:border-box;border-radius:14px;border:1px solid var(--border2);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.modal a.close-modal{position:absolute;top:-11px;right:-11px;display:block;width:26px;height:26px;font-size:0;color:var(--muted);background:var(--surface);border:1px solid var(--border2);border-radius:50%}
.modal a.close-modal:before{content:"";position:absolute;inset:6px;background:currentColor;-webkit-mask:var(--svg-x) center/contain no-repeat;mask:var(--svg-x) center/contain no-repeat}
.modal-spinner{display:none;width:44px;height:44px;position:fixed;top:50%;left:50%;margin:-22px 0 0 -22px;border-radius:50%;border:3px solid var(--border2);border-top-color:var(--acc);animation:vhspin .9s linear infinite}
@keyframes vhspin{to{transform:rotate(360deg)}}
.jqifade{position:absolute;background-color:#000}
div.jqi{width:400px;max-width:90%;font-family:inherit;position:absolute;background-color:var(--surface);color:var(--txt);font-size:12px;text-align:left;border:1px solid var(--border2);border-radius:12px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
div.jqi .jqiclose{position:absolute;top:6px;right:6px;width:18px;cursor:pointer;color:var(--faint);font-weight:700}
div.jqi .jqistate{background-color:var(--surface)}
div.jqi .jqititle{padding:6px 10px;font-size:14px;border-bottom:1px solid var(--border2);color:var(--acc);font-weight:700}
div.jqi .jqimessage{padding:10px;line-height:20px;color:var(--muted)}
div.jqi .jqibuttons{text-align:right;margin:0 -8px -8px;border-top:1px solid var(--border2);background-color:var(--surface2);border-radius:0 0 12px 12px}
div.jqi .jqibuttons button{margin:0;padding:9px 18px;background:transparent;font-weight:700;border:none;border-left:1px solid var(--border2);color:var(--muted);font-size:12px;font-family:inherit}
div.jqi .jqibuttons button.jqidefaultbutton{color:var(--acc)}
div.jqi .jqibuttons button:hover{color:var(--acc-h);outline:none}
div.jqi .jqiparentstate::after{background-color:#000;opacity:.55;content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:12px}
div.jqi .jqisubstate{position:absolute;top:0;left:20%;width:60%;padding:8px;border:1px solid var(--border2);border-top:none;border-radius:0 0 12px 12px;background:var(--surface)}
div.jqi .jqisubstate .jqibuttons button{padding:10px 18px}
.jqi .jqiarrow{position:absolute;height:0;width:0;line-height:0;font-size:0;border:solid 10px transparent}
.jqi .jqiarrowtc{left:50%;top:-20px;border-bottom-color:var(--surface);margin-left:-10px}
.jqi .jqiarrowbc{left:50%;bottom:-20px;border-top-color:var(--surface);margin-left:-10px}
#nav_width{float:left;width:24%}
#content_width{float:right;width:74%}
.quick_jump{display:inline-block;margin-left:4px}
.authwrap{max-width:430px;margin:0 auto}
@media(max-width:1200px){.home-side{flex:0 0 250px}}
@media(max-width:1024px){
.sbar{display:none}
.mtop{display:flex;position:sticky;top:0;z-index:900;height:56px;align-items:center;justify-content:space-between;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border)}
.mtop .sbrand{padding:0}
.mtop .vh-tbtn{align-self:auto}
.page{padding:18px 14px 96px}
.bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:950;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.bnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9.5px;font-weight:700;color:var(--faint);border-radius:10px;padding:4px 0}
.bnav a:hover{color:var(--muted)}
.bnav a.vh-active{color:var(--acc)}
.bnav a .ic{width:20px;height:20px}
.bnav .bnav-create{color:#fff}
.bnav .bnav-create .ic{width:38px;height:38px;padding:8px;background:var(--acc);border-radius:12px;color:#fff}
}
@media(max-width:768px){
.hide_mobile{display:none}
#threads,#replies,#views,#lastpost{display:none}
.forum,.side{float:none;width:100%}
#nav_width,#content_width{float:none;width:100%!important;margin-top:14px}
.post_flexible{display:block}
.post .post_author{flex:none;width:100%;padding:15px 0;border-bottom:1px solid var(--border)}
.post .post_author div.author_avatar{margin:0 auto}
.post .post_author div.author_statistics{padding:10px 18px 0}
.post_content{padding:15px}
.hero{padding:28px 20px}
.hero h1{font-size:22px}
.hero p{font-size:13px}
.hero-wave{width:230px}
.statgrid{grid-template-columns:1fr}
.home-flex{display:block}
.home-side{width:100%;margin-top:20px}
.fgrid{grid-template-columns:1fr}
.thead{padding:12px 13px;font-size:13px}
.trow1,.trow2{padding:12px}
}