:root{--brand-50:#f4f2ff;--brand-100:#ebe7ff;--brand-200:#d8d0fe;--brand-300:#bcaefb;--brand-400:#9a86f2;--brand-500:#6e56cf;--brand-600:#5b45b8;--brand-700:#4f3aa6;--brand-800:#3e2d85;--accent-50:#ecfaf7;--accent-500:#0f7f75;--accent-600:#0b6b63;--bg:#f7f8fb;--surface:#fff;--surface-subtle:#f9fafc;--surface-muted:#f2f4f8;--surface-hover:#f2f4f8;--surface-pressed:#e3e7ef;--border:#e4e7ee;--border-strong:#cfd5e0;--text-primary:#161a24;--text-secondary:#4b5263;--text-muted:#6b7284;--text-disabled:#a1a7b5;--text-on-action:#fff;--action-primary:var(--brand-500);--action-primary-hover:var(--brand-600);--action-primary-soft:var(--brand-50);--action-primary-text:var(--brand-700);--action-secondary:var(--accent-500);--action-secondary-text:var(--accent-500);--danger:#be123c;--success-soft:#f0fdf4;--success-border:#bbf7d0;--success-text:#15803d;--danger-soft:#fff1f4;--danger-border:#fecdd3;--danger-text:#be123c;--inverse-surface:#1b1e2a;--inverse-text:#f5f6fa;--inverse-muted:#a1a7b5;--focus-ring:#6e56cf52;--overlay:#161a247a;--elev-card:0 1px 2px #1a1f360f;--elev-dropdown:0 4px 12px #1a1f361a, 0 12px 32px #1a1f3614;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--header-h:64px;--left-w:220px;--main-w:808px;--right-w:300px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--brand-50:#1e1934;--brand-100:#261f45;--brand-200:#342a60;--brand-300:#46388a;--brand-400:#6a56c4;--brand-500:#a491fa;--brand-600:#8d76f5;--brand-700:#c4b8fd;--brand-800:#ddd6fe;--accent-50:#0b201e;--accent-500:#2dd4bf;--accent-600:#14b8a6;--bg:#12131a;--surface:#1c1e27;--surface-subtle:#21232d;--surface-muted:#262833;--surface-hover:#20222b;--surface-pressed:#2b2e3a;--border:#303341;--border-strong:#3a3e4e;--text-primary:#f5f6fa;--text-secondary:#d0d4df;--text-muted:#9ba1b1;--text-disabled:#5a5f6e;--text-on-action:#15161d;--danger:#fb7185;--success-soft:#14261a;--success-border:#1f4d2c;--success-text:#4ade80;--danger-soft:#2b0f18;--danger-border:#5c1d2e;--danger-text:#fb7185;--inverse-surface:#eef0f5;--inverse-text:#161a24;--inverse-muted:#4b5263;--focus-ring:#a491fa61;--overlay:#000000a3;--elev-card:0 1px 2px #0006, 0 2px 8px #00000052;--elev-dropdown:0 4px 12px #00000070, 0 12px 32px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--text-primary);background:var(--bg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{z-index:40;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;padding:0 36px 0 20px;display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:10px;width:240px;display:flex}.brand-mark{flex-shrink:0;width:36px;height:36px}.brand-name{letter-spacing:-.02em;align-items:center;gap:6px;font-size:15px;font-weight:700;line-height:1.2;display:flex}.brand-name .sep{background:var(--border-strong);width:1px;height:12px}.brand-tagline{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.35}.header-search{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);width:448px;height:40px;color:var(--text-muted);align-items:center;gap:8px;margin-left:20px;padding:0 14px;display:flex}.header-search:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--focus-ring)}.header-search input{color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.header-search input::placeholder{color:var(--text-disabled)}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-hover)}.mobile-only{display:none!important}.shell{grid-template-columns:var(--left-w) minmax(0, var(--main-w)) var(--right-w);max-width:calc(var(--left-w) + var(--main-w) + var(--right-w));min-height:calc(100vh - var(--header-h));display:grid}.left{top:var(--header-h);height:calc(100vh - var(--header-h));background:var(--surface);border-right:1px solid var(--border);scrollbar-width:thin;padding:18px 16px 32px;position:sticky;overflow-y:auto}.main{min-width:0;padding:32px 48px 64px}.right{background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);padding:28px 20px}.right-inner{top:calc(var(--header-h) + 28px);position:sticky}.eyebrow{color:var(--text-muted);letter-spacing:.02em;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:600}.nav{flex-direction:column;display:flex}.nav-item{border-radius:var(--radius-lg);height:46px;color:var(--text-primary);align-items:center;gap:12px;padding:0 13px;font-size:14px;font-weight:500;display:flex}.nav-item svg{color:var(--text-secondary)}.nav-item:hover{background:var(--surface-hover)}.nav-item.active{background:var(--action-primary-soft);box-shadow:inset 2px 0 0 var(--action-primary);font-weight:600}.nav-item.active svg{color:var(--action-primary)}.btn-new{background:var(--action-primary);width:100%;height:44px;color:var(--text-on-action);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:8px;margin:20px 0 17px;font-size:14px;font-weight:700;display:flex}.btn-new:hover{background:var(--action-primary-hover)}.board-nav{flex-direction:column;display:flex}.board-link{border-radius:var(--radius-md);height:42px;color:var(--text-primary);align-items:center;gap:10px;padding:0 13px;font-size:14px;display:flex}.board-link:hover{background:var(--surface-hover)}.board-link.active{background:var(--action-primary-soft);font-weight:600}.dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot.on{background:var(--brand-400)}.left-foot{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--action-primary);color:var(--text-on-action)}.btn-primary:hover{background:var(--action-primary-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-weight:600}.btn-outline:hover{background:var(--surface-hover)}.btn-sm{height:36px;padding:0 14px;font-size:13px}.hero-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:52px;color:var(--text-muted);align-items:center;gap:10px;padding:0 6px 0 16px;display:flex}.hero-search:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--focus-ring)}.hero-search input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:15px}.hero-search input::placeholder{color:var(--text-disabled)}.hero-search button{border-radius:var(--radius-md);border:1px solid var(--action-secondary);height:40px;color:var(--action-secondary-text);background:var(--surface);padding:0 14px;font-size:14px;font-weight:700}.hero-search button:hover{background:var(--accent-50)}.section{margin-top:32px}.section-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:12px;display:flex}.section-title{letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.section-title svg{color:var(--action-primary)}.section-title .plain{color:var(--text-primary)}.more-link{color:var(--action-primary-text);align-items:center;gap:4px;margin:16px 0 0 6px;font-size:13px;font-weight:700;display:inline-flex}.more-link:hover{text-decoration:underline}.post-list{flex-direction:column;gap:10px;display:flex}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:100px;padding:16px 20px;transition:border-color .15s,background .15s;display:grid}.post-card:hover{border-color:var(--border-strong)}.post-card.ranked{grid-template-columns:32px 1fr auto;gap:14px;padding-left:16px}.post-card.current{border:2px solid var(--action-primary);padding:15px 19px}.post-card.with-thumb .post-main{grid-template-columns:56px 1fr;align-items:center;gap:16px;display:grid}.rank{text-align:center;color:var(--text-disabled);font-size:15px;font-weight:700}.rank.top{color:var(--action-primary-text)}.post-main{min-width:0}.thumb{border-radius:var(--radius-md);object-fit:cover;background:var(--surface-muted);width:56px;height:56px}.meta{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.meta .mid{color:var(--text-disabled)}.chip{border-radius:var(--radius-sm);background:var(--surface-muted);height:22px;color:var(--text-secondary);flex-shrink:0;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.chip-brand{background:var(--action-primary-soft);color:var(--action-primary-text)}.post-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:16px;font-weight:700;line-height:1.4;overflow:hidden}.post-excerpt{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;overflow:hidden}.stats{flex-direction:column;align-items:flex-end;gap:4px;min-width:34px;font-size:13px;font-weight:700;display:flex}.stat{align-items:center;gap:3px;display:inline-flex}.stat-like{color:var(--action-primary-text)}.stat-comment{color:var(--action-secondary-text)}.empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:48px 16px;font-size:14px}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.board-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:2px;min-height:132px;padding:16px 18px 18px;display:flex}.board-card:hover{border-color:var(--border-strong)}.board-card .ico{background:var(--action-primary-soft);width:30px;height:30px;color:var(--action-primary);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.board-card .name{font-size:15px;font-weight:700}.board-card .desc{color:var(--text-muted);font-size:12px}.board-card .count{color:var(--text-secondary);margin-top:6px;font-size:12px}.board-card .count b{color:var(--text-primary)}.plus{color:var(--action-primary);font-weight:700}.side-title{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.side-title svg{color:var(--action-primary)}.hot-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.hot-list a{grid-template-columns:22px 1fr;gap:6px;font-size:14px;line-height:1.45;display:grid}.hot-list a:hover .t{text-decoration:underline}.hot-list .n{color:var(--text-disabled);padding-left:2px;font-weight:700}.hot-list .n.top{color:var(--action-primary-text)}.divider{background:var(--border);border:0;height:1px;margin:24px 0}.guide-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:18px 16px}.guide-card h3{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.guide-card h3 svg{color:var(--text-secondary)}.guide-card p{color:var(--text-secondary);margin-top:10px;font-size:12px;line-height:1.7}.guide-card a{color:var(--action-primary-text);align-items:center;gap:4px;margin-top:14px;font-size:12px;font-weight:700;display:inline-flex}.board-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.board-head h1{letter-spacing:-.03em;font-size:22px;font-weight:700;line-height:1.3}.board-head .desc{color:var(--text-secondary);margin-top:6px;font-size:14px}.board-head .counts{color:var(--text-secondary);gap:6px;margin-top:6px;font-size:13px;display:flex}.board-head .counts b{color:var(--text-primary)}.board-head .counts .today{color:var(--action-primary-text)}.board-head .actions{align-items:center;gap:16px;display:flex}.star-btn{width:40px;height:40px;color:var(--text-primary);border-radius:50%;place-items:center;display:grid}.star-btn:hover{background:var(--surface-hover)}.star-btn.on{color:#f59e0b}.rule-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:46px;color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding:12px 16px;font-size:13px;display:flex}.rule-box svg{color:var(--text-muted)}.rule-box b{color:var(--text-primary)}.rule-box .bar{background:var(--border-strong);width:1px;height:12px}.list-toolbar{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;margin:20px 0 10px;padding-top:16px;font-size:12px;display:flex}.list-toolbar b{color:var(--text-primary)}.sort{position:relative}.sort select{appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:36px;padding:0 34px 0 14px;font-size:13px;font-weight:600}.sort svg{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pager{justify-content:center;gap:4px;margin-top:24px;display:flex}.pager a,.pager span{border-radius:var(--radius-md);min-width:34px;height:34px;color:var(--text-secondary);place-items:center;padding:0 8px;font-size:13px;display:inline-grid}.pager a:hover{background:var(--surface-hover)}.pager .on{background:var(--text-primary);color:var(--surface);font-weight:700}.back-link{color:var(--action-primary-text);align-items:center;gap:4px;margin-top:12px;font-size:14px;font-weight:700;display:inline-flex}.post-h1{letter-spacing:-.03em;margin-top:26px;font-size:22px;font-weight:700;line-height:1.3}.post-byline{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-bottom:18px;display:flex}.post-byline .who{font-size:14px;font-weight:700}.post-byline .when{color:var(--text-muted);gap:6px;margin-top:4px;font-size:12px;display:flex}.pill{background:var(--surface-subtle);border:1px solid var(--border);height:40px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:12px;display:inline-flex}.pill:hover{background:var(--surface-hover)}.pill.wide{width:100%;height:36px;margin-top:10px}.post-body{margin-top:26px;font-size:16px;line-height:1.75}.post-body p{min-height:1em}.post-body .gap{height:.7rem}.post-body img{border-radius:var(--radius-lg);width:auto;max-height:640px;margin:12px 0}.post-body .yt{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;margin:12px 0;position:relative;overflow:hidden}.post-body .yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.post-body a{color:var(--action-secondary-text);text-decoration:underline}.post-notes{margin-top:48px}.action-row{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.action-row .left-actions,.action-row .right-actions{gap:8px;display:flex}.chip-btn{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.chip-btn:hover{background:var(--surface-hover)}.chip-btn.liked{border-color:var(--action-primary);color:var(--action-primary-text);background:var(--action-primary-soft)}.chip-btn.liked svg{fill:currentColor}.round-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.round-btn:hover{background:var(--surface-hover)}.poll{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-top:28px;padding:18px}.poll-head{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.poll-head svg{color:var(--action-primary)}.poll-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;width:100%;height:44px;margin-top:8px;padding:0 14px;font-size:14px;display:flex;position:relative;overflow:hidden}.poll-option .fill{background:var(--surface-muted);transition:width .3s;position:absolute;inset:0 auto 0 0}.poll-option.mine{border-color:var(--action-primary)}.poll-option.mine .fill{background:var(--action-primary-soft)}.poll-option>span{position:relative}.poll-option .pct{color:var(--text-secondary);font-size:13px;font-weight:700}.poll-total{color:var(--text-muted);margin-top:10px;font-size:12px}.comments{margin-top:36px}.comments h2{font-size:16px;font-weight:700}.comments h2 .n{color:var(--action-secondary-text);margin-left:4px}.comment-form{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:14px;padding:14px}.comment-form textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:56px;font-size:14px;line-height:1.6}.comment-form .row{align-items:center;gap:8px;margin-top:8px;display:flex}.comment-form .row input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);outline:none;width:128px;height:36px;padding:0 10px;font-size:12px}.comment-form .row input:focus{border-color:var(--brand-400)}.comment-form .row .btn{margin-left:auto}.form-error{color:var(--danger);margin-top:8px;font-size:12px}.captcha.shown{margin-top:10px}.comment-thread{border-bottom:1px solid var(--border)}.comment{padding:16px 0}.comment .head{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.comment .head b{color:var(--text-primary);font-size:13px}.comment .body{white-space:pre-wrap;margin-top:6px;font-size:14px;line-height:1.6}.comment .body.deleted{color:var(--text-disabled)}.comment .tools{color:var(--text-muted);align-items:center;gap:14px;margin-top:8px;font-size:12px;display:flex}.comment .tools button{color:inherit;align-items:center;gap:3px;display:inline-flex}.comment .tools button:hover{color:var(--text-primary)}.comment .tools .liked{color:var(--action-primary-text)}.comment .tools .liked svg{fill:currentColor}.replies{border-left:2px solid var(--border);margin:0 0 16px 18px;padding-left:14px}.replies .comment{padding:8px 0}.inline-confirm{align-items:center;gap:6px;margin-top:8px;display:flex}.inline-confirm input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:120px;height:30px;padding:0 8px;font-size:12px}.adjacent{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.adjacent a,.adjacent .none{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);align-items:center;gap:10px;min-width:0;min-height:70px;padding:12px 16px;display:flex}.adjacent a:hover{border-color:var(--border-strong)}.adjacent .next{text-align:right;justify-content:flex-end}.adjacent .lbl{color:var(--text-muted);font-size:11px}.adjacent .ttl{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.adjacent .txt{min-width:0}.adjacent .none{color:var(--text-disabled);justify-content:center;font-size:13px}.write{max-width:672px}.write .kicker{color:var(--action-primary-text);margin-top:8px;font-size:12px;font-weight:700}.write h1{letter-spacing:-.03em;border-bottom:1px solid var(--border);margin-top:6px;padding-bottom:20px;font-size:22px;font-weight:700}.field{margin-top:20px}.field-head{justify-content:space-between;align-items:center;min-height:20px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;width:100%;height:46px;padding:0 14px;font-size:15px}.select{appearance:auto;height:46px}.textarea{resize:vertical;height:256px;padding:14px;line-height:1.7}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--text-disabled)}.counter{text-align:right;color:var(--text-muted);margin-top:6px;font-size:12px}.hint{color:var(--text-muted);font-size:12px;line-height:1.7}.consent-note{margin-top:10px}.consent-note a{color:inherit;text-underline-offset:2px;text-decoration:underline}.poll-editor{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-subtle);flex-direction:column;gap:8px;margin-top:12px;padding:14px;display:flex}.poll-editor .row{gap:8px;display:flex}.poll-editor .row .input{height:40px;font-size:14px}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.submit-row{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:28px;padding-top:20px;display:flex}.dropzone.drag{outline:2px dashed var(--action-primary);outline-offset:4px;border-radius:var(--radius-md)}.page-head .kicker{color:var(--action-primary-text);font-size:12px;font-weight:700}.page-head h1{letter-spacing:-.03em;margin-top:6px;font-size:22px;font-weight:700}.page-head p{color:var(--text-secondary);margin-top:8px;font-size:14px}.prose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:24px;padding:24px;font-size:15px;line-height:1.8}.prose h2{margin:24px 0 8px;font-size:16px;font-weight:700}.prose h2:first-child{margin-top:0}.prose ul{margin:0;padding-left:20px}.prose p+p,.prose p+ul,.prose ul+p{margin-top:10px}.prose li+li{margin-top:4px}.prose .effective{color:var(--text-muted);margin-top:28px;font-size:13px}.notice-list{flex-direction:column;gap:10px;margin-top:20px;display:flex}.guide .kicker{letter-spacing:.08em;color:var(--action-primary-text);font-size:11px;font-weight:700}.guide h1{letter-spacing:-.03em;margin-top:6px;font-size:22px;font-weight:700}.guide .lead{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.6}.g-section{margin-top:36px}.g-section>h2{letter-spacing:-.02em;margin-bottom:14px;font-size:16px;font-weight:700}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.principle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px 20px}.num-badge{background:var(--action-primary-soft);width:24px;height:24px;color:var(--action-primary-text);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.num-badge.gray{background:var(--surface-muted);color:var(--text-secondary)}.principle h3{margin-top:14px;font-size:14px;font-weight:700}.principle p{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.65}.dos-donts{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;display:grid}.dd-box{border-radius:var(--radius-lg);border:1px solid;padding:18px 18px 20px}.dd-box h2{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.dd-box ul{color:var(--text-secondary);flex-direction:column;gap:10px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.dd-box li{gap:8px;display:flex}.dd-box li:before{content:"·";font-weight:700}.dd-box.do{background:var(--success-soft);border-color:var(--success-border)}.dd-box.do h2{color:var(--success-text)}.dd-box.do h2 span{color:var(--text-primary)}.dd-box.dont{background:var(--danger-soft);border-color:var(--danger-border)}.dd-box.dont h2{color:var(--danger-text)}.dd-box.dont h2 span{color:var(--text-primary)}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 14px 16px;position:relative}.step .lbl{letter-spacing:.04em;color:var(--action-primary-text);font-size:10px;font-weight:700}.step h3{margin-top:6px;font-size:13px;font-weight:700}.step p{color:var(--text-muted);margin-top:4px;font-size:11.5px;line-height:1.55}.step+.step:before{content:"";border-top:1.5px solid var(--text-disabled);border-right:1.5px solid var(--text-disabled);width:7px;height:7px;position:absolute;top:50%;left:-10px;transform:translate(-50%,-50%)rotate(45deg)}.g-note{border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text-secondary);margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.6}.levels{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none}.levels li{grid-template-columns:24px 1fr;gap:14px;padding:16px 18px;display:grid}.levels li+li{border-top:1px solid var(--border)}.levels h3{font-size:13px;font-weight:700;line-height:24px}.levels p{color:var(--text-muted);font-size:12px;line-height:1.6}.appeal{border-radius:var(--radius-xl);background:var(--inverse-surface);color:var(--inverse-text);margin-top:36px;padding:24px}.appeal h2{margin-top:14px;font-size:16px;font-weight:700}.appeal p{margin-top:8px;font-size:13px;line-height:1.65}.appeal .fine{color:var(--inverse-muted);margin-top:12px;font-size:11.5px}.appeal .btn-appeal{border-radius:var(--radius-md);background:var(--surface);height:40px;color:var(--action-secondary-text);border:1px solid var(--action-secondary);margin-top:16px;padding:0 16px;font-size:13px;font-weight:700}html[data-theme=dark] .appeal .btn-appeal{color:#0b6b63;background:#fff;border-color:#0b6b63}.appeal-form{flex-direction:column;gap:8px;max-width:520px;margin-top:16px;display:flex}.appeal-form input,.appeal-form textarea{border-radius:var(--radius-md);width:100%;color:inherit;background:#ffffff14;border:1px solid #0000;outline:none;padding:10px 12px;font-size:13px}html[data-theme=dark] .appeal-form input,html[data-theme=dark] .appeal-form textarea{background:#0000000d;border-color:#d4d4d4}.appeal-form input:focus,.appeal-form textarea:focus{border-color:var(--brand-400)}.appeal-form textarea{resize:vertical;min-height:90px;line-height:1.6}.appeal-form .row{align-items:center;gap:8px;display:flex}.appeal-form .err{color:var(--brand-400);font-size:12px}.appeal .done{color:var(--brand-400);margin-top:16px;font-size:13px;font-weight:600}.faq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.faq details+details{border-top:1px solid var(--border)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:13px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{background:var(--surface-hover)}.faq summary svg{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.faq details[open] summary svg{transform:rotate(90deg)}.faq .answer{color:var(--text-secondary);padding:0 18px 16px;font-size:13px;line-height:1.7}.faq .answer a{color:var(--action-primary-text);font-weight:600}.report-anchor{display:inline-flex;position:relative}.report-pop{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:220px;box-shadow:var(--elev-dropdown);text-align:left;padding:14px;position:absolute;top:calc(100% + 8px);right:0}.comment .report-pop{left:0;right:auto}.report-pop-title{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:700}.report-opt{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.report-opt input{accent-color:var(--action-primary);margin:0}.report-pop-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.hidden-notice{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:24px;padding:28px 24px}.hidden-notice>svg{color:var(--text-muted)}.hidden-notice h1{margin-top:10px;font-size:18px;font-weight:700}.hidden-notice>p{max-width:460px;color:var(--text-secondary);margin:8px auto 0;font-size:13px;line-height:1.7}.hidden-notice .appeal{text-align:left;padding:18px}.hidden-notice .appeal .btn-appeal{margin-top:0}.chip-danger{background:var(--danger-soft);color:var(--danger-text)}.muted{color:var(--text-muted)}.small{font-size:12px}.admin-login{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:380px;margin:24px auto 0;padding:28px 24px}.admin-login .kicker,.admin-head .kicker{letter-spacing:.08em;color:var(--action-primary-text);font-size:11px;font-weight:700}.admin-login h1{letter-spacing:-.03em;margin:6px 0 20px;font-size:20px;font-weight:700}.code{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;margin:8px 0 0;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.admin-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.admin-head h1{letter-spacing:-.03em;margin-top:6px;font-size:22px;font-weight:700}.admin-head form .btn{gap:6px}.admin-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;margin-top:18px;padding:12px;display:flex}.admin-nav .grp{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-nav .grp-label{width:64px;color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:700}.admin-nav a{border:1px solid var(--border);height:32px;color:var(--text-secondary);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.admin-nav a:hover{background:var(--surface-hover)}.admin-nav a.on{border-color:var(--action-primary);background:var(--action-primary-soft);color:var(--action-primary-text)}.admin-nav .badge{background:var(--surface-muted);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:18px;padding:0 6px;font-size:11px;line-height:18px}.admin-nav .badge.alert{background:var(--danger-text);color:var(--surface)}.admin-body{margin-top:24px}.admin-tab-head{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.admin-tab-head h2{letter-spacing:-.02em;font-size:17px;font-weight:700}.admin-tab-head p{color:var(--text-secondary);margin-top:4px;font-size:13px;line-height:1.6}.admin-empty{text-align:center}.admin-empty .t{color:var(--text-primary);font-size:15px;font-weight:700}.admin-empty .d{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.7}.admin-empty a{color:var(--action-primary-text);font-weight:700}.admin-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:44px;color:var(--text-muted);align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.admin-search:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--focus-ring)}.admin-search input[type=search]{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:14px}.admin-count{color:var(--text-secondary);margin:12px 2px 10px;font-size:12px}.admin-count b{color:var(--text-primary)}.admin-count a{color:var(--action-primary-text);font-weight:600}.acard.is-hidden{border-color:var(--danger-border);background:var(--danger-soft)}.acards{flex-direction:column;gap:10px;display:flex}.acard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.acard.closed{opacity:.6}.acard-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.acard-head .cnt{font-size:13px}.acard-sub{color:var(--text-muted);margin-top:10px;font-size:12px}.acard-sub a{color:var(--action-secondary-text);font-weight:600}.acard-title{margin-top:8px;font-size:15px;font-weight:700;line-height:1.45}.acard-body{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.6}.acard-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;display:flex}.acard-meta a{color:var(--action-secondary-text);align-items:center;gap:3px;font-weight:600;display:inline-flex}.reasons{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.acard-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:12px;display:flex}.restrict-group{align-items:center;gap:4px;margin-left:auto;font-size:12px;display:inline-flex}.abtn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text-primary);white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.abtn:hover{background:var(--surface-hover)}.abtn:disabled{opacity:.5;cursor:progress}.abtn-primary{background:var(--action-primary);border-color:var(--action-primary);color:var(--text-on-action)}.abtn-primary:hover{background:var(--action-primary-hover)}.abtn-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.abtn-danger:hover{background:var(--danger-soft);border-color:var(--danger-text)}.abtn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.admin-bar{border-radius:var(--radius-lg);background:var(--surface);border:1px dashed var(--border-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;display:flex}.admin-bar.is-hidden{background:var(--danger-soft);border-color:var(--danger-border)}.admin-bar-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.admin-bar.is-hidden .admin-bar-label{color:var(--danger-text)}.admin-bar-actions{flex-wrap:wrap;gap:4px;display:flex}.ip-result{color:var(--text-secondary);align-self:center;font-family:ui-monospace,Consolas,monospace;font-size:12px}.dash{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:16px 18px}.dash-card.wide{grid-column:1/-1}.dash-card h3{margin-bottom:10px;font-size:14px;font-weight:700}.dash-card h3 .small{font-weight:500}.todo{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.todo a{color:var(--text-primary)}.todo b{min-width:22px;color:var(--danger-text);font-variant-numeric:tabular-nums;display:inline-block}.dash-note{border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-secondary);align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.6;display:flex}.dash-note svg{flex-shrink:0;margin-top:2px}.dash-note.ok{background:var(--success-soft);color:var(--success-text)}.dash-note.warn{background:var(--danger-soft);color:var(--danger-text)}.dash-note a{color:var(--action-primary-text);font-weight:600}.kpi{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.kpi th,.kpi td{text-align:right;border-bottom:1px solid var(--border);padding:6px 4px}.kpi thead th{color:var(--text-muted);font-size:11px;font-weight:600}.kpi tbody th{text-align:left;color:var(--text-secondary);font-weight:600}.kpi+.small{margin-top:8px;line-height:1.6}.charts{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mini-chart{margin:0}.mini-chart figcaption{color:var(--text-secondary);font-size:12px;font-weight:600}.mini-chart .cols{border-bottom:1px solid var(--border);grid-template-columns:repeat(14,1fr);align-items:end;gap:3px;height:96px;margin-top:8px;display:grid}.mini-chart .col{align-items:flex-end;height:100%;display:flex}.mini-chart .col i{background:var(--brand-400);border-radius:3px 3px 0 0;width:100%;min-height:2px;display:block}.mini-chart.accent .col i{background:var(--accent-500)}.mini-chart .axis{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.hbars{flex-direction:column;gap:8px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.hbars li{grid-template-columns:76px 1fr auto;align-items:center;gap:8px;display:grid}.hbars .name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);font-weight:600;overflow:hidden}.hbars .bar{background:var(--surface-muted);border-radius:4px;height:8px;overflow:hidden}.hbars .bar i{background:var(--brand-400);border-radius:4px;height:100%;display:block}.hbars .num{color:var(--text-muted);font-variant-numeric:tabular-nums}.top-list{flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:13px;display:flex}.top-list a{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-weight:600;display:block;overflow:hidden}.srv{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;font-size:13px;display:grid}.srv div{gap:8px;display:flex}.srv dt{width:76px;color:var(--text-muted);flex-shrink:0}.srv dd{font-variant-numeric:tabular-nums;margin:0}.dash-card .srv+.small{margin-top:10px}.legal-guide{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.7}.legal-guide summary{cursor:pointer;font-weight:700}.legal-guide ol{color:var(--text-secondary);margin:8px 0 0;padding-left:18px}.legal-guide li+li{margin-top:6px}.hold-form,.notice-editor,.settings-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:14px;display:flex}.hold-form input:not([type=radio]),.hold-form select,.hold-form textarea,.notice-editor input:not([type=checkbox]),.notice-editor textarea,.settings-form input,.settings-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-primary);outline:none;padding:9px 11px;font-size:13px}.hold-form :is(input,select,textarea):focus,.notice-editor :is(input,textarea):focus,.settings-form :is(input,textarea):focus{border-color:var(--brand-400)}.hold-form textarea{resize:vertical;min-height:72px}.notice-editor textarea{resize:vertical;min-height:160px;line-height:1.6}.settings-form textarea{resize:vertical;min-height:180px;font-family:inherit;line-height:1.6}.settings-form input{max-width:120px}.settings-form .field-head{justify-content:flex-start;gap:8px;margin:4px 0 0;font-size:13px}.hold-form .row,.notice-editor .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hold-form .row select{width:96px}.hold-form .row input{flex:1;min-width:120px}.hold-form>.btn,.settings-form>.btn,.notice-editor .row .btn{align-self:flex-start}.notice-editor .row .btn{margin-left:auto}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg label{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex:1;align-items:center;gap:6px;min-width:200px;padding:8px 10px;font-size:13px;display:flex}.seg label.on{border-color:var(--action-primary);background:var(--action-primary-soft);color:var(--action-primary-text);font-weight:600}.seg input{accent-color:var(--action-primary)}.check{align-items:center;gap:6px;font-size:13px;display:inline-flex}.hold-form .done,.notice-editor .done,.settings-form .done{color:var(--success-text);font-size:12px;font-weight:600}.due{border-radius:var(--radius-sm);margin-top:10px;padding:6px 10px;font-size:12px;font-weight:600}.due-due{background:var(--danger-soft);color:var(--danger-text)}.due-soon{background:var(--action-primary-soft);color:var(--action-primary-text)}.due-info{background:var(--surface-subtle);color:var(--text-secondary)}.hold-meta{gap:4px;margin:10px 0 0;font-size:12px;display:grid}.hold-meta div{gap:8px;display:flex}.hold-meta dt{width:76px;color:var(--text-muted);flex-shrink:0}.hold-meta dd{color:var(--text-secondary);margin:0}.audit-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:0;font-size:13px;list-style:none}.audit-list li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 14px;display:flex}.audit-list li:first-child{border-top:0}.audit-list time{width:110px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.audit-list a{color:var(--action-secondary-text);font-weight:600}.author-head{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;font-size:14px}.author-head .small{margin-top:4px}.radar-status{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.radar-sites{flex-direction:column;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.radar-sites li{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.radar-sites li.paused b,.radar-err{color:var(--danger-text)}.radar-run{flex-direction:column;align-items:flex-end;gap:6px;max-width:50%;display:flex}.radar-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.seg{background:var(--surface-muted);border-radius:var(--radius-md);padding:2px;display:inline-flex}.seg a{border-radius:var(--radius-sm);color:var(--text-secondary);padding:5px 10px;font-size:12px;font-weight:600}.seg a.on{background:var(--surface);color:var(--text-primary);box-shadow:var(--elev-card)}.radar-flag-toggle{color:var(--action-secondary-text);margin-left:auto;font-size:12px;font-weight:600}.radar-score{border-radius:var(--radius-sm);background:var(--action-primary);min-width:34px;height:22px;color:var(--text-on-action);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}.radar-card.is-flagged{border-style:dashed}.radar-link:hover{text-decoration:underline}.radar-link svg{vertical-align:-1px;color:var(--text-muted);display:inline}.radar-up{color:var(--success-text);font-weight:700}.radar-members{border-radius:var(--radius-md);background:var(--surface-subtle);flex-direction:column;gap:6px;margin-top:10px;padding:8px 10px;font-size:13px;list-style:none;display:flex}.radar-members li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.radar-members a{font-weight:600}.radar-members a:hover{text-decoration:underline}.radar-parts{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px}.draft-poll{color:var(--text-secondary);margin-top:8px;font-size:12px}.draft-notes{border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-secondary);flex-direction:column;gap:4px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.6;list-style:none;display:flex}.draft-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.draft-info a{color:var(--action-secondary-text);font-weight:600}.draft-info .draft-notes{margin-top:0}.draft-textarea{height:420px}.curated-chip{vertical-align:1px;margin-left:6px}.curated-note{border-radius:var(--radius-md);background:var(--action-primary-soft);color:var(--action-primary-text);align-items:flex-start;gap:6px;margin-top:18px;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}.curated-note svg{flex-shrink:0;margin-top:3px}.img-fallback{border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;margin:6px 0;padding:4px 10px;font-size:12px;display:inline-flex;text-decoration:none!important}.thumb-empty{color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:56px;padding-top:24px;font-size:12px}.footer nav{flex-wrap:wrap;gap:4px 16px;display:flex}.footer nav a:hover{color:var(--text-primary)}.footer nav a.strong{color:var(--text-secondary);font-weight:700}.footer p{margin-top:10px}.toast{z-index:80;border-radius:var(--radius-md);background:var(--text-primary);color:var(--surface);box-shadow:var(--elev-dropdown);padding:10px 16px;font-size:13px;font-weight:600;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.drawer-backdrop{z-index:60;background:var(--overlay);position:fixed;inset:0}.drawer{z-index:61;background:var(--surface);width:280px;max-width:86vw;box-shadow:var(--elev-dropdown);padding:16px 16px 32px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.drawer-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tabbar{z-index:50;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.tabbar a.active{color:var(--action-primary-text);font-weight:700}.tabbar .fab-wrap{position:relative}.tabbar .fab{background:var(--action-primary);width:50px;height:50px;color:var(--text-on-action);border-radius:50%;place-items:center;display:grid;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #6e56cf55}.tabbar .fab-label{margin-top:30px}@media (max-width:1239px){.shell{grid-template-columns:var(--left-w) minmax(0, 1fr);max-width:none}.right{display:none}}@media (max-width:899px){:root{--header-h:56px}.header{justify-content:space-between;padding:0 8px}.brand{width:auto;position:absolute;left:50%;transform:translate(-50%)}.header-search,.desktop-only{display:none!important}.mobile-only{display:inline-grid!important}.header-actions{margin-left:0}.shell{display:block}.left{display:none}.main{padding:20px 16px 96px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card{padding:14px 16px}.post-card.ranked{grid-template-columns:22px 1fr auto;gap:10px;padding-left:12px}.post-title{font-size:15px}.two-col,.adjacent,.principles,.dos-donts{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.step+.step:before{display:none}.appeal{padding:20px}.restrict-group{margin-left:0}.dash,.charts,.srv{grid-template-columns:1fr}.admin-nav .grp-label{width:100%}.radar-status{flex-direction:column}.radar-run{align-items:flex-start;max-width:none}.radar-flag-toggle{margin-left:0}}@media (max-width:420px){.board-grid{gap:8px}.board-card{min-height:120px;padding:14px}}