/* ===== 사이트 색 테마 — 하단 상태바의 색 점으로 고른다 (ThemeSwitcher) =====
   청록 계열 색은 모두 "원래 색 + --acc-shift 만큼 색상 회전"으로 적혀 있어서, 여기서 회전값과 강조색만 바꾸면
   테두리·글로우·배경 톤이 함께 바뀐다. --acc-shift 는 단위 없는 각도(도). 빨강·금색·초록·파랑(의미 색)과 방 색은 그대로. */
:root{--acc-shift:0}
:root[data-accent="green"]{--acc-shift:-30;--cyan:#8ccfa8;--acc-sat:0.5}
:root[data-accent="blue"]{--acc-shift:36;--cyan:#8ab4e0;--acc-sat:0.5}
:root[data-accent="violet"]{--acc-shift:76;--cyan:#aea2e3;--acc-sat:0.5}
:root[data-accent="pink"]{--acc-shift:164;--cyan:#dfa0b6;--acc-sat:0.5}
:root[data-accent="amber"]{--acc-shift:-138;--cyan:#dbb883;--acc-sat:0.5}
/* ===== eosatom mockup 기반 디자인 시스템 ===== */
:root{
  --bg:hsl(from #020a0e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--bg2:hsl(from #071216 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--panel:hsl(from #07161a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--panel2:hsl(from #091c21 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--line:hsl(from #00bfae calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--line-soft:hsl(from #16464b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);
  --text:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--muted:hsl(from #78969a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--cyan:hsl(from #00e9d4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--blue:#2faeff;--red:#ff5d65;--gold:#ffc83d;--violet:#bb72ff;--green:#35e29a;
  --radius:6px;--mono:"Cascadia Mono","JetBrains Mono","D2Coding","Noto Sans Mono CJK KR",Consolas,monospace;
  --accent:var(--cyan);
}
.eoc-app{margin:0;background:linear-gradient(180deg,hsl(from #041116 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 0,hsl(from #02090c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 42%,#02070a 100%);color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.45;min-width:320px;min-height:100vh}
:where(.eoc-app) a{color:inherit;text-decoration:none}
:where(.eoc-app) :where(button,input,select,textarea){font:inherit}

/* ---- header ---- */
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:hsl(from rgb(2 10 14) calc(h + var(--acc-shift)) s l / .96)}
.brand-row{height:55px;padding:0 12px;display:flex;align-items:center;gap:18px;border-bottom:1px solid hsl(from #16464b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.brand{font-size:23px;color:var(--cyan);font-weight:800;white-space:nowrap;background:none;border:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:0}
.brand em{font-size:14px;color:hsl(from #9ac3ca calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal;font-weight:500}
.prompt{font-size:19px}
.tagline{font-size:10px;color:hsl(from #7aa1aa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap}
.top-nav{display:flex;align-items:stretch;height:100%;gap:0;min-width:0;flex:1;justify-content:center}
.top-nav>a,.top-nav>.nav-item>a,.top-nav>.nav-item>button{padding:19px 11px 16px;color:hsl(from #d1dfdf calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);display:block;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}
.top-nav>a:hover,.top-nav>.nav-item>a:hover,.top-nav>.nav-item>button:hover,.top-nav .active{color:var(--cyan);border-bottom-color:var(--cyan)}
.nav-item{position:relative}
.mega-chevron{display:none}
.nav-item:hover>button{color:var(--cyan);border-bottom-color:var(--cyan)}
.nav-item:hover .mega-chevron{color:var(--cyan);transform:rotate(180deg)}
.mega-menu{display:none;position:absolute;left:0;top:53px;width:460px;border:1px solid var(--line);border-radius:0 0 6px 6px;background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:18px 18px 14px;box-shadow:0 18px 40px #000b;z-index:30}
.nav-item:hover .mega-menu{display:block}
.mega-cols{display:grid;grid-template-columns:1.3fr 1.1fr 1.1fr;gap:18px}
.mega-menu section{display:flex;flex-direction:column;gap:2px;min-width:0}
.mega-menu section>b{color:var(--cyan);font-size:11px;margin-bottom:6px;white-space:nowrap}
.mega-menu a{padding:4px 0;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-menu a:hover{color:var(--cyan)}
.mega-menu a .chevron{color:hsl(from #3f7a80 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);flex-shrink:0}
.mega-menu a:hover .chevron{color:var(--cyan)}
.mega-icon{flex-shrink:0}
.mega-tags{display:flex;flex-wrap:wrap;gap:6px 7px}
.tag-chip{border:1px solid hsl(from #2d6266 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:4px 9px;border-radius:20px;color:#9cc;font-size:10.5px;cursor:pointer;white-space:nowrap}
.tag-chip:hover{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .06)}
.mega-quote{margin-top:14px;padding-top:12px;border-top:1px solid hsl(from #163a3f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;color:hsl(from #9cbfc4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:italic;text-align:center}
.mega-quote em{display:block;margin-top:3px;color:hsl(from #5a7d83 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal;font-size:9.5px}
.mega-menu-simple{left:auto;right:0;width:200px;padding:10px 12px}
.mega-cols-single{display:block}
.mega-cols-single section{gap:0}
.header-tools{display:flex;align-items:center;gap:10px;white-space:nowrap}
.search{display:flex;border:1px solid hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;padding:4px 7px;gap:7px;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.search input{border:0;outline:0;background:transparent;width:190px;color:var(--text)}
.search button{background:none;border:none;color:#9cc;cursor:pointer}
.hdr-link{color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:4px 2px;background:none;border:none;cursor:pointer}
.hdr-link:hover{color:var(--cyan)}
.hdr-bell{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--cyan) 55%,hsl(from #203b43 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));background:radial-gradient(circle at 35% 30%,hsl(from #16444c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #062026 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 70%);box-shadow:inset 0 1px #ffffff30,0 2px 6px #0008;font:15px/1 sans-serif;cursor:pointer;transition:transform .16s,box-shadow .16s}
.btn-ico{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:5px;background:hsl(from #04201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:inset 0 1px #ffffff35,0 1px 3px #0006;font:11px/1 sans-serif;vertical-align:-3px}
.hdr-write{display:inline-flex;align-items:center}
.write-btn .btn-ico{background:#04201fcc}
.header-tools{position:relative}
.hdr-noti-toast{position:absolute;top:calc(100% + 12px);right:0;z-index:60;display:flex;align-items:center;gap:8px;max-width:340px;padding:8px 10px;border:1px solid var(--cyan);border-radius:6px;background:#051316f2;box-shadow:0 10px 28px #000a,0 0 16px rgb(from var(--cyan) r g b / 0.2);color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;cursor:pointer;text-align:left;animation:eoc-toast-drop .3s cubic-bezier(.2,.9,.3,1.2)}
.hdr-noti-toast:hover{background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.hdr-noti-tag{flex-shrink:0;background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:900;font-size:9.5px;padding:2px 6px;border-radius:2px}
.hdr-noti-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdr-noti-go{color:var(--cyan);font-weight:800;flex-shrink:0}
@keyframes eoc-toast-drop{from{opacity:0;transform:translateY(-8px)}}
.hdr-bell.ringing{animation:eoc-ring 1.2s ease-in-out}
@keyframes eoc-ring{0%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-16deg)}20%,40%,60%{transform:rotate(16deg)}70%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}}
.hdr-bell:hover{transform:rotate(-10deg) scale(1.06);box-shadow:inset 0 1px #ffffff30,0 0 10px rgb(from var(--cyan) r g b / 0.333)}
.hdr-bell-badge{position:absolute;top:-4px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font:700 9px/15px var(--mono);text-align:center;box-shadow:0 0 0 2px hsl(from #020a0e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@media (prefers-reduced-motion:reduce){.hdr-bell{transition:none}.btn-ico{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:5px;background:hsl(from #04201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:inset 0 1px #ffffff35,0 1px 3px #0006;font:11px/1 sans-serif;vertical-align:-3px}
.hdr-write{display:inline-flex;align-items:center}
.write-btn .btn-ico{background:#04201fcc}
.header-tools{position:relative}
.hdr-noti-toast{position:absolute;top:calc(100% + 12px);right:0;z-index:60;display:flex;align-items:center;gap:8px;max-width:340px;padding:8px 10px;border:1px solid var(--cyan);border-radius:6px;background:#051316f2;box-shadow:0 10px 28px #000a,0 0 16px rgb(from var(--cyan) r g b / 0.2);color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;cursor:pointer;text-align:left;animation:eoc-toast-drop .3s cubic-bezier(.2,.9,.3,1.2)}
.hdr-noti-toast:hover{background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.hdr-noti-tag{flex-shrink:0;background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:900;font-size:9.5px;padding:2px 6px;border-radius:2px}
.hdr-noti-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdr-noti-go{color:var(--cyan);font-weight:800;flex-shrink:0}
@keyframes eoc-toast-drop{from{opacity:0;transform:translateY(-8px)}}
.hdr-bell.ringing{animation:eoc-ring 1.2s ease-in-out}
@keyframes eoc-ring{0%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-16deg)}20%,40%,60%{transform:rotate(16deg)}70%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}}
.hdr-bell:hover{transform:none}}
.hdr-btn-solid{background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:900;border-radius:4px;padding:7px 14px;border:none;cursor:pointer}
.hdr-btn-ghost{border:1px solid var(--line);color:var(--cyan);border-radius:4px;padding:6px 12px;background:none;cursor:pointer}
.hdr-avatar{width:26px;height:26px;padding:0;border-radius:50%;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--cyan);cursor:pointer}
.theme-dots{display:none}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{cursor:pointer;color:var(--cyan);font-size:22px;list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu-panel{position:absolute;right:0;top:34px;width:310px;max-height:80vh;overflow-y:auto;background:hsl(from #051519 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line);padding:15px;z-index:100}
.mobile-menu-tabs{display:flex;gap:6px;margin-bottom:12px}
.mobile-menu-tabs button{flex:1;padding:7px 0;border:1px solid var(--line);background:none;color:hsl(from #8eb1b7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer;font:inherit;font-size:12px;font-weight:700}
.mobile-menu-tabs button.active{background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.mobile-menu-list a,.mobile-menu-list button{padding:7px;border:1px solid hsl(from #153f44 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:none;text-align:left;cursor:pointer;font:inherit}
.mobile-menu-list hr{border:0;border-top:1px solid hsl(from #24484b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin:12px 0}
.mobile-menu-my{margin:-15px;padding:0}
.mobile-menu-my .panel{border:none;background:none;border-radius:0}
.mobile-menu-my .panel-title{padding:0 4px 8px;height:auto;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin-bottom:4px}
.mobile-menu-my .my-board{display:block!important}
.notice-ticker{height:31px;display:flex;align-items:center;gap:12px;padding:0 12px;color:hsl(from #99b5ba calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;overflow:hidden;white-space:nowrap}
.notice-ticker strong{color:var(--cyan);border:1px solid var(--cyan);padding:1px 7px;border-radius:2px;flex-shrink:0}
.notice-ticker em{margin-left:auto;color:hsl(from #8eb1b7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal;flex-shrink:0}

/* ---- issue pulse ---- */
.issue-pulse{margin:7px 7px 6px;min-height:83px;display:grid;grid-template-columns:145px 1.1fr 1.1fr 190px 170px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,hsl(from #041318 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #06191d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));overflow:hidden}
.issue-title{display:flex;align-items:flex-start;padding:17px 14px;color:var(--cyan);font-weight:800;font-size:15px;border-right:1px solid hsl(from #245258 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.issue-col{padding:8px 16px;border-right:1px solid hsl(from #24474d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);min-width:0}
.issue-col h2{margin:0 0 4px;font-size:11px;color:var(--cyan);display:flex}
.issue-col h2 span{margin-left:auto}
.issue-col a{display:grid;grid-template-columns:24px 1fr 44px;gap:8px;padding:3px 0;border-bottom:1px solid hsl(from #143338 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10.5px;min-width:0}
.issue-col a:last-child{border-bottom:0}
.issue-col a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.issue-col a b{background:hsl(from #56b9e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:#031019;text-align:center;border-radius:2px}
.issue-col a em{color:var(--red);font-style:normal;text-align:right}
.issue-empty{padding:10px 0;color:var(--muted);font-size:10.5px}
.spark-wrap{display:flex;align-items:center;padding:12px 18px;border-right:1px solid hsl(from #24474d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);min-width:0}
.spark-bars{height:45px;display:flex;align-items:flex-end;gap:6px;width:100%}
.spark-bars i{display:block;flex:1;height:var(--h);background:var(--cyan);box-shadow:0 0 8px rgb(from var(--cyan) r g b / 0.333)}
.pulse-signal{width:100%;min-width:0}
.pulse-mode-label{font-size:10px;font-weight:800;color:var(--cyan);letter-spacing:.03em;margin-bottom:5px}
.pulse-mode-label.breakout{color:var(--red)}
.pulse-crossover-row{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0;font-size:11px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap}
.pulse-crossover-row span{overflow:hidden;text-overflow:ellipsis;margin-right:8px}
.pulse-crossover-row em{color:var(--cyan);font-style:normal;font-weight:700;flex-shrink:0}
.pulse-breakout{cursor:pointer}
.pulse-breakout-title{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.pulse-breakout-score{font-size:13px;font-weight:800;color:var(--gold);display:flex;align-items:baseline;gap:7px}
.pulse-breakout-growth{font-size:10.5px;color:var(--green);font-weight:700}
.pulse-breakout-time{font-size:9.5px;color:var(--muted);margin-top:2px}
.pulse-empty{font-size:10.5px;color:var(--muted)}
@keyframes pulse-breakout-flash{0%,100%{box-shadow:inset 0 0 0 0 rgba(255,93,101,0)}50%{box-shadow:inset 0 0 18px 0 rgba(255,93,101,.12)}}
.pulse-breakout{animation:pulse-breakout-flash 2.2s ease-in-out infinite}
.clock{padding:9px 16px;display:flex;flex-direction:column;justify-content:center}
.clock small{font-size:9px;color:var(--cyan)}
.clock strong{font-size:21px;color:var(--cyan);letter-spacing:1px}
.clock span{font-size:9px;color:hsl(from #89a9b0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}

/* ---- dashboard grid ---- */
/* 기준 폭 1200px — 넓은 PC 화면에서는 좌·우 컬럼이 화면 비율(vw)로 함께 늘어난다 */
.dashboard{display:grid;grid-template-columns:clamp(190px,14vw,270px) minmax(0,1fr) clamp(390px,33vw,640px);gap:6px;padding:0 7px 6px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));overflow:hidden}
.panel-title{height:31px;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);display:flex;align-items:center;padding:0 10px;color:var(--cyan);font-weight:800;font-size:12px;gap:6px;min-width:0}
.panel-title>span{margin-left:auto;color:hsl(from #a2b8bc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.panel-title>a,.panel-title>button{margin-left:auto;color:var(--cyan);font-size:10px;background:none;border:none;cursor:pointer;font-family:inherit}
.no-border{border-bottom:0}
.my-board{grid-row:1 / span 2}
.side-section{padding:9px 12px;border-bottom:1px solid hsl(from #1c4449 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.side-section:last-child{border-bottom:0}
.side-section h3{margin:0 0 5px;font-size:12px;color:hsl(from #d9e8e8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);display:flex;justify-content:space-between}
.side-section h3 button{background:transparent;border:1px solid var(--line);color:var(--cyan);width:21px;height:21px;cursor:pointer}
.side-section a,.side-section .side-row{display:flex;justify-content:flex-start;padding:2px 4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:none;border:none;width:100%;text-align:left;cursor:pointer;font:inherit}
.side-section .side-row em{margin-left:auto;color:var(--cyan);font-style:normal}
.side-row.active{color:var(--cyan);font-weight:700}
.side-row.active em{color:var(--cyan)}
.side-section a::before,.side-section .side-row::before{content:"•";color:var(--cyan);margin-right:7px}
.side-section a em{margin-left:auto;color:var(--cyan);font-style:normal}
.side-empty{color:var(--muted);font-size:10.5px;padding:2px 4px}
.side-stat-row{display:flex;justify-content:space-between;padding:3px 4px;font-size:11.5px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.side-stat-row em{color:var(--cyan);font-style:normal;font-weight:700}
.login-prompt{color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;line-height:1.6;padding:2px 4px}
.login-prompt button{color:var(--cyan);font-weight:700;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}
.search-rank h3{color:var(--cyan)}
.search-rank small{font-weight:400;color:#9bb;font-size:9px}
.search-rank ol{margin:0;padding-left:20px}
.search-rank li{padding:1px 0}
.search-rank li::marker{color:var(--cyan)}
.search-rank li span{display:inline-block;width:90px}
.search-rank em{float:right;color:#ff676f;font-style:normal}
.search-rank li{cursor:pointer}
.search-rank .same{color:var(--muted)}
.my-board .panel-title>button{color:hsl(from #a2b8bc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px}
.search-rank .new{color:var(--gold)}

.center-column{display:flex;flex-direction:column;gap:6px;min-width:0}
.best-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px}
.best-card{position:relative;border:1px solid hsl(from #178e88 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px;padding:7px;background:hsl(from #08191d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);min-width:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.best-card .rank{position:absolute;z-index:2;left:8px;top:8px;background:var(--cyan);color:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:18px;font-weight:900;border-radius:4px;padding:1px 7px}
.thumb{height:78px;border-radius:3px;margin-bottom:7px;background:hsl(from #0c2931 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.thumb-0{background:linear-gradient(135deg,hsl(from #062f35 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 0,hsl(from #031317 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 70%),repeating-linear-gradient(0deg,transparent 0 8px,rgb(from var(--cyan) r g b / 0.133) 8px 9px)}
.thumb-1{background:linear-gradient(150deg,#142a4b,#0e1925 55%,#2f5570)}
.thumb-2{background:linear-gradient(145deg,#2c1748,#0c1524 65%,#221c37)}
.thumb-3{background:linear-gradient(155deg,#163b68,#081724 62%,#1e5775)}
.thumb-4{background:linear-gradient(145deg,hsl(from #163f52 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),#0a1821 57%,#18445f)}
.best-card b{font-size:11px;color:var(--cyan)}
.best-card.c2 b,.best-card.c3 b{color:var(--violet)}.best-card.c4 b{color:#5ab0ff}.best-card.c5 b{color:var(--green)}
.best-card h3{font-size:12.5px;margin:4px 0 8px;line-height:1.4;min-height:35px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.best-card footer{font-size:10.5px;color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.best-empty{padding:20px;color:var(--muted);font-size:11px;text-align:center;grid-column:1/-1}

.posts-panel{min-height:0}
.posts-head{display:flex;align-items:center;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);min-height:43px;padding-right:9px;flex-wrap:wrap}
.tabs{display:flex;height:100%;align-items:center;max-width:100%;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a,.tabs button{padding:8px 13px;border-left:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:none;border-top:none;border-right:none;border-bottom:none;cursor:pointer;font:inherit;white-space:nowrap;flex-shrink:0}
.tabs a.active,.tabs button.active{color:var(--cyan);background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--cyan);margin-left:4px}
.write-btn{margin-left:auto;background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:900;border-radius:4px;padding:8px 15px;border:none;cursor:pointer}
.table-wrap{overflow:auto}
.posts-panel table{width:100%;border-collapse:collapse;min-width:790px;font-size:12px}
.posts-panel th,.posts-panel td{border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:7px 9px;white-space:nowrap}
.posts-panel th{color:hsl(from #7fa1a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:500;text-align:left}
.posts-panel td:nth-child(3){width:46%;white-space:normal;cursor:pointer}
.posts-panel tbody tr:hover{background:hsl(from #082328 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.posts-panel table.feed-table{min-width:0}
.feed-table td:nth-child(4){max-width:120px;overflow:hidden;text-overflow:ellipsis}
.board-tag{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.feed-table .ec-tiny-icon{width:20px;height:20px;font-size:12px}
.feed-table tbody tr:hover .ec-tiny-icon{transform:rotate(-8deg) scale(1.12);filter:saturate(1.35)}
.best-card .board-tag{gap:5px}
.best-card .ec-tiny-icon{width:17px;height:17px;font-size:10px}
.posts-panel .notice td:nth-child(2){color:#ff5c64}
.posts-panel strong{color:#ff616a}
.cat-0{color:hsl(from #44c9ff calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}.cat-1{color:#b878ff}.cat-2{color:#ff7e9f}.cat-3{color:#ffbd63}.cat-4{color:#53e3b2}.cat-5{color:hsl(from #56cfff calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}.cat-6{color:#ffca52}.cat-7{color:#ff7a8c}.cat-8{color:#c785ff}.cat-9{color:hsl(from #a9c2c5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}.cat-10{color:hsl(from #44c9ff calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}.cat-11{color:#b878ff}.cat-12{color:#ff7e9f}.cat-13{color:#ffbd63}.cat-14{color:#53e3b2}

.right-column{display:flex;flex-direction:column;gap:6px;min-width:0}
.preview-body{padding:12px;display:grid;grid-template-columns:1fr 205px;gap:15px}
.preview-body b{color:var(--cyan);font-size:11px}
.preview-body h2{font-size:15px;margin:3px 0 6px;cursor:pointer}
.preview-body p{font-size:11px;color:hsl(from #a9c4c7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin:0 0 8px}
.preview-body footer{font-size:10px;color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.preview-empty{padding:20px 12px;color:var(--muted);font-size:11px}
.preview-pager{display:flex;align-items:center;gap:6px}
.preview-pager button{background:none;border:none;color:hsl(from #a2b8bc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer;padding:0 3px;font-size:12px}
.preview-pager button:hover{color:var(--cyan)}
.terminal-card{border:1px solid hsl(from #1c5570 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;min-height:105px;background:linear-gradient(160deg,hsl(from #07151c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),#031018);padding:17px 22px;color:var(--cyan)}
.terminal-card p{color:var(--cyan);margin:2px 0;font-weight:800}
.right-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.compact .panel-title{font-size:11px}
.compact ol{list-style:none;margin:0;padding:8px 11px}
.compact li{display:grid;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid hsl(from #102e33 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10px}
.compact li:last-child{border-bottom:0}
.compact li.clickable{cursor:pointer}
.compact .empty{padding:10px 0;color:var(--muted);font-size:10.5px}
.compact li.empty{display:block}
.compact li>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live li{grid-template-columns:54px 1fr 24px}
.live b{color:var(--red)}
.live em{color:hsl(from #86a1a5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal}
.live .panel-title span{color:var(--red);font-size:9px}
.watching li{grid-template-columns:38px 1fr}
.watching b{color:#39b5ff}
.sessions{padding-bottom:8px}
.sessions h3{padding:8px 11px 2px;margin:0;font-size:10px;color:#6ee5ba}
.sessions h3 strong{float:right;color:var(--cyan);font-size:13px}
.online-bar{display:flex;height:13px;margin:6px 11px;overflow:hidden;border-radius:2px}
.online-bar i{flex:1}
.online-bar i:nth-child(1){background:#35a7ff}.online-bar i:nth-child(2){background:#6759ff}.online-bar i:nth-child(3){background:#b662ff}.online-bar i:nth-child(4){background:#ff5f92}.online-bar i:nth-child(5){background:#ffb55e}.online-bar i:nth-child(6){background:#64da79}.online-bar i:nth-child(7){background:hsl(from #4cc9d9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.session-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;padding:0 11px;font-size:9px}
.session-grid b{float:right;color:#7cb5ff}
.top10 ol{counter-reset:top}
.top10 li{grid-template-columns:1fr 32px;padding:2px 0;cursor:pointer}
.top10 li span::before{counter-increment:top;content:counter(top) "  ";color:var(--cyan)}
.top10 b{color:#dfc56b;text-align:right}

/* ---- status bar ---- */
.status-bar{margin:0 7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:hsl(from #031216 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:9px;color:hsl(from #a4b9bc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);gap:6px;white-space:nowrap;overflow:hidden}
.status-bar strong,.status-bar b{color:var(--cyan)}

/* ---- footer ---- */
.site-footer{display:grid;grid-template-columns:180px 1fr 440px;gap:16px;padding:12px 20px 14px;background:hsl(from #06141a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #183f45 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #78999f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:9px}
.footer-brand{border-right:1px solid hsl(from #29474b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);display:flex;flex-direction:column}
.footer-brand .footer-brand-name{color:var(--cyan);font-size:18px;font-weight:700}
.footer-links>span{display:block;margin-top:7px}
.footer-brand span{color:hsl(from #8aabb1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.footer-links .footer-nav{display:flex;gap:12px;flex-wrap:wrap}
.footer-links .footer-nav a,.footer-links .footer-nav button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}
.footer-links .footer-nav a:hover,.footer-links .footer-nav button:hover{color:var(--cyan)}
.footer-links p{margin:7px 0 0}
.footer-legal{border-left:1px solid hsl(from #29474b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding-left:15px;align-self:center}

/* ---- 카테고리 랜딩 페이지 (/board/{category-slug}) ---- */
.category-dashboard{display:grid;grid-template-columns:clamp(190px,14vw,270px) minmax(0,1fr) clamp(270px,22vw,400px);gap:6px;padding:10px 0}
.category-nav{display:flex;flex-direction:column}
.category-center{display:flex;flex-direction:column;gap:6px;min-width:0}
.category-right{display:flex;flex-direction:column;gap:6px}
.compact li.hotnow{grid-template-columns:20px 1fr 44px}
.compact li.hotnow b{color:var(--gold)}
.compact li.hotnow em{color:hsl(from #86a1a5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal;text-align:right}
.rising-growth{color:var(--green)!important;font-size:9.5px}

/* ---- 베스트 페이지 ---- */
.best-top-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:12px}
.best-top-card{border:1px solid var(--line-soft);border-radius:6px;background:rgba(255,255,255,.015);padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:0}
.best-top-card:hover{border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .04)}
.best-top-rank{font-size:11px;font-weight:800;color:var(--gold)}
.best-top-cat{font-size:9.5px;color:var(--cyan)}
.best-top-title{font-size:12px;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.best-top-stats{display:flex;flex-wrap:wrap;gap:7px;font-size:9.5px;color:var(--muted)}
.best-top-score{font-size:10.5px;font-weight:800;color:var(--red)}
.hidden-gem-card{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 12px;cursor:pointer}
.hidden-gem-rate{font-size:10.5px;color:var(--violet);font-weight:700;margin-bottom:5px}
.hidden-gem-title{font-size:12px;color:var(--text);font-style:italic;line-height:1.5}
.hidden-gem-card:hover .hidden-gem-title{color:var(--cyan)}

/* ---- board / anonymous / gallery / reactions (신규, 목업에 없는 화면) ---- */
.anon-banner{margin:10px 12px;background:rgba(255,200,61,.08);border:1px solid rgba(255,200,61,.3);color:var(--gold);font-size:11px;padding:7px 12px;border-radius:4px}

/* ---- 글쓰기 (WritePost) ---- */
.write-field{display:flex;flex-direction:column;gap:6px}
.write-field label{font-size:11px;color:var(--cyan);font-weight:700}
.write-input{width:100%;padding:9px 11px;font-size:13px}
.write-html-toggle{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--muted);cursor:pointer}
.write-textarea{width:100%;box-sizing:border-box;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line-soft);color:var(--text);font-size:13px;line-height:1.7;padding:12px 13px;border-radius:4px;font-family:inherit;resize:vertical}
.write-textarea:focus{outline:none;border-color:var(--cyan)}
.write-preview{min-height:200px;padding:14px 15px;border:1px solid var(--line-soft);border-radius:4px;background:hsl(from #050f13 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.write-error{color:var(--red);font-size:12px;padding:8px 12px;border:1px solid rgba(255,80,92,.3);background:rgba(255,80,92,.06);border-radius:4px}
.write-actions{display:flex;justify-content:flex-end;gap:10px}
.write-actions .write-btn{margin-left:0}
.write-btn-ghost{background:none;border:1px solid var(--line-soft);color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:700;border-radius:4px;padding:8px 16px;cursor:pointer;font-family:inherit}
.write-btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.write-btn:disabled,.write-btn-ghost:disabled{opacity:.5;cursor:default}
.reaction-row{display:flex;gap:8px;padding:12px}
.reaction-btn{display:flex;align-items:center;gap:5px;background:hsl(from #08191d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line-soft);color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;padding:7px 13px;border-radius:20px;cursor:pointer;font-family:inherit}
.reaction-btn.active{border-color:var(--cyan);color:var(--cyan);background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.reaction-btn.reported{border-color:var(--red);color:var(--red);background:rgba(255,80,92,.08);cursor:default}

/* ---- 게시글 상세 (PostDetail) ---- */
.post-view-content{font-size:14px;line-height:1.85;color:var(--text);margin-bottom:20px}
.post-view-content pre{background:hsl(from #04141a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line-soft);border-radius:6px;padding:12px 14px;overflow-x:auto;font-size:12.5px;line-height:1.6;color:hsl(from #8ef7e8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-view-content code{font-family:var(--mono,monospace);background:rgb(from var(--cyan) r g b / .08);padding:1px 5px;border-radius:3px;font-size:.92em}
.post-view-content pre code{background:none;padding:0}
.post-view-content blockquote{border-left:3px solid var(--cyan);margin:0 0 14px;padding:4px 14px;color:hsl(from #9cbfc4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:italic;background:rgb(from var(--cyan) r g b / .03)}
.post-view-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:20px}
.post-view-photo{width:100%;border-radius:6px;border:1px solid var(--line-soft)}
.post-status-grid{padding:10px 14px}
.post-status-row{display:flex;justify-content:space-between;padding:5px 0;font-size:11.5px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #102e33 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-status-row:last-child{border-bottom:none}
.post-status-row em{color:var(--cyan);font-style:normal;font-weight:700}

/* ---- admin ---- */
.admin-wrap{padding:20px;max-width:1200px;margin:0 auto;color:var(--text);font-family:var(--mono)}
.admin-title{font-size:19px;font-weight:800;color:var(--cyan);margin-bottom:16px}
.admin-subtitle{font-size:12px;font-weight:800;color:var(--cyan);margin-bottom:8px}
.admin-cat-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.admin-input,.admin-select{background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line-soft);color:var(--text);font-size:12px;padding:5px 7px;border-radius:4px;font-family:inherit}
.admin-save{background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:none;font-weight:800;font-size:11px;padding:5px 11px;border-radius:4px;cursor:pointer}
.admin-badge{font-size:10px;padding:2px 8px;border-radius:8px;font-weight:700;border:1px solid var(--line-soft);color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.admin-table{width:100%;border-collapse:collapse;font-size:11.5px}
.admin-table th{text-align:left;color:var(--muted);font-weight:500;padding:8px;border-bottom:1px solid var(--line-soft);font-size:10.5px}
.admin-table td{padding:6px 8px;border-bottom:1px solid hsl(from #102e33 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);vertical-align:middle}
.admin-toggle{width:15px;height:15px;cursor:pointer}
.eoc-empty{color:var(--muted);font-size:11.5px;padding:20px;text-align:center}

/* ---- 마이페이지 공용 (MyPageShell: MyProfile / MyPostsComments / MyNotifications) ---- */
.my-dashboard .side-section a.active{color:var(--cyan);font-weight:700}
.my-dashboard .side-section a.active::before{content:"▸"}
.my-dashboard .session-grid span{cursor:pointer}
.my-dashboard .session-grid span:hover{color:var(--cyan)}
.my-dashboard .live li{grid-template-columns:14px 1fr 54px}
.my-dashboard .live em{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-dashboard .posts-panel table{min-width:640px}
.my-more{margin-left:auto;padding:6px 13px;font-size:11px}
.my-link-btn{background:none;border:none;color:var(--cyan);cursor:pointer;font:inherit;padding:0}
.my-link-btn:hover{text-decoration:underline}
.my-link-btn.danger{color:hsl(from #86a1a5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.my-link-btn.danger:hover{color:var(--red)}
.my-comment-text{display:block;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}
.my-comment-origin{display:block;color:var(--muted);font-size:10.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}
.notif-table tr.unread{background:hsl(from #062a2f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.notif-new{color:var(--cyan);font-weight:800}
.notif-read{color:var(--muted)}
.notif-table .notif-subject{display:block;color:var(--text);font-weight:700}
.notif-table tr:not(.unread) .notif-subject{font-weight:400;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.notif-table .notif-body{display:block;color:var(--muted);font-size:9.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}
.my-profile-body{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.my-profile-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px;border-right:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:linear-gradient(160deg,hsl(from #07151c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),#031018)}
.my-avatar{width:74px;height:74px;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 14px rgb(from var(--cyan) r g b / 0.2);background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;overflow:hidden}
.my-avatar img{width:100%;height:100%;object-fit:cover}
.my-profile-id{text-align:center;min-width:0;max-width:100%}
.my-profile-id b{font-size:9px;color:var(--green)}
.my-profile-id h2{font-size:15px;margin:3px 0 2px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-profile-id p{font-size:10.5px;color:hsl(from #a9c4c7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-profile-form tr:last-child th,.my-profile-form tr:last-child td{border-bottom:0}
.my-profile-form td{padding-left:4px}
.my-val{display:block;padding:6px 0;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;line-height:1.6;word-break:break-all}
.my-val.muted{color:var(--muted)}
.my-bio-input{min-height:70px;padding:8px 10px;font-size:12px}
.my-profile-note{margin:9px 12px;padding:7px 12px;font-size:11px;color:hsl(from #a9c4c7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #1c4449 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.my-profile-note.ok{color:var(--cyan);border-color:var(--line)}
.my-profile-err{margin:9px 12px}
.my-profile-actions{padding:0 12px 12px}
/* ---- 게시판 목록 / 카테고리 (목업 dashboard 구조 재사용) ---- */
.board-info .notice-ticker{height:31px}
.board-info-anon{color:var(--gold)}
.board-info-quote{color:hsl(from #8eb1b7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:italic}
.fav-star-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0 0 0 6px;line-height:1}
.fav-star-btn.active,.fav-star-btn:hover{color:var(--gold)}
.side-section a.active{color:var(--cyan);font-weight:700}
.side-h3-count{color:var(--cyan);font-style:normal;font-weight:400}
.search-rank em.cnt{color:var(--cyan)}
.thumb{overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.session-grid span{cursor:pointer}
.session-grid span:hover,.session-grid span.active{color:var(--cyan)}

/* ---- 게시글 상세 (목업 dashboard 구조 재사용) ---- */
.post-dashboard.is-focus{grid-template-columns:minmax(0,1fr)}
.post-dashboard.is-focus>.my-board,.post-dashboard.is-focus>.right-column{display:none}
.post-panel .panel-title>span{margin-left:auto}
.post-panel .panel-title>button{margin-left:10px}
.post-body{padding:14px 16px 4px}
.post-cat{color:var(--cyan);font-size:11px}
.post-title{font-size:18px;font-weight:800;line-height:1.35;margin:4px 0 8px;color:var(--text)}
.post-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:10.5px;color:hsl(from #7fa1a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding-bottom:10px;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-meta b{color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-view-content{font-size:13px;line-height:1.8;color:var(--text);margin:14px 0}
.post-view-content pre{background:hsl(from #04141a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line-soft);border-radius:4px;padding:10px 12px;overflow-x:auto;font-size:12px;line-height:1.6;color:hsl(from #8ef7e8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-view-content code{background:rgb(from var(--cyan) r g b / .08);padding:1px 5px;border-radius:3px;font-size:.92em}
.post-view-content pre code{background:none;padding:0}
.post-view-content blockquote{border-left:3px solid var(--cyan);margin:0 0 12px;padding:4px 12px;color:hsl(from #9cbfc4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:rgb(from var(--cyan) r g b / .03)}
.post-view-content img{max-width:100%}
.post-view-content a{color:var(--cyan);text-decoration:underline}
.post-view-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-bottom:12px}
.post-view-photo{width:100%;border-radius:3px;border:1px solid hsl(from #178e88 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-actions{display:flex;align-items:stretch;border-top:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-actions button{padding:8px 13px;background:none;border:0;border-right:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer;white-space:nowrap}
.post-actions button:hover{color:var(--cyan)}
.post-actions button.active{color:var(--cyan);background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-actions button.reported{color:var(--red)}
.post-actions .post-actions-list{margin-left:auto;border-right:0;border-left:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-actions-toast{align-self:center;padding:0 12px;color:var(--green);font-size:11px;font-weight:700}
.post-nav-table{width:100%;border-collapse:collapse;font-size:10.5px}
.post-nav-table th{width:78px;text-align:left;color:hsl(from #7fa1a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:500;padding:6px 12px;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap}
.post-nav-table td{padding:6px 8px;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}
.post-nav-table tr:last-child th,.post-nav-table tr:last-child td{border-bottom:0}
.post-nav-table td:hover{color:var(--cyan);background:hsl(from #082328 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-nav-table td.empty{color:var(--muted);cursor:default}
.post-nav-table td.empty:hover{background:none}

/* ---- 댓글 (CommentThread) ---- */
.comments-panel .eosatom-comment-thread{padding:2px 16px 14px}
.comments-panel .eosatom-comments-title{display:none}
.eosatom-comments-empty{padding:12px 0;color:var(--muted);font-size:11px}
.eosatom-comment-item{padding:9px 0;border-bottom:1px solid hsl(from #102e33 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eosatom-comment-item-reply{margin:8px 0 0 16px;padding:6px 0 0 12px;border-bottom:0;border-left:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eosatom-comment-item-head{display:flex;align-items:baseline;gap:10px;margin-bottom:3px}
.eosatom-comment-item-author{color:var(--cyan);font-size:11px;font-weight:700}
.eosatom-comment-item-time{color:var(--muted);font-size:10px}
.eosatom-comment-item-content{font-size:12px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word}
.eosatom-comment-item-actions{display:flex;align-items:center;gap:10px;margin-top:4px}
.eosatom-comment-action-btn{background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:none;border-radius:3px;padding:4px 11px;font-size:10.5px;font-weight:800;cursor:pointer}
.eosatom-comment-action-btn-ghost{background:none;color:hsl(from #7fa1a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:400;padding:0}
.eosatom-comment-action-btn-ghost:hover{color:var(--cyan)}
.eosatom-comment-action-btn-danger:hover{color:var(--red)}
.eosatom-comment-action-btn:disabled,.eosatom-comment-submit:disabled{opacity:.5;cursor:default}
.eosatom-comment-edit-box,.eosatom-comment-reply-box{margin-top:6px;display:flex;flex-direction:column;gap:6px}
.eosatom-comment-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.eosatom-write-textarea{width:100%;box-sizing:border-box;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:var(--text);padding:8px 10px;font-size:12px;line-height:1.6;resize:vertical}
.eosatom-write-textarea:focus{outline:none;border-color:var(--cyan)}
.eosatom-comment-submit{align-self:flex-end;background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:900;border:none;border-radius:4px;padding:7px 15px;cursor:pointer}
.eosatom-comments-login-hint{margin-top:12px;padding:9px 12px;border:1px dashed hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;display:flex;gap:8px}

/* ---- 로그인 / 회원가입 (목업 패널 스타일) ---- */
.auth-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:6px;max-width:1080px;margin:0 auto;padding:7px 7px 40px}
.auth-ticker{grid-column:1 / -1}
.notice-ticker .ticker-tag{color:var(--cyan);border:1px solid var(--cyan);padding:1px 7px;border-radius:2px;flex-shrink:0;font-weight:700}
.notice-ticker .ticker-meta{margin-left:auto;color:hsl(from #8eb1b7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);flex-shrink:0}
.panel-title>span.auth-title-main{margin-left:0;color:var(--cyan);font-weight:800}
.auth-intro-body{padding:16px 14px;display:grid;grid-template-columns:1fr 205px;gap:15px;align-items:center;border-bottom:1px solid hsl(from #1c4449 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.auth-intro-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.auth-kicker{color:var(--cyan);font-size:11px;font-weight:700}
.auth-intro-copy h2{font-size:19px;margin:0;color:var(--text);line-height:1.35}
.auth-desc{font-size:11.5px;color:hsl(from #a9c4c7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);line-height:1.6}
.auth-intro .terminal-card{display:flex;flex-direction:column;justify-content:center}
.auth-term-line{display:block;color:var(--cyan);margin:2px 0;font-weight:800}
.auth-perks{border-bottom:0}
.auth-perk{display:flex;padding:3px 4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px}
.auth-perk::before{content:"•";color:var(--cyan);margin-right:7px}
.auth-panel{align-self:start;padding-bottom:16px}
.eosatom-auth-error{margin:12px 14px 0;padding:8px 10px;border:1px solid rgba(255,93,101,.35);background:rgba(255,93,101,.06);border-radius:4px;color:var(--red);font-size:11px}
.eosatom-comment-thread .eosatom-auth-error{margin:8px 0}
.eosatom-auth-form{display:flex;flex-direction:column;padding:4px 0 0}
.eosatom-auth-field{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:6px 14px 6px 0}
.eosatom-auth-label{font-size:12px;color:hsl(from #7fa1a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding-left:14px;white-space:nowrap}
.eosatom-auth-input,.eosatom-search-page-input{width:100%;box-sizing:border-box;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:var(--text);padding:8px 10px;font-size:12px}
.eosatom-auth-input::placeholder{color:hsl(from #4f6f73 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eosatom-auth-input:focus,.eosatom-search-page-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px rgb(from var(--cyan) r g b / 0.122)}
.eosatom-auth-agree{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eosatom-auth-check-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer}
.eosatom-auth-check-row input{accent-color:var(--cyan);width:14px;height:14px;margin:0}
.auth-req{margin-left:auto;color:var(--cyan);font-size:10px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:2px;padding:0 5px}
.eosatom-auth-submit,.eosatom-search-page-btn{background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:900;border:none;border-radius:4px;padding:9px 15px;cursor:pointer}
.eosatom-auth-form .eosatom-auth-submit{margin:14px 14px 0;padding:10px 15px;font-size:13px}
.eosatom-auth-submit:hover{filter:brightness(1.08)}
.eosatom-auth-submit:disabled{opacity:.5;cursor:default}
.eosatom-auth-footer{margin-top:14px;padding:12px 14px 0;border-top:1px dashed hsl(from #1c4449 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin-left:14px;margin-right:14px;display:flex;justify-content:center;gap:6px;font-size:11px;color:var(--muted)}
.eosatom-auth-link{background:none;border:none;padding:0;color:var(--cyan);font-weight:700;cursor:pointer}
.eosatom-auth-link:hover{text-decoration:underline}

/* ---- 검색 (목업 패널 + 게시판 표 스타일) ---- */
.eosatom-section{margin:7px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));overflow:hidden}
.eosatom-section-title{height:31px;margin:0;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--cyan);font-size:12px;font-weight:800}
.eosatom-search-page-form{display:flex;gap:8px;padding:12px}
.eosatom-search-page-input{max-width:480px}
.eosatom-post-empty{padding:20px;color:var(--muted);font-size:11px;text-align:center}
.eosatom-search-results{display:flex;flex-direction:column}
.eosatom-search-result-row{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;gap:3px 12px;align-items:baseline;width:100%;text-align:left;background:none;border:0;border-top:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:7px 12px;cursor:pointer;color:inherit}
.eosatom-search-result-row:hover{background:hsl(from #082328 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eosatom-trend-board{grid-column:1;grid-row:1;color:var(--cyan);font-size:10.5px}
.eosatom-search-result-title{grid-column:2;grid-row:1;font-size:12px;color:var(--text)}
.eosatom-search-result-time{grid-column:3;grid-row:1;text-align:right;font-size:10px;color:var(--muted)}
.eosatom-search-result-excerpt{grid-column:2;grid-row:2;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- 사진 첨부 (PhotoUploader) ---- */
.eosatom-photo-uploader{display:flex;flex-direction:column;gap:6px}
.eosatom-photo-uploader-head{display:flex;align-items:baseline;gap:8px}
.eosatom-photo-uploader-label{font-size:11px;color:var(--cyan);font-weight:700}
.eosatom-photo-uploader-hint{font-size:10px;color:var(--muted)}
.eosatom-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}
.eosatom-photo-item{position:relative;aspect-ratio:1/1;border:1px solid hsl(from #178e88 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;overflow:hidden;background:hsl(from #0c2931 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eosatom-photo-item img{width:100%;height:100%;object-fit:cover;display:block}
.eosatom-photo-item-loading,.eosatom-photo-item-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);background:hsl(from rgb(2 10 14) calc(h + var(--acc-shift)) s l / .6);padding:4px;text-align:center}
.eosatom-photo-item-error{color:var(--red)}
.eosatom-photo-item-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;border:none;background:hsl(from rgb(2 10 14) calc(h + var(--acc-shift)) s l / .8);color:var(--text);cursor:pointer;font-size:12px;line-height:1;padding:0}
.eosatom-photo-item-remove:hover{background:var(--red)}
.eosatom-photo-add-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border:1px dashed hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:var(--cyan);font-size:22px;cursor:pointer}
.eosatom-photo-add-btn:hover{border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .05)}

/* ---- 글쓰기 (목업 dashboard 구조 재사용) ---- */
.write-dashboard{padding-top:7px}
.write-panel .posts-head .write-html-toggle{margin-left:auto;padding:0 12px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.write-panel .posts-head .write-btn{margin-left:0}
.write-form{width:100%;border-collapse:collapse;font-size:12px}
.write-form th{width:78px;text-align:left;color:hsl(from #7fa1a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:500;padding:7px 12px;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap}
.write-form td{padding:6px 12px 6px 0;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);position:relative}
.write-form .write-select,.write-form .write-input{width:100%;box-sizing:border-box;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:var(--text);padding:7px 9px;font-size:12px}
.write-form .write-input{padding-right:70px}
.write-form .write-select:focus,.write-form .write-input:focus{outline:none;border-color:var(--cyan)}
.write-form .write-select:disabled{opacity:.7}
.write-count{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);pointer-events:none}
.write-panel .write-textarea{display:block;border:0;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:0;background:hsl(from #041217 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);min-height:320px;padding:12px 14px;font-size:13px}
.write-panel .write-preview{min-height:320px;border:0;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:0;padding:12px 14px;background:hsl(from #041217 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.write-photos{padding:10px 12px;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.write-panel .write-error{margin:10px 12px 0}
.write-panel .write-actions{padding:10px 12px}
.side-kv{display:flex;justify-content:space-between;padding:2px 4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.side-kv em{color:var(--cyan);font-style:normal}
.side-kv em.gold{color:var(--gold)}
.side-note{padding:2px 4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;line-height:1.5}
.side-note::before{content:"•";color:var(--cyan);margin-right:7px}
.preview-body h2.placeholder{color:var(--muted)}
.session-grid b.warn{color:var(--red)}

/* ---- 동적 레이어: 터미널 커서 · 타이핑 티커 · 부팅 인트로 · 커맨드 팔레트 · 활동 스트림 · 새 글 토스트 ---- */
.term-cursor{display:inline-block;width:7px;height:12px;margin-left:2px;background:var(--cyan);vertical-align:-2px;animation:eoc-blink 1.05s steps(1) infinite}
.term-cursor.thin{width:6px;height:2px;vertical-align:0}
@keyframes eoc-blink{50%{opacity:0}}
.ticker-typed{color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);min-width:0;overflow:hidden;text-overflow:ellipsis}
.notice-ticker .ticker-count{color:var(--muted);font-weight:400;font-size:10px;flex-shrink:0}
.boot-intro{position:fixed;inset:0;z-index:1000;background:hsl(from #020a0e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .35s ease,transform .35s ease}
.boot-intro::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgb(from var(--cyan) r g b / 0.039) 3px 4px);pointer-events:none}
.boot-intro.leaving{opacity:0;transform:scale(1.015)}
.boot-screen{width:min(560px,90vw);font-family:var(--mono);font-size:13px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);line-height:1.9}
.boot-line{animation:eoc-boot-in .18s ease-out}
.boot-line b{color:var(--cyan);font-weight:700}
.boot-line em{color:var(--gold);font-style:normal}
.boot-t{color:var(--muted)}
.boot-dots{color:hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.boot-skip{margin-top:18px;color:hsl(from #3f6a70 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10px;text-align:right}
@keyframes eoc-boot-in{from{opacity:0;transform:translateX(-6px)}}
.cmdk-backdrop{position:fixed;inset:0;z-index:900;background:hsl(from rgb(1 8 10) calc(h + var(--acc-shift)) s l / .72);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:eoc-fade .12s ease-out}
.cmdk{width:min(620px,100%);border:1px solid var(--cyan);border-radius:8px;background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / 0.133),0 24px 60px #000c,0 0 36px rgb(from var(--cyan) r g b / 0.102);overflow:hidden;font-family:var(--mono);animation:eoc-pop .16s ease-out}
.cmdk-head{display:flex;align-items:center;gap:9px;padding:0 12px;height:48px;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.cmdk-prompt{color:var(--cyan);font-weight:800;flex-shrink:0}
.cmdk-head input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font-size:14px}
.cmdk-head input::placeholder{color:hsl(from #4f6f73 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.cmdk-spin{color:var(--cyan);animation:eoc-spin .8s linear infinite}
.cmdk kbd,.status-cmd kbd,.search-kbd kbd{font-family:var(--mono);font-size:9.5px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom-width:2px;border-radius:3px;padding:0 5px;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer}
.cmdk-list{max-height:min(420px,56vh);overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) transparent}
.cmdk-group{padding:8px 14px 3px;font-size:10px;color:var(--muted);letter-spacing:.06em}
.cmdk-item{display:flex;align-items:center;gap:10px;margin:0 6px;padding:7px 9px;border-radius:4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12.5px;cursor:pointer;border:1px solid transparent}
.cmdk-item.active{background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-color:#00bfae66;color:var(--text)}
.cmdk-icon{width:18px;text-align:center;color:var(--cyan);flex-shrink:0}
.cmdk-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk-hint{color:var(--muted);font-size:10.5px;flex-shrink:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk-enter{color:var(--cyan);flex-shrink:0}
.cmdk-empty{padding:22px;text-align:center;color:var(--muted);font-size:12px}
.cmdk-foot{display:flex;gap:14px;align-items:center;padding:8px 14px;border-top:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10px;color:var(--muted)}
.cmdk-foot kbd{margin-right:3px}
.cmdk-brand{margin-left:auto;color:hsl(from #3f7a80 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@keyframes eoc-fade{from{opacity:0}}
@keyframes eoc-pop{from{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes eoc-spin{to{transform:rotate(360deg)}}
.status-cmd{background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer}
.status-cmd:hover{color:var(--cyan)}
.search-kbd{background:none;border:0;padding:0;display:flex;align-items:center}
.activity-stream .panel-title>span{display:flex;align-items:center;gap:5px;color:var(--green);font-size:10px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:eoc-pulse 1.6s ease-in-out infinite}
@keyframes eoc-pulse{50%{opacity:.35;box-shadow:0 0 0 var(--green)}}
.stream-body{padding:6px 11px 8px;font-size:10.5px;height:170px;overflow:hidden;position:relative}
.stream-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(transparent,hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));pointer-events:none}
.stream-cmd{color:var(--muted);margin-bottom:3px}
.stream-line{display:grid;grid-template-columns:58px 44px minmax(0,1fr);gap:6px;align-items:center;padding:2px 3px;border-radius:2px;white-space:nowrap}
.stream-line.clickable{cursor:pointer}
.stream-line.clickable:hover{background:hsl(from #082328 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.stream-line.clickable:hover .stream-text{color:var(--cyan)}
.stream-line.muted{display:block;color:var(--muted)}
.stream-line.fresh{animation:eoc-stream-in .5s ease-out,eoc-stream-flash 1.8s ease-out}
.stream-time{color:hsl(from #4f7479 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.stream-line b{font-weight:700;font-size:9.5px}
.ev-post{color:var(--cyan)}.ev-cmt{color:var(--violet)}.ev-like{color:var(--red)}
.stream-text{overflow:hidden;text-overflow:ellipsis;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.stream-text em{font-style:normal;color:hsl(from #78969a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@keyframes eoc-stream-in{from{opacity:0;transform:translateY(-7px)}}
@keyframes eoc-stream-flash{0%,30%{background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}100%{background:transparent}}
.new-post-toast{position:fixed;top:66px;left:50%;transform:translateX(-50%);z-index:800;display:flex;align-items:center;gap:10px;max-width:min(640px,calc(100vw - 24px));padding:8px 10px 8px 12px;border:1px solid var(--cyan);border-radius:6px;background:#051316f2;box-shadow:0 10px 30px #000a,0 0 18px rgb(from var(--cyan) r g b / 0.165);font-size:11.5px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer;animation:eoc-toast-in .35s cubic-bezier(.2,.9,.3,1.2)}
.new-post-toast:hover{background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.npt-tag{color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:var(--cyan);font-weight:900;font-size:9.5px;padding:2px 6px;border-radius:2px;flex-shrink:0;animation:eoc-pulse-tag 2s ease-in-out infinite}
.npt-count{flex-shrink:0}
.npt-count b{color:var(--cyan)}
.npt-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.npt-title em{font-style:normal;color:var(--muted)}
.npt-go{color:var(--cyan);flex-shrink:0;font-weight:700}
.npt-close{background:none;border:0;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}
.npt-close:hover{color:var(--red)}
@keyframes eoc-toast-in{from{opacity:0;transform:translate(-50%,-14px)}}
@keyframes eoc-pulse-tag{50%{box-shadow:0 0 10px rgb(from var(--cyan) r g b / 0.667)}}
@media (prefers-reduced-motion:reduce){
  .term-cursor,.live-dot,.npt-tag,.cmdk-spin{animation:none}
  .stream-line.fresh,.cmdk,.cmdk-backdrop,.new-post-toast{animation:none}
}
/* ---- 01. MY_BOARD 사이드바 (151 디자인 이식: 이모지 아이콘 타일 + ✦) ---- */
.mb-panel{padding:7px 9px 10px;box-shadow:inset 0 1px #d5ffff15,0 2px 8px #0005}
.mb-title{display:flex;align-items:center;min-height:25px;margin:0 0 6px;padding:2px 4px 6px;border-bottom:1px solid hsl(from #1a434b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--cyan);font-size:12px;font-weight:800}
.mb-title button{margin-left:auto;background:none;border:0;color:var(--cyan);font-size:13px;cursor:pointer;padding:0 2px}
.mb-title button:hover{transform:rotate(45deg);transition:transform .2s}
.ec-panel-icon{position:relative;display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border:1px solid color-mix(in srgb,var(--cyan) 55%,hsl(from #203b43 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));border-radius:6px;background:linear-gradient(145deg,hsl(from #16444c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #07252e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));font:11px sans-serif;box-shadow:inset 0 1px #ffffff40,0 2px 6px #0008;flex-shrink:0}
.ec-panel-icon::after{content:"";position:absolute;width:3px;height:3px;top:2px;right:2px;border-radius:50%;background:#fff9;pointer-events:none}
.ec-tiny-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:19px;height:19px;border:1px solid color-mix(in srgb,var(--cyan) 38%,#506574);border-radius:6px;background:linear-gradient(140deg,hsl(from #12353e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #0a1c24 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));font:12px/1 sans-serif;box-shadow:inset 0 1px #ffffff45,0 2px 5px #0009;transition:transform .16s,filter .16s}
.ec-tiny-icon::after{content:"✦";position:absolute;right:-4px;top:-5px;color:#ffd481;font:8px sans-serif;text-shadow:0 1px 3px #000a}
.ec-icon-free{background:linear-gradient(140deg,#35406b,#161d3a)}
.ec-icon-issue{background:linear-gradient(140deg,#5a4a2c,#2a2213)}
.ec-icon-humor{background:linear-gradient(140deg,#5d3f62,#2b192d)}
.ec-icon-ai-it{background:linear-gradient(140deg,#293c66,#122042)}
.ec-icon-game{background:linear-gradient(140deg,#4a3068,#1d1435)}
.ec-icon-sports{background:linear-gradient(140deg,#2c5a3c,#12301d)}
.ec-icon-money{background:linear-gradient(140deg,#5e5226,#2c2610)}
.ec-icon-relationship{background:linear-gradient(140deg,#60384f,#2d1728)}
.ec-icon-travel{background:linear-gradient(140deg,#605136,#2b291b)}
.ec-icon-hobby{background:linear-gradient(140deg,hsl(from #3c5b57 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #17332f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
.mb-links{display:grid;gap:2px}
.mb-links a,.mb-board-row>a{display:flex;align-items:center;gap:7px;padding:3px 2px;font-size:11px;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:3px;min-width:0}
.mb-links a:hover,.mb-board-row:hover{background:hsl(from #073137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mb-links a:hover .ec-tiny-icon,.mb-board-row:hover .ec-tiny-icon{transform:rotate(-8deg) scale(1.12);filter:saturate(1.35)}
.mb-h3{display:flex;justify-content:space-between;align-items:center;margin:9px 0 4px;padding-top:8px;border-top:1px solid hsl(from #24454c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;font-weight:700;color:hsl(from #b9e4ee calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mb-h3 a{color:hsl(from #b9e4ee calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mb-h3 a:hover{color:var(--cyan)}
.mb-h3 small{font-size:10px;color:var(--cyan)}
.mb-empty{margin:0;padding:4px 2px;color:hsl(from #8aa7b2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10px;line-height:1.7}
.mb-board-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 3px;font-size:11px;border-radius:3px}
.mb-board-row>a{padding:1px 0;overflow:hidden}
.mb-board-row>a{white-space:nowrap;text-overflow:ellipsis}
.mb-board-row button{background:none;border:0;color:var(--cyan);font-size:15px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}
.mb-board-row button[aria-pressed="true"]{color:var(--gold)}
.mb-mini-list{list-style:none;margin:2px 0;padding:0}
.mb-mini-list li{padding:2px 3px;font-size:10.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mb-mini-list li::before{content:"› ";color:var(--cyan)}
.mb-mini-list a{color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mb-mini-list a:hover{color:var(--cyan)}
.mb-tags{display:flex;flex-wrap:wrap;gap:4px;padding:3px 0}
.mb-tag{font-size:10px;color:#9cc;border:1px solid hsl(from #2d6266 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:10px;padding:1px 7px}
.mb-tag:hover{color:var(--cyan);border-color:var(--cyan)}
.mb-ranks{margin:3px 0;padding:0;list-style:none}
.mb-ranks li{display:flex;align-items:center;gap:7px;padding:3px;border-bottom:1px solid hsl(from #17383e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10px;min-width:0}
.mb-ranks b{color:var(--cyan);font-size:11px;font-weight:700;width:10px;flex-shrink:0}
.mb-ranks a{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mb-ranks a:hover{color:var(--cyan)}
.mb-shortcuts{margin-top:9px;border-top:1px solid hsl(from #24454c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding-top:8px}
.mb-shortcuts summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:hsl(from #b9e4ee calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;font-weight:700;list-style:none}
.mb-shortcuts summary::-webkit-details-marker{display:none}
.mb-shortcuts summary small{color:var(--cyan);font-size:10px;font-weight:400}
.mb-shortcuts[open] summary{margin-bottom:6px}
.mb-shortcuts[open] summary small{font-size:0}
.mb-shortcuts[open] summary small::after{content:"접기 ▴";font-size:10px}
.mb-shortcuts summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.mb-more{display:block;width:100%;text-align:right;font-size:11px;padding:8px 2px 0;color:var(--cyan);background:none;border:0;cursor:pointer}
.mb-more:hover{text-decoration:underline}
.mobile-menu-my .mb-panel{padding:0}
/* ---- 마이페이지 추가 화면 (스크랩·구독 태그·신고 현황·소명) ---- */
.my-tag-grid{display:flex;flex-wrap:wrap;gap:7px;padding:12px}
.my-tag-grid .eoc-empty{width:100%}
.my-tag-chip{display:inline-flex;align-items:center;border:1px solid hsl(from #2d6266 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:14px;overflow:hidden;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.my-tag-name{background:none;border:0;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;padding:5px 4px 5px 11px;cursor:pointer}
.my-tag-name:hover{color:var(--cyan)}
.my-tag-x{background:none;border:0;color:var(--muted);font-size:14px;padding:3px 9px 3px 5px;cursor:pointer}
.my-tag-x:hover{color:var(--red)}
.st-received{color:var(--cyan)}
.st-blinded{color:var(--gold)}
.st-deleted{color:var(--red)}
.st-ok{color:var(--green)}
.posts-panel tr.appeal-row td{white-space:normal;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:10px 12px}
.posts-panel tr.appeal-row:hover{background:none}
.appeal-count{margin-right:auto;align-self:center;font-size:10px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){
  .ec-tiny-icon,.mb-title button:hover{transition:none}
  .mb-links a:hover .ec-tiny-icon,.mb-board-row:hover .ec-tiny-icon{transform:none}
}
/* ---- 관리자: 신고·소명 검토 (AdminModerationPanel) ---- */
.moderation-wrap{display:flex;flex-direction:column;gap:6px;padding:0 7px 30px}
.mod-entry{padding-bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mod-entry .write-btn{margin-left:0}
.mod-badge{display:inline-block;margin-left:5px;min-width:16px;padding:0 5px;border-radius:8px;background:var(--red);color:#fff;font-size:9.5px;line-height:15px;text-align:center}
.mod-filters{display:flex;gap:4px;margin-left:auto;padding:6px 0}
.mod-filters button{background:none;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:12px;padding:3px 10px;font-size:10.5px;cursor:pointer}
.mod-filters button:hover{color:var(--cyan)}
.mod-filters button.active{border-color:var(--cyan);color:var(--cyan);background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.posts-panel .mod-table{min-width:900px}
.mod-table td:nth-child(3){width:34%}
.mod-table td.mod-num{color:var(--gold);font-weight:700;text-align:center}
.mod-table td.mod-num.hot{color:var(--red)}
.mod-table td.mod-reason{max-width:260px;overflow:hidden;text-overflow:ellipsis;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mod-table tr.open{background:hsl(from #062a2f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.mod-open{margin-left:8px}
.mod-sub{display:block;color:var(--muted);font-size:9.5px}
.mod-blind{color:var(--gold)!important}
.mod-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.mod-review b{display:block;color:var(--cyan);font-size:11px;margin-bottom:6px}
.mod-review-reason p{margin:0 0 8px;padding:10px 12px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--text);font-size:12px;line-height:1.7;white-space:pre-wrap;max-height:220px;overflow:auto}
.mod-review-form{display:flex;flex-direction:column;gap:8px}
.mod-review-form .write-textarea{font-size:12px;padding:8px 10px}
.mod-check{display:flex;align-items:center;gap:6px;font-size:11.5px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer}
.mod-check input{accent-color:var(--cyan)}
.mod-reject:hover{border-color:var(--red)!important;color:var(--red)!important}
.posts-panel tr.mod-note-row td{white-space:normal;color:var(--muted);font-size:10px;padding-top:0;padding-left:24px}
@media (max-width:780px){.mod-review{grid-template-columns:1fr}.mod-filters{margin-left:0;padding-left:8px}}
/* ---- 05. LIVE_DISCUSSION / 06. WATCHING_NOW (핫한 순 · 많이 보는 순) ---- */
.hot-panel .panel-title{height:34px;font-size:13px;white-space:nowrap}
.hot-panel .panel-title>span>svg+*{min-width:0}
.hot-panel .panel-title>span{display:flex;align-items:center;gap:4px;font-size:10.5px;min-width:0;overflow:hidden}
.hot-panel .panel-title>span.hot-label{color:var(--red);font-weight:700}
.hot-panel .panel-title>span.watch-label{color:hsl(from #a2b8bc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.hot-label-icon{width:13px;height:13px;fill:var(--red);flex-shrink:0}
.watch-person{width:13px;height:13px;fill:var(--cyan);flex-shrink:0}
.hot-panel ol{padding:3px 11px 7px}
.compact.hot-panel li{font-size:12px;padding:7px 0;gap:8px}
.hot-panel li>span{color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.hot-panel li.clickable:hover>span{color:var(--cyan)}
.live.hot-panel li{grid-template-columns:16px minmax(0,1fr) auto auto}
.hot-fire{font-style:normal;font-size:13px;line-height:1}
.live.hot-panel em{color:hsl(from #86a1a5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;white-space:nowrap}
.live.hot-panel .hot-count{color:var(--red);font-weight:800;font-size:11.5px;white-space:nowrap;min-width:36px;text-align:right}
.watching.hot-panel li{grid-template-columns:14px 34px minmax(0,1fr)}
.watching.hot-panel li .watch-person{width:14px;height:14px}
.watching.hot-panel .watch-count{color:var(--cyan);font-weight:800;font-size:13px;text-align:right}
/* ---- 마이페이지 알림 스위치 ---- */
.my-notify-toggles{display:flex;flex-direction:column;gap:6px;padding:4px 0}
.my-switch{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:2px 0;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;cursor:pointer;text-align:left}
.my-switch i{position:relative;flex-shrink:0;width:32px;height:17px;border-radius:9px;background:hsl(from #0b2a2f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);transition:background .15s,border-color .15s}
.my-switch i::after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:hsl(from #78969a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);transition:transform .15s,background .15s}
.my-switch.on{color:var(--text)}
.my-switch.on i{background:hsl(from #063a3f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-color:var(--cyan)}
.my-switch.on i::after{transform:translateX(15px);background:var(--cyan);box-shadow:0 0 6px rgb(from var(--cyan) r g b / 0.667)}
.my-switch:disabled{opacity:.55;cursor:default}
@media (prefers-reduced-motion:reduce){.my-switch i,.my-switch i::after{transition:none}}

/* ---- 마이페이지 프로필 사진 업로드 ---- */
.my-avatar-wrap{position:relative;display:inline-block}
.my-avatar-wrap.busy .my-avatar img{opacity:.55}
.my-avatar-wrap.busy .my-avatar{animation:eoc-avatar-pulse 1s ease-in-out infinite}
@keyframes eoc-avatar-pulse{50%{box-shadow:0 0 22px rgb(from var(--cyan) r g b / 0.467)}}
.my-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;border:1px solid var(--cyan);background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 2px 8px #000a;font:12px/1 sans-serif;display:grid;place-items:center;cursor:pointer;opacity:.85;transition:transform .15s,opacity .15s}
.my-avatar-wrap:hover .my-avatar-edit,.my-avatar-edit:focus-visible{opacity:1;transform:scale(1.1)}
.my-avatar-edit:disabled{cursor:default;transform:none}
.my-avatar-del{background:none;border:0;padding:0;color:var(--muted);font-size:10.5px;cursor:pointer;text-decoration:underline}
.my-avatar-del:hover{color:var(--red)}
.hdr-avatar{overflow:hidden}
.hdr-avatar.has-img{padding:0}
.hdr-avatar img{width:100%;height:100%;object-fit:cover;display:block}
@media (prefers-reduced-motion:reduce){.my-avatar-wrap.busy .my-avatar{animation:none}.my-avatar-edit{transition:none}}

/* ---- 게시글·댓글 작성자 아바타 (UserAvatar) ---- */
.user-avatar{display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;overflow:hidden;border:1px solid color-mix(in srgb,var(--cyan) 45%,hsl(from #203b43 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));background:hsl(from #0b2a2f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #e6fbf9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:800;line-height:1;vertical-align:middle;box-shadow:inset 0 1px #ffffff25}
.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.user-avatar.anon{background:hsl(from #1a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-color:hsl(from #3a5a60 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-family:sans-serif}
.post-author{display:inline-flex;align-items:center;gap:7px}
.eosatom-comment-item-author{display:inline-flex;align-items:center;gap:7px}
.op-badge{font-style:normal;font-size:9.5px;font-weight:700;color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:var(--cyan);border-radius:3px;padding:1px 5px}

.eosatom-comment-item.is-pending{opacity:.55}
.eosatom-comment-item.is-pending .eosatom-comment-item-time{color:var(--cyan);animation:eoc-blink 1.05s steps(1) infinite}
@media (prefers-reduced-motion:reduce){.eosatom-comment-item.is-pending .eosatom-comment-item-time{animation:none}}

/* 글 수정·삭제 (작성자/관리자) */
.post-owner-actions{display:flex;margin-left:auto;border-left:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-owner-actions + .post-actions-list{margin-left:0}
.post-actions .post-owner-actions button.danger:hover{color:var(--red)}
.post-actions button:disabled{opacity:.5;cursor:default}
.write-state{grid-template-columns:minmax(0,1fr)}
.write-state-panel{max-width:640px;width:100%;margin:40px auto}
.write-state-msg{display:flex;flex-direction:column;gap:8px;padding:22px 16px 6px}
.write-state-msg b{color:var(--gold);font-size:15px}
.write-state-msg span{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:13px}
.write-state-msg .write-actions{padding:14px 0 0}

/* 갤러리형 게시판 카드 목록 — 칸 수·썸네일 비율은 게시판 설정(card_columns / thumbnail_ratio)을 따른다 */
.gallery-grid[class*="cols-"]{grid-template-columns:repeat(var(--gallery-cols),minmax(0,1fr))}
.gallery-grid .thumb{height:auto;aspect-ratio:4 / 3}
.thumb{position:relative}
.thumb-count{position:absolute;right:5px;bottom:5px;background:hsl(from rgb(2 16 19) calc(h + var(--acc-shift)) s l / .82);color:var(--cyan);font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.title-photo{color:var(--cyan);font-size:11px;margin-left:2px}

/* 익명 게시판 글쓰기 안내 */
.write-anon-banner{display:flex;gap:10px;align-items:baseline;margin:10px 12px 0;padding:9px 12px;border:1px solid rgba(255,200,61,.35);background:rgba(255,200,61,.06);border-radius:4px;font-size:12px;line-height:1.55}
.write-anon-banner b{color:var(--gold);white-space:nowrap}
.write-anon-banner span{color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.write-anon-banner em{font-style:normal;color:var(--gold);font-weight:700}

/* ===== 글쓰기 창 (NEW POST // WRITE MODE) ===== */
.eoc-wm-backdrop{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;overflow-y:auto;background:rgba(2,8,12,.55);-webkit-backdrop-filter:blur(7px) saturate(.85);backdrop-filter:blur(7px) saturate(.85);animation:wm-fade .18s ease-out}
@keyframes wm-fade{from{opacity:0}to{opacity:1}}
@keyframes wm-pop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.eoc-wm{position:relative;width:min(920px,100%);margin-bottom:4vh;background:linear-gradient(180deg,hsl(from rgb(4 21 27) calc(h + var(--acc-shift)) s l / .97),rgba(3,12,17,.97));border:1px solid hsl(from #1fe3d4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:10px;color:var(--text);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .2),0 0 26px rgb(from var(--cyan) r g b / .38),0 0 90px rgb(from var(--cyan) r g b / .12),inset 0 0 44px rgb(from var(--cyan) r g b / .05);animation:wm-pop .22s cubic-bezier(.2,.9,.3,1.15)}
.eoc-wm.is-full{position:fixed;inset:10px;width:auto;margin:0;overflow-y:auto}
.wm-corner{position:absolute;width:22px;height:22px;border:0 dotted var(--cyan);pointer-events:none;opacity:.9}
.wm-corner.tl{top:7px;left:7px;border-top-width:2px;border-left-width:2px}
.wm-corner.tr{top:7px;right:7px;border-top-width:2px;border-right-width:2px}
.wm-corner.bl{bottom:7px;left:7px;border-bottom-width:2px;border-left-width:2px}
.wm-corner.br{bottom:7px;right:7px;border-bottom-width:2px;border-right-width:2px}
.wm-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:20px 24px 15px;border-bottom:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-head-icon{width:42px;height:42px;display:grid;place-items:center;border:1.5px solid var(--cyan);border-radius:6px;color:var(--cyan);font-size:22px;box-shadow:0 0 12px rgb(from var(--cyan) r g b / .4),inset 0 0 8px rgb(from var(--cyan) r g b / .15)}
.wm-head h2{margin:0;font-size:24px;font-weight:900;letter-spacing:.4px;white-space:nowrap}
.wm-head h2 b{color:var(--cyan);text-shadow:0 0 12px rgb(from var(--cyan) r g b / .6)}
.wm-head h2 em{font-style:normal;color:#ff4fd8;text-shadow:0 0 12px rgba(255,79,216,.55)}
.wm-head-sub{margin:0;font-size:12px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm-head-sub span{color:var(--cyan);font-weight:700}
.wm-head-meta{display:grid;grid-template-columns:auto auto;gap:1px 12px;margin:0;padding-left:16px;border-left:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10.5px;font-family:var(--mono,monospace);line-height:1.5}
.wm-head-meta dt{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-head-meta dd{margin:0;color:var(--gold);font-weight:800;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm-close{width:40px;height:40px;border:1.5px solid var(--cyan);border-radius:6px;background:rgb(from var(--cyan) r g b / .04);color:var(--cyan);font-size:18px;cursor:pointer;transition:box-shadow .15s,background .15s}
.wm-close:hover{background:rgb(from var(--cyan) r g b / .12);box-shadow:0 0 14px rgb(from var(--cyan) r g b / .5)}
.wm-body{display:flex;flex-direction:column;gap:15px;padding:16px 24px 22px}
.wm-sec-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.wm-label{color:var(--cyan);font-weight:800;font-size:13px;letter-spacing:.4px;font-family:var(--mono,monospace)}
.wm-brand{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;font-family:var(--mono,monospace)}
.wm-brand i{color:#ff4fd8;font-style:normal}
.wm-count{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;font-family:var(--mono,monospace);white-space:nowrap}
.wm-board-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:stretch}
.wm-board-cur{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}
.wm-board-box{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:11px 42px 11px 16px;border:1px solid var(--cyan);border-radius:5px;background:rgb(from var(--cyan) r g b / .03);cursor:pointer;box-shadow:inset 0 0 12px rgb(from var(--cyan) r g b / .06)}
.wm-board-box b{font-size:15px;white-space:nowrap}
.wm-board-box span{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm-board-box i{position:absolute;right:15px;color:var(--cyan);font-style:normal}
.wm-board-box select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.wm-board-box.is-fixed{cursor:default;border-color:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-board-box.is-fixed select{cursor:default}
.wm-board-box.is-fixed i{display:none}
.wm-anon{margin-top:8px;padding:8px 12px;border:1px solid rgba(255,200,61,.35);background:rgba(255,200,61,.06);border-radius:4px;font-size:12px;color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);line-height:1.55}
.wm-anon b,.wm-anon em{color:var(--gold);font-style:normal}
.wm-input{width:100%;box-sizing:border-box;padding:12px 16px;background:rgb(from var(--cyan) r g b / .02);border:1px solid hsl(from #1fb5ab calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px;color:var(--text);font:inherit;font-size:14px;outline:none;transition:box-shadow .15s,border-color .15s}
.wm-input::placeholder{color:hsl(from #557478 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgb(from var(--cyan) r g b / .16),0 0 14px rgb(from var(--cyan) r g b / .2)}
.wm-modes{display:flex;align-items:center;gap:9px;font-size:12px}
.wm-modes button{background:none;border:0;padding:0;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;cursor:pointer}
.wm-modes button:hover,.wm-modes button.is-on{color:var(--cyan)}
.wm-modes button.is-on{font-weight:800}
.wm-modes i{color:hsl(from #34585c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal}
.wm-q{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:2px;border:1px solid currentColor;border-radius:50%;font-size:10px}
.wm-help{display:flex;flex-direction:column;gap:5px;margin-bottom:8px;padding:10px 12px;border:1px dashed hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px;font-size:12px;color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);line-height:1.6}
.wm-help b{color:var(--cyan);margin-right:4px}
.wm-help code{background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #7ff5ea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:0 4px;border-radius:3px}
.wm-editor{border:1px solid hsl(from #1fb5ab calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px;background:rgba(0,0,0,.2)}
.wm-editor:focus-within{border-color:var(--cyan);box-shadow:0 0 14px rgb(from var(--cyan) r g b / .18)}
.wm-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-toolbar-more{background:rgb(from var(--cyan) r g b / .03)}
.wm-tool{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px;background:none;border:1px solid transparent;border-radius:4px;color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap}
.wm-tool:hover:not(:disabled){border-color:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--cyan);background:rgb(from var(--cyan) r g b / .06)}
.wm-tool.is-on{color:var(--cyan);background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-color:hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-tool:disabled{opacity:.4;cursor:default}
.wm-tool b,.wm-tool i,.wm-tool u,.wm-tool s{font-size:14px}
.wm-sep{width:1px;height:18px;margin:0 4px;background:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-full{margin-left:auto}
.wm-emoji-wrap{position:relative;display:inline-flex}
.wm-emoji-pop{position:absolute;top:34px;left:0;z-index:5;display:grid;grid-template-columns:repeat(8,32px);gap:2px;padding:8px;background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--cyan);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 16px rgb(from var(--cyan) r g b / .25)}
.wm-emoji-pop button{width:32px;height:32px;padding:0;background:none;border:0;border-radius:4px;font-size:18px;cursor:pointer}
.wm-emoji-pop button:hover{background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.wm-editor-area{position:relative}
.wm-hidden{display:none}
.wm-editor-loading{padding:44px 18px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-family:var(--mono,monospace);font-size:12.5px}
.wm-blink{animation:eoc-blink 1.05s steps(1) infinite}
.wm-fallback-note{padding:8px 14px;border-bottom:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--gold);font-size:12px}
.wm-textarea{display:block;width:100%;box-sizing:border-box;min-height:260px;max-height:48vh;padding:14px 18px 30px;resize:vertical;background:transparent;border:0;outline:none;color:var(--text);font:inherit;font-size:14px;line-height:1.7}
.wm-textarea.wm-md{font-family:var(--mono,monospace);font-size:13px}
.wm-preview{max-height:52vh;overflow:auto;padding:16px 20px 32px}
.wm-preview .post-title{margin:0 0 10px;font-size:20px}
.wm-len{position:absolute;right:12px;bottom:8px;font-size:11px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-family:var(--mono,monospace);pointer-events:none}
.wm-len.over{color:var(--red)}
.eoc-wm.is-full .wm-textarea,.eoc-wm.is-full .wm-preview{max-height:none;min-height:56vh}
/* CKEditor 편집 영역 — 이 창 안에서는 CKEditor 기본 툴바 대신 위의 사이버 툴바를 쓴다 */
.eoc-wm .ck.ck-editor__top{display:none}
.eoc-wm .ck.ck-editor__main>.ck-editor__editable{min-height:240px;max-height:48vh;padding:12px 18px 30px;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--text);font-size:14px;line-height:1.75}
.eoc-wm.is-full .ck.ck-editor__main>.ck-editor__editable{max-height:none;min-height:56vh}
.eoc-wm .ck.ck-editor__editable p{margin:0 0 .7em}
.eoc-wm .ck.ck-editor__editable .ck-placeholder::before{color:hsl(from #557478 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)!important;white-space:pre-line}
.eoc-wm .ck-content a{color:var(--cyan)}
.eoc-wm .ck-content blockquote{border-left:3px solid var(--cyan);margin:0 0 12px;padding:4px 12px;color:hsl(from #9cbfc4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal;background:rgb(from var(--cyan) r g b / .03)}
.eoc-wm .ck-content code{background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #7ff5ea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:1px 5px;border-radius:3px}
.eoc-wm .ck-content pre{background:hsl(from #020c0f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px}
.eoc-wm .ck-content .table table,.eoc-wm .ck-content .table td,.eoc-wm .ck-content .table th{border-color:hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eoc-wm .ck-content .table th{background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eoc-wm .ck-content .media{margin:10px 0}
.wm-photos{margin-top:10px}
.wm-tag-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.wm-tag-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:22px;margin-top:8px}
.wm-chips{display:flex;flex-wrap:wrap;gap:6px}
.wm-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 10px;border:1px solid hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:999px;background:rgb(from var(--cyan) r g b / .06);color:var(--cyan);font-size:12px}
.wm-chip button{padding:0 2px;background:none;border:0;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:14px;line-height:1;cursor:pointer}
.wm-chip button:hover{color:var(--red)}
.wm-error{padding:9px 12px;border:1px solid rgba(255,93,101,.4);background:rgba(255,93,101,.07);border-radius:4px;color:var(--red);font-size:12.5px}
.wm-draft{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;border:1px dashed rgba(255,200,61,.6);border-radius:5px;background:rgba(255,200,61,.05);color:#e8d9a6;font-size:12.5px}
.wm-draft span{flex:1;min-width:200px}
.wm-draft button{padding:4px 10px;background:none;border:1px solid rgba(255,200,61,.5);border-radius:4px;color:var(--gold);font:inherit;font-size:12px;cursor:pointer}
.wm-draft button:hover{background:rgba(255,200,61,.1)}
.wm-foot{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:stretch;margin-top:2px}
.wm-tips{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:start;padding:11px 14px;border:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:6px;background:rgb(from var(--cyan) r g b / .02);color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;line-height:1.65}
.wm-tips b,.wm-tips-ico{color:var(--cyan)}
.wm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border:1px solid var(--cyan);border-radius:6px;background:rgb(from var(--cyan) r g b / .04);color:hsl(from #e7f6f5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:14.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:box-shadow .15s,background .15s,filter .15s}
.wm-btn:hover:not(:disabled){background:rgb(from var(--cyan) r g b / .1);box-shadow:0 0 14px rgb(from var(--cyan) r g b / .35)}
.wm-btn:disabled{opacity:.55;cursor:default}
.wm-btn.is-on{background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--cyan)}
.wm-add{min-height:0;padding:0 18px;font-size:13px}
.wm-ghost{min-width:124px}
.wm-publish{min-width:168px;border:0;color:#fff;font-size:16px;background:linear-gradient(135deg,#ff4fd8 0%,#e14bf0 45%,#b04bff 100%);box-shadow:0 0 18px rgba(255,79,216,.55),0 0 46px rgba(176,75,255,.25)}
.wm-publish:hover:not(:disabled){filter:brightness(1.12);background:linear-gradient(135deg,#ff4fd8 0%,#e14bf0 45%,#b04bff 100%);box-shadow:0 0 24px rgba(255,79,216,.75),0 0 60px rgba(176,75,255,.35)}
.wm-toast{position:absolute;left:50%;bottom:18px;z-index:3;transform:translateX(-50%);padding:7px 14px;background:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--green);border-radius:4px;color:var(--green);font-size:12px;font-weight:700;white-space:nowrap}
.wm-state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:40px 24px}
.wm-state b{color:var(--gold);font-size:15px}
.wm-state span{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:13px}
.write-page-bg{min-height:70vh}
/* CKEditor 말풍선·드롭다운(링크, 표, 이미지 도구)은 body 에 붙으므로 변수로 어둡게 맞추고 창보다 위에 띄운다 */
html:root{--ck-z-default:10050;--ck-z-panel:11050;--ck-color-base-background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-base-foreground:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-base-border:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-text:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-focus-border:var(--cyan);--ck-color-shadow-drop:rgba(0,0,0,.5);--ck-color-shadow-inner:rgba(0,0,0,.3);--ck-color-panel-background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-panel-border:hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-toolbar-background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-toolbar-border:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-default-background:transparent;--ck-color-button-default-hover-background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-default-active-background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-on-background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-on-hover-background:hsl(from #0a3a40 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-on-color:var(--cyan);--ck-color-input-background:hsl(from #03161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-input-border:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-input-text:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-labeled-field-label-background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-dropdown-panel-background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-dropdown-panel-border:hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-button-hover-background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-button-on-background:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-button-on-background-focus:hsl(from #063137 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-button-on-text:var(--cyan);--ck-color-link-default:var(--cyan);--ck-color-widget-hover-border:hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-widget-blurred-border:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-widget-type-around-button-active:var(--cyan);--ck-color-tooltip-background:var(--cyan);--ck-color-tooltip-text:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-image-caption-background:transparent;--ck-color-image-caption-text:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-table-focused-cell-background:rgb(from var(--cyan) r g b / .08);--ck-color-engine-placeholder-text:hsl(from #557478 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-switch-button-off-background:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-switch-button-on-background:hsl(from #00b5a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
/* 글 본문: CKEditor 가 만든 서식 */
.post-view-content strong,.post-view-content b{font-weight:800;color:hsl(from #f2fffe calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-view-content h2,.post-view-content h3,.post-view-content h4{margin:1.1em 0 .5em;line-height:1.35;color:hsl(from #eaf8f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-view-content h2{font-size:1.45em}.post-view-content h3{font-size:1.25em}.post-view-content h4{font-size:1.1em}
.post-view-content ul,.post-view-content ol{padding-left:1.5em;margin:0 0 12px}
.post-view-content hr{border:0;border-top:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin:16px 0}
.post-view-content figure{margin:12px 0}
.post-view-content figure.image{display:table;clear:both;text-align:center;margin:12px auto}
.post-view-content figure.image img{display:block;max-width:100%;margin:0 auto}
.post-view-content figure.image>figcaption{display:table-caption;caption-side:bottom;padding:6px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px}
.post-view-content .image-style-align-left{float:left;margin:4px 16px 8px 0}
.post-view-content .image-style-align-right{float:right;margin:4px 0 8px 16px}
.post-view-content .image-style-align-center{margin-left:auto;margin-right:auto}
.post-view-content .image_resized{max-width:100%}
.post-view-content .image_resized img{width:100%}
.post-view-content figure.table{display:table;margin:12px 0}
.post-view-content table{border-collapse:collapse}
.post-view-content td,.post-view-content th{border:1px solid hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:6px 10px}
.post-view-content th{background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.post-view-content .media-embed{position:relative;width:100%;max-width:720px;aspect-ratio:16 / 9;margin:12px 0;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:6px;overflow:hidden;background:#000}
.post-view-content .media-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.post-view-content .media-embed a{display:block;padding:12px;color:var(--cyan)}
.post-view-content::after{content:"";display:table;clear:both}
.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.post-tags a{padding:3px 10px;border:1px solid hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:999px;background:rgb(from var(--cyan) r g b / .06);color:var(--cyan);font-size:12px;text-decoration:none}
.post-tags a:hover{background:rgb(from var(--cyan) r g b / .14)}

/* ===== BOARD ROOM (상단 메뉴 = 방) ===== */
.room{--ra:var(--room-accent,var(--cyan));position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:6px;padding:0 7px 8px}
.room-main{min-width:0;display:flex;flex-direction:column;gap:7px}
.room-main>*{min-width:0}
/* GLOBAL RAIL */
.room-rail{position:sticky;top:6px;align-self:start;display:flex;flex-direction:column;gap:3px;padding:8px 5px;border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(180deg,hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));min-height:560px;z-index:20}
.rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px 8px;border:1px solid transparent;border-radius:6px;color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;font-size:11.5px;line-height:1.2;text-align:center;transition:background .15s,color .15s}
.rail-item svg{color:hsl(from #e2f5f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.rail-item:hover{background:rgb(from var(--cyan) r g b / .06);color:var(--ra)}
.rail-item:hover svg{color:var(--ra)}
.rail-item.is-active{border-color:var(--ra);background:color-mix(in srgb,var(--ra) 14%,transparent);color:var(--ra);box-shadow:0 0 12px color-mix(in srgb,var(--ra) 30%,transparent),inset 0 0 10px color-mix(in srgb,var(--ra) 12%,transparent)}
.rail-item.is-active svg{color:var(--ra)}
.rail-item.gold svg{color:var(--gold)}
.rail-item.is-open{background:rgb(from var(--cyan) r g b / .08)}
.rail-item span:empty{display:none}
.rail-flyout{position:absolute;left:calc(100% + 8px);top:auto;bottom:10px;width:240px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:10px;background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--ra);border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.6),0 0 16px color-mix(in srgb,var(--ra) 25%,transparent);z-index:40}
.rail-flyout h4{margin:0 0 6px;color:var(--ra);font-size:12px;letter-spacing:.5px}
.rail-flyout a{padding:7px 8px;border-radius:4px;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;font-size:13px}
.rail-flyout a:hover,.rail-flyout a.is-active{background:hsl(from #0a2a30 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--ra)}
.rail-flyout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.rail-flyout-empty{margin:4px 0;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12px;line-height:1.55}
.rail-flyout .rail-flyout-cta{margin-top:6px;text-align:center;border:1px solid var(--ra);color:var(--ra)}
/* BOARD IDENTITY */
.room-id{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art text stats" "art text quote";column-gap:22px;row-gap:12px;align-items:start;padding:10px 18px 10px 10px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(120% 140% at 0 0,color-mix(in srgb,var(--ra) 10%,transparent),transparent 55%),linear-gradient(180deg,hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
.room-banner-art{grid-area:art;display:block;width:clamp(210px,17vw,280px);height:auto;aspect-ratio:280 / 150;border-radius:4px}
.rb-led{animation:rb-blink 2.4s steps(1) infinite}
.rb-led-1{animation-delay:.4s}.rb-led-2{animation-delay:.9s;animation-duration:1.7s}.rb-led-3{animation-delay:1.3s}.rb-led-4{animation-duration:3.1s}
@keyframes rb-blink{0%,100%{opacity:1}45%{opacity:.25}}
.room-id-text{grid-area:text;align-self:center;min-width:0;padding-left:22px;border-left:1px solid color-mix(in srgb,var(--ra) 40%,transparent)}
.room-id-text h1{margin:0;font-size:clamp(26px,2.4vw,36px);font-weight:900;letter-spacing:1px;color:hsl(from #f2fffe calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-shadow:0 0 16px color-mix(in srgb,var(--ra) 35%,transparent);white-space:nowrap}
.room-id-text h1 small{margin-left:14px;font-size:12.5px;font-weight:700;letter-spacing:0;color:var(--ra);text-shadow:none;vertical-align:middle}
.room-id-text h1 small i{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal;margin:0 6px}
.room-tagline{margin:10px 0 2px;font-size:15px;color:hsl(from #e7f6f5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-desc{margin:0;font-size:14px;color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-signature{margin:12px 0 0;color:var(--ra);font-weight:800;font-size:14px;letter-spacing:.6px}
.room-stats{grid-area:stats;display:flex;align-items:stretch;padding-top:14px}
.room-stat{display:flex;align-items:center;gap:10px;padding:2px 18px;border-left:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap}
.room-stat small{display:block;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10.5px;letter-spacing:.6px}
.room-stat b{display:block;font-size:19px;color:var(--ra);font-weight:800;line-height:1.3}
.room-stat-ico{color:var(--ra);font-size:20px}
.room-dot{width:11px;height:11px;border-radius:50%;background:#35e29a;box-shadow:0 0 8px #35e29a;animation:room-pulse 2s ease-in-out infinite}
@keyframes room-pulse{50%{box-shadow:0 0 2px #35e29a;opacity:.7}}
.room-toptags{flex-direction:column;align-items:flex-start;gap:4px}
.room-toptags>div{display:flex;align-items:center;gap:10px}
.room-toptags button{padding:0;background:none;border:0;color:var(--ra);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.room-toptags button.is-on{text-decoration:underline;text-underline-offset:4px}
.room-toptags .room-plus{color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:16px}
.room-quote{grid-area:quote;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;margin:0;color:hsl(from #e7f6f5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:14.5px;line-height:1.55}
.room-quote cite{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;font-style:normal;margin-top:2px}
/* HOT IN THIS ROOM */
.room-hot{display:flex;align-items:center;gap:18px;min-height:40px;padding:0 14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(90deg,color-mix(in srgb,var(--ra) 7%,transparent),transparent 40%),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-hot-label{color:var(--ra);font-weight:800;white-space:nowrap;font-size:13.5px;padding-right:16px;border-right:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-hot-label i{font-style:normal;margin-left:8px}
.room-hot-items{display:flex;gap:30px;flex:1;min-width:0;overflow:hidden}
.room-hot-items a{display:flex;align-items:center;gap:9px;min-width:0;color:hsl(from #e7f6f5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;white-space:nowrap;font-size:13.5px}
.room-hot-items a:hover span{color:var(--ra)}
.room-hot-items b{color:var(--ra);font-size:15px}
.room-hot-items span{overflow:hidden;text-overflow:ellipsis;max-width:300px}
.room-hot-items em{font-style:normal;color:hsl(from #557478 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-hot-items em.up{color:var(--red)}
.room-hot-empty{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-clock{margin-left:auto;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;white-space:nowrap}
.room-clock b{margin-left:8px;color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:600;font-size:12px}
/* 방 안 검색·태그 */
.room-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.room-search{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border:1px solid color-mix(in srgb,var(--ra) 55%,hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));border-radius:6px;background:hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-search:focus-within{border-color:var(--ra);box-shadow:0 0 12px color-mix(in srgb,var(--ra) 22%,transparent)}
.room-search-ico{color:var(--ra);font-size:20px}
.room-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:14px}
.room-search input::placeholder{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-search-scope{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px;white-space:nowrap}
.room-search-clear,.room-search-global{background:none;border:0;color:var(--ra);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;text-decoration:none}
.room-search-clear{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.room-tags button{padding:7px 13px;border:1px solid hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:rgb(from var(--cyan) r g b / .04);color:var(--ra);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.room-tags button:hover{background:rgb(from var(--cyan) r g b / .1)}
.room-tags button.is-on{background:var(--ra);border-color:var(--ra);color:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-tags .room-plus{color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:7px 11px}
/* 탭 */
.room-tabs{display:flex;align-items:center;gap:12px}
.room-tab-list{display:flex;gap:3px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}
.room-tab-list button{min-width:92px;height:38px;padding:0 16px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:3px;background:rgb(from var(--cyan) r g b / .02);color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:13.5px;cursor:pointer;white-space:nowrap}
.room-tab-list button:hover{border-color:var(--ra);color:var(--ra)}
.room-tab-list button.is-on{background:var(--ra);border-color:var(--ra);color:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:900;box-shadow:0 0 12px color-mix(in srgb,var(--ra) 35%,transparent)}
.room-write{flex:none;height:40px;padding:0 24px;border:0;border-radius:4px;background:var(--ra);color:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb,var(--ra) 40%,transparent)}
.room-write:hover{filter:brightness(1.1)}
.room-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:7px 12px;border:1px dashed hsl(from #1d6f6a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12.5px}
.room-filter b{color:var(--ra)}
.room-filter-count{margin-left:auto}
.room-filter button{background:none;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12px;padding:3px 9px;cursor:pointer}
/* 목록 */
.room-list{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(180deg,hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));overflow:hidden}
.room-table{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}
.room-table th{height:36px;padding:0 10px;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:600;font-size:12.5px;text-align:left}
.room-table td{height:33px;padding:0 10px;border-bottom:1px solid hsl(from rgb(29 78 83) calc(h + var(--acc-shift)) s l / .45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-table .c-no{width:74px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-table .c-cat{width:118px}
.room-table .c-author{width:120px;color:var(--ra)}
.room-table .c-date{width:96px;color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-table .c-num{width:64px;text-align:right}
.room-table th.c-num{text-align:right}
.room-table .c-act{width:62px;text-align:center;overflow:visible}
.room-row{cursor:pointer}
.room-row:hover td{background:rgb(from var(--cyan) r g b / .05)}
.room-row:hover .c-title a{color:var(--ra)}
.room-row .c-title a{color:hsl(from #eaf8f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none}
.room-cc{margin-left:6px;color:var(--ra);font-style:normal;font-size:12px}
.room-meta-m{display:none}
.room-cat{padding:0;background:none;border:0;font:inherit;cursor:pointer;color:var(--ra)}
.room-cat.tone-1{color:var(--violet)}.room-cat.tone-2{color:#5ab0ff}.room-cat.tone-3{color:var(--green)}.room-cat.tone-4{color:var(--gold)}.room-cat.tone-5{color:#ff7ad9}
.room-cat:hover{text-decoration:underline}
.room-row.is-notice td{background:rgba(255,93,101,.035)}
.room-notice-tag{color:var(--red);font-weight:800}
.notice-ico{font-size:14px}
.room-welcome td{height:40px;background:color-mix(in srgb,var(--ra) 6%,transparent);border-top:1px solid color-mix(in srgb,var(--ra) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ra) 35%,transparent)}
.room-welcome .wb{display:flex;align-items:center;gap:12px;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:13px}
.room-welcome .wb-ico{color:var(--ra);font-size:17px}
.room-welcome b{color:var(--ra);letter-spacing:.6px}
.room-welcome i{color:hsl(from #34585c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal}
.room-welcome strong{color:var(--ra);font-size:15px}
.room-welcome .wb-line{flex:1;border-top:1px dashed color-mix(in srgb,var(--ra) 45%,transparent)}
.room-welcome button{background:none;border:0;color:var(--ra);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;letter-spacing:.4px}
.room-lastvisit td{position:relative;height:26px;text-align:center;overflow:visible}
.room-lastvisit td::before{content:"";position:absolute;left:12px;right:12px;top:50%;border-top:1px dashed rgba(255,200,61,.55)}
.room-lastvisit span{position:relative;padding:0 12px;background:hsl(from #051418 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:1px}
/* 활동 막대 */
.act{position:relative;display:inline-flex;align-items:flex-end;gap:2px;height:15px;cursor:help;outline:none}
.act i{width:3px;border-radius:1px;background:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.act i:nth-child(1){height:4px}.act i:nth-child(2){height:7px}.act i:nth-child(3){height:11px}.act i:nth-child(4){height:15px}
.act-1 i:nth-child(-n+2){background:color-mix(in srgb,var(--ra) 70%,hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
.act-2 i:nth-child(-n+3){background:var(--ra)}
.act-3 i{background:var(--gold);box-shadow:0 0 5px rgba(255,200,61,.6)}
.act-tip{display:none;position:absolute;right:-6px;bottom:calc(100% + 8px);z-index:10;flex-direction:column;gap:2px;min-width:130px;padding:8px 10px;background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--ra);border-radius:5px;box-shadow:0 8px 22px rgba(0,0,0,.55);color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px;text-align:left;white-space:nowrap}
.act-tip b{color:var(--ra);margin-bottom:2px}
.act:hover .act-tip,.act:focus .act-tip{display:flex}
.room-row:last-child .act-tip,.room-row:nth-last-child(2) .act-tip{bottom:calc(100% + 8px)}
.room-pages{display:flex;justify-content:center;align-items:center;gap:4px;padding:10px}
.room-pages button{min-width:32px;height:30px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:none;color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;cursor:pointer}
.room-pages button.is-on{background:var(--ra);border-color:var(--ra);color:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:800}
.room-pages button:disabled{opacity:.35;cursor:default}
.room-pages span{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
/* CONTEXT 서랍 */
.room-context-tab{position:fixed;right:0;top:50%;z-index:60;transform:translateY(-50%);display:flex;align-items:center;gap:6px;padding:14px 7px;writing-mode:vertical-rl;border:1px solid var(--ra);border-right:0;border-radius:8px 0 0 8px;background:hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--ra);font:inherit;font-size:11.5px;font-weight:800;letter-spacing:2px;cursor:pointer;box-shadow:0 0 12px color-mix(in srgb,var(--ra) 25%,transparent);transition:right .22s}
.room-context-tab.is-open{right:320px}
.room-context{position:fixed;top:0;right:0;bottom:0;z-index:70;width:320px;padding:14px 16px 20px;overflow-y:auto;background:linear-gradient(180deg,hsl(from #06181d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #030d10 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));border-left:1px solid var(--ra);box-shadow:-10px 0 30px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .22s;visibility:hidden}
.room-context.is-open{transform:none;visibility:visible}
.room-context-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--ra);font-weight:900;letter-spacing:.6px}
.room-context-head button{background:none;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);cursor:pointer;width:28px;height:28px}
.room-context h4{margin:16px 0 6px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px;letter-spacing:1px}
.room-context-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
.room-context-stats div{padding:8px 10px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px}
.room-context-stats dt{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px}
.room-context-stats dd{margin:2px 0 0;color:var(--ra);font-size:17px;font-weight:800}
.room-context-boards{list-style:none;margin:0;padding:0}
.room-context-boards li{display:flex;justify-content:space-between;padding:6px 2px;border-bottom:1px solid hsl(from rgb(29 78 83) calc(h + var(--acc-shift)) s l / .45)}
.room-context-boards a,.room-context-hot a{color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none}
.room-context-boards a:hover,.room-context-hot a:hover{color:var(--ra)}
.room-context-boards b{color:var(--ra)}
.room-context-hot{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.room-context-hot li{color:var(--ra)}
.room-context-hot span{display:block;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11px}
/* 개별 게시판: 얇은 정체성 줄 */
.room-id.is-board{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tile text stats" "sib sib sib";align-items:center;padding:14px 18px;row-gap:12px}
.room-board-tile{grid-area:tile;width:62px;height:62px;display:grid;place-items:center;border:1.5px solid var(--ra);border-radius:12px;color:var(--ra);background:color-mix(in srgb,var(--ra) 8%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--ra) 30%,transparent)}
.room-board-tile svg{width:32px;height:32px}
.room-board-text{grid-area:text;min-width:0}
.room-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-crumb span{font-family:var(--mono)}
.room-crumb a{color:var(--ra);text-decoration:none;font-weight:700}
.room-crumb a:hover{text-decoration:underline}
.room-crumb i{font-style:normal}
.room-crumb b{color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-id.is-board h1{display:flex;align-items:center;gap:10px;margin:4px 0 2px;font-size:clamp(22px,2vw,28px);font-weight:900;color:hsl(from #f2fffe calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-fav{background:none;border:0;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:22px;cursor:pointer;line-height:1}
.room-fav.is-on,.room-fav:hover{color:var(--gold)}
.room-anon{margin:6px 0 0;color:var(--gold);font-size:12.5px}
.room-id.is-board .room-stats{grid-area:stats;padding-top:0}
.room-siblings{grid-area:sib;display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-siblings a{padding:6px 13px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;font-size:13px}
.room-siblings a em{margin-left:5px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal;font-size:11.5px}
.room-siblings a:hover{border-color:var(--ra);color:var(--ra)}
.room-siblings a.is-on{border-color:var(--ra);background:color-mix(in srgb,var(--ra) 14%,transparent);color:var(--ra);font-weight:800}
.room-table.is-board .c-cat{display:none}
/* 갤러리형 게시판 카드 */
.room-gallery{display:grid;grid-template-columns:repeat(var(--gallery-cols,4),minmax(0,1fr));gap:10px;padding:10px}
.room-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:6px;background:hsl(from #051418 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #eaf8f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.room-card:hover{border-color:var(--ra);box-shadow:0 0 12px color-mix(in srgb,var(--ra) 22%,transparent)}
.room-card.is-new{border-color:rgba(255,200,61,.5)}
.room-card-thumb{position:relative;display:block;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden}
.room-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.room-card-new{position:absolute;left:6px;top:6px;padding:1px 6px;border-radius:3px;background:var(--gold);color:hsl(from #021013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10px;font-weight:900}
.room-card b{font-size:13.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.room-card-meta{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px}
.room-card-stats{display:flex;align-items:center;justify-content:space-between;gap:6px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px}
.room-welcome-bar{padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--ra) 35%,transparent);background:color-mix(in srgb,var(--ra) 6%,transparent)}
/* 좁은 레일(글 읽는 중) — 마우스를 올리면 펼쳐진다 */
.room.reading{grid-template-columns:58px minmax(0,1fr)}
.room-rail.is-compact{width:58px;box-sizing:border-box;transition:width .18s ease,box-shadow .18s ease}
.room-rail.is-compact .rail-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 11px;white-space:nowrap;overflow:hidden}
.room-rail.is-compact .rail-item span{display:none}
.room-rail.is-compact:hover,.room-rail.is-compact.has-flyout{width:196px;box-shadow:12px 0 30px rgba(0,0,0,.45)}
.room-rail.is-compact:hover .rail-item span,.room-rail.is-compact.has-flyout .rail-item span{display:inline}
.room-rail.is-compact:hover .rail-item span:empty{display:none}
/* READING ROOM */
.reading-progress{position:fixed;top:0;left:0;right:0;z-index:100;height:3px;pointer-events:none}
.reading-progress i{display:block;height:100%;background:var(--ra);box-shadow:0 0 8px var(--ra);transition:width .1s linear}
.reading-main{min-width:0;width:100%;max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:18px 28px 32px;box-sizing:border-box;border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(180deg,hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
.reading-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12.5px}
.reading-path{margin-right:6px;font-family:var(--mono)}
.reading-crumb a{color:var(--ra);text-decoration:none;font-weight:700}
.reading-crumb a:hover{text-decoration:underline}
.reading-crumb i{font-style:normal}
.reading-focus-btn{margin-left:auto;padding:5px 11px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:none;color:hsl(from #cfe4e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12px;cursor:pointer}
.reading-focus-btn:hover,.reading-focus-btn.is-on{border-color:var(--ra);color:var(--ra)}
.reading-title{margin:2px 0 12px;font-size:clamp(24px,2.1vw,31px);line-height:1.35;font-weight:900;color:hsl(from #f2fffe calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);word-break:keep-all;overflow-wrap:anywhere}
.reading-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-bottom:16px;border-bottom:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:12.5px}
.reading-author{display:inline-flex;align-items:center;gap:8px}
.reading-author b{color:hsl(from #eaf8f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:13.5px}
.reading-time{color:hsl(from #7f9ea2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.reading-watch{display:inline-flex;align-items:center;gap:6px;color:var(--green)}
.reading-watch i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}
.reading-body{min-width:0}
.post-view-content.reading-content{font-size:16px;line-height:1.9;color:hsl(from #e2f2f1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin:6px 0 20px}
.reading-content p{margin:0 0 1em}
.reading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 0;border-top:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.reading-actions button{padding:8px 14px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px;background:none;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:13px;cursor:pointer}
.reading-actions button:hover{border-color:var(--ra);color:var(--ra)}
.reading-actions button.is-on{border-color:var(--ra);color:var(--ra);background:color-mix(in srgb,var(--ra) 10%,transparent)}
.reading-actions button.is-reported{color:var(--red)}
.reading-actions button.danger:hover{border-color:var(--red);color:var(--red)}
.reading-actions button:disabled{opacity:.5;cursor:default}
.reading-actions-right{margin-left:auto;display:flex;gap:6px}
.reading-toast{color:var(--green);font-size:12px;font-weight:700}
.reading-more h2,.reading-comments h2{margin:0 0 10px;color:var(--ra);font-size:13px;letter-spacing:1px}
.reading-comments h2 span{color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:400;margin-left:6px}
.reading-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reading-prevnext a,.reading-prevnext .empty{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 13px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:6px;color:hsl(from #eaf8f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none}
.reading-prevnext a:hover{border-color:var(--ra)}
.reading-prevnext small{color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.reading-prevnext span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reading-prevnext .next{text-align:right}
.reading-prevnext .empty span{color:hsl(from #557478 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.reading-related{list-style:none;margin:10px 0 0;padding:0}
.reading-related li{padding:7px 2px;border-bottom:1px dashed hsl(from #134349 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.reading-related a{color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none}
.reading-related a::before{content:"› ";color:var(--ra)}
.reading-related a:hover{color:var(--ra)}
/* FOCUS: 본문만 */
body.eoc-reading-focus .site-header,body.eoc-reading-focus .status-bar,body.eoc-reading-focus .site-footer,body.eoc-reading-focus .notice-ticker,body.eoc-reading-focus .reading-progress~.room-rail{display:none}
.room.reading.is-focus{grid-template-columns:minmax(0,1fr)}
.room.reading.is-focus .room-rail{display:none}
.room.reading.is-focus .reading-main{max-width:900px;margin-top:22px;border-color:transparent;background:none}
@media (prefers-reduced-motion:reduce){.rb-led,.room-dot{animation:none}.room-context,.room-context-tab,.room-rail.is-compact{transition:none}}
@media (max-width:1500px){
  .room-id{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art text" "art stats"}
  .room-quote{display:none}
  .room-stats{padding-top:0}
  .room-stat:first-child{border-left:0;padding-left:0}
}
@media (max-width:1199px){
  .room-hot-items a:nth-child(3){display:none}
  .room-search-row{grid-template-columns:minmax(0,1fr)}
  .room-search{min-width:0}
  .room-table .c-no{display:none}
  .room-id.is-board{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tile text" "stats stats" "sib sib"}
  .room-id.is-board .room-stat:first-child{border-left:0;padding-left:0}
  .room-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:780px){
  .room{grid-template-columns:1fr;padding:0 5px 5px}
  .room-rail{display:none}
  .room-id{grid-template-columns:1fr;grid-template-areas:"text" "stats";padding:12px}
  .room-banner-art{display:none}
  .room-id-text{padding-left:0;border-left:0}
  .room-id-text h1{font-size:24px;white-space:normal}
  .room-id-text h1 small{display:block;margin:4px 0 0}
  .room-stats{flex-wrap:wrap;gap:8px 0}
  .room-stat{padding:2px 14px 2px 0;border-left:0}
  .room-toptags{display:none}
  .room-hot{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}
  .room-hot-label{border-right:0;padding-right:0}
  .room-hot-items{flex-direction:column;gap:5px;width:100%}
  .room-hot-items span{max-width:none}
  .room-search-scope{display:none}
  .room-search input{font-size:13px}
  .room-table{table-layout:auto}
  .room-table .c-title{width:100%;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;line-height:1.4;padding-top:6px;padding-bottom:6px}
  .room-welcome .wb{flex-wrap:wrap;gap:4px 8px;white-space:normal;padding:6px 0}
  .room-welcome .wb-line,.room-welcome i{display:none}
  .room-welcome td{height:auto}
  .room-hot-items a:nth-child(3){display:flex}
  .room-clock{display:none}
  .room-tabs{flex-wrap:wrap}
  .room-tab-list{order:2;width:100%;flex:none}
  .room-write{margin-left:auto}
  .room-table .c-cat,.room-table .c-num,.room-table .c-act,.room-table .c-author,.room-table .c-date{display:none}
  .room-meta-m{display:block;margin-top:3px;color:hsl(from #7f9ea2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px}
  .room-table td{height:42px}
  .room-context-tab{display:none}
  .room-context{width:88vw}
  .room-id.is-board{grid-template-columns:1fr;grid-template-areas:"text" "stats" "sib";padding:12px}
  .room-board-tile{display:none}
  .room-siblings{flex-wrap:nowrap;overflow-x:auto}
  .room-siblings a{white-space:nowrap}
  .room-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
  .room.reading{grid-template-columns:1fr}
  .reading-main{padding:14px 14px 24px}
  .reading-path{display:none}
  .post-view-content.reading-content{font-size:15px}
  .reading-prevnext{grid-template-columns:1fr}
  .reading-prevnext .next{text-align:left}
  .reading-actions-right{margin-left:0;width:100%;justify-content:flex-end}
}


/* ---- responsive ---- */
.top-nav{justify-content:safe center}
@media (max-width:1680px){
  .tagline{display:none}
  .top-nav>a,.top-nav>.nav-item>a,.top-nav>.nav-item>button{padding-left:8px;padding-right:8px}
  .search input{width:150px}
}
@media (max-width:1320px){
  .brand em{display:none}
}
@media (max-width:1450px){
  .feed-table th:nth-child(1),.feed-table td:nth-child(1),.feed-table th:nth-child(7),.feed-table td:nth-child(7),.feed-table th:nth-child(8),.feed-table td:nth-child(8){display:none}
  .top-nav>a,.top-nav>.nav-item>a,.top-nav>.nav-item>button{padding-left:7px;padding-right:7px}
  .search input{width:135px}
  .search-kbd{display:none}
  .preview-body{grid-template-columns:1fr 170px}
  .site-footer{grid-template-columns:160px 1fr 360px}
}
@media (max-width:1199px){
  .top-nav{display:none}
  .mobile-menu{display:block;margin-left:auto}
  .header-tools{margin-left:auto}
  .header-tools .hdr-link{display:none}
  .brand-row{height:52px}
  .issue-pulse{grid-template-columns:120px 1fr 1fr 120px}
  .spark-wrap{display:none}
  .dashboard{grid-template-columns:190px minmax(0,1fr)}
  .category-dashboard{grid-template-columns:190px minmax(0,1fr)}
  .category-right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .right-column{grid-column:1 / -1;display:grid;grid-template-columns:1.4fr 1fr;align-items:stretch}
  .preview-panel{grid-row:1 / span 2}
  .right-grid.two{grid-template-columns:1fr 1fr}
  .site-footer{grid-template-columns:150px 1fr}
  .footer-legal{grid-column:1 / -1;border-left:0;border-top:1px solid hsl(from #29474b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:8px 0 0}
  .clock{display:none}
  .issue-pulse{grid-template-columns:125px 1fr 1fr}
}
@media (max-width:780px){
  .eoc-app{font-size:12px}
  .brand-row{padding:0 10px;gap:10px}
  .brand{font-size:18px}
  .brand em,.tagline{display:none}
  .search input{width:110px}
  .issue-pulse{margin:5px;grid-template-columns:1fr;min-height:0}
  .issue-title{border-right:0;border-bottom:1px solid hsl(from #24474d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:9px 11px}
  .issue-col{border-right:0;border-bottom:1px solid hsl(from #24474d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:7px 11px}
  .issue-col.world{display:none}
  .dashboard{padding:0 5px 5px;grid-template-columns:1fr}
  .my-board{display:none}
  .my-dashboard .my-board{display:block;grid-row:auto}
  .auth-dashboard{grid-template-columns:1fr;padding:5px 5px 30px}
  .auth-panel{grid-row:2}
  .auth-intro-body{grid-template-columns:1fr}
  .auth-intro .terminal-card{display:none}
  .my-profile-body{grid-template-columns:1fr}
  .my-profile-card{border-right:0;border-bottom:1px solid hsl(from #143237 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
  .new-post-toast{top:58px}
  .npt-title,.npt-go{display:none}
  .cmdk-backdrop{padding-top:8vh}
  .cmdk-foot span:not(.cmdk-brand){display:none}
  .search-kbd{display:none}
  .category-dashboard{padding:0 5px 5px;grid-template-columns:1fr}
  .category-nav{display:none}
  .category-right{grid-template-columns:1fr}
  .tag-cloud{grid-template-columns:1fr 1fr}
  .center-column{grid-column:1}
  .best-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .best-card{min-width:210px;scroll-snap-align:start}
  .posts-head{flex-wrap:wrap;gap:6px;padding:5px}
  .posts-head .panel-title{height:auto;padding:4px}
  .tabs{order:3;width:100%;overflow-x:auto}
  .tabs a,.tabs button{padding:6px 11px}
  .right-column{grid-column:1;display:flex}
  .preview-body{grid-template-columns:1fr}
  .terminal-card{display:none}
  .right-grid.two{grid-template-columns:1fr}
  .bottom-stats{grid-template-columns:1fr 1fr!important}
  .status-bar{height:auto;min-height:30px;gap:8px;overflow:auto;white-space:nowrap}
  .site-footer{grid-template-columns:1fr;padding:12px 14px}
  .footer-brand{border-right:0;border-bottom:1px solid hsl(from #29474b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding-bottom:8px}
  .footer-legal{grid-column:auto}
  .notice-ticker span:nth-of-type(n+2),.notice-ticker b,.notice-ticker em{display:none}
  .best-grid.gallery-grid{display:grid;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gallery-grid .best-card{min-width:0}
  .eoc-wm-backdrop{padding:0}
  .eoc-wm{min-height:100vh;margin:0;border-radius:0;border-left:0;border-right:0}
  .eoc-wm.is-full{inset:0}
  .wm-corner{display:none}
  .wm-head{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:14px 14px 11px}
  .wm-head h2{font-size:18px}
  .wm-head-icon{width:34px;height:34px;font-size:18px}
  .wm-head-sub,.wm-head-meta{display:none}
  .wm-close{width:36px;height:36px}
  .wm-body{padding:12px 12px 18px;gap:13px}
  .wm-brand{display:none}
  .wm-board-row{grid-template-columns:1fr}
  .wm-board-cur{font-size:12px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
  .wm-board-box span{display:none}
  .wm-tool{height:32px;padding:0 7px}
  .wm-full{margin-left:0}
  .wm-emoji-pop{grid-template-columns:repeat(6,32px)}
  .eoc-wm .ck.ck-editor__main>.ck-editor__editable{min-height:200px;max-height:none}
  .wm-foot{grid-template-columns:1fr 1fr}
  .wm-tips{grid-column:1 / -1}
  .wm-publish{grid-column:1 / -1}
  .wm-ghost{min-width:0}
}
@media (max-width:500px){
  .header-tools .search{display:none}
  .best-card{min-width:185px}
  .bottom-stats{grid-template-columns:1fr!important}
  .posts-panel table{min-width:680px}
  .site-footer{font-size:8.5px}
  .mobile-menu-panel{width:290px}
}

/* ===================== BEST — eosatom DAILY ===================== */
.bd{--bd-ivory:#f1ead9;--bd-paper:#d9d1be;--bd-red:#ff3b3b;--bd-ink:#0b0d0e;--bd-card:#101415;--bd-line:hsl(from #262b2c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--bd-serif:"Noto Serif KR","Nanum Myeongjo","Batang",Georgia,serif;color:var(--text)}
.bd a{color:inherit;text-decoration:none}
.bd-up{color:#35e29a;font-style:normal}
.bd-dn{color:var(--bd-red);font-style:normal}
.bd-new{color:#0b0d0e;background:var(--gold);font-style:normal;font-weight:800;font-size:9px;padding:1px 5px;border-radius:2px}
.bd-eq{color:hsl(from #50605f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-style:normal}
.bd-flat{color:var(--muted);font-style:normal}
.bd-red{color:var(--bd-red)!important}
.bd-muted{color:var(--muted);font-size:11.5px;padding:10px 0}

/* 상태 줄 */
.bd-band{display:grid;grid-template-columns:auto auto repeat(3,auto) 1fr auto;align-items:center;gap:0;border:1px solid var(--line-soft);border-radius:6px;background:linear-gradient(90deg,hsl(from #071418 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #050c0f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));margin-bottom:12px;overflow:hidden}
.bd-band>*{padding:12px 16px;border-right:1px solid hsl(from #12353a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);min-height:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px}
.bd-band>*:last-child{border-right:none}
.bd-band-brand svg{width:34px;height:22px;color:var(--cyan);flex:none}
.bd-band-brand b{display:block;font-size:17px;color:#fff;letter-spacing:-.3px}
.bd-band-brand small{display:block;font-size:7.5px;color:var(--muted);letter-spacing:.8px;line-height:1.35;margin-top:2px}
.bd-live{display:inline-flex;align-items:center;gap:6px;background:var(--bd-red);color:#fff;font-weight:800;font-size:10.5px;letter-spacing:1px;padding:4px 9px;border-radius:3px;flex:none}
.bd-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:bdBlink 1.4s infinite}
@keyframes bdBlink{50%{opacity:.25}}
.bd-band-txt{font-size:10.5px;color:hsl(from #9fb6b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);line-height:1.5}
.bd-band-txt b{color:#fff}
.bd-band-stat svg{width:22px;height:22px;color:var(--cyan);flex:none}
.bd-band-stat small{display:block;font-size:9.5px;color:var(--muted)}
.bd-band-stat b{display:block;font-size:19px;color:#fff;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.bd-band-stat em{font-size:10px;align-self:flex-end;margin-bottom:3px}
.bd-band-quote{margin:0;font-family:var(--bd-serif);font-size:13px;color:var(--bd-paper);justify-content:center;text-align:center;flex-wrap:wrap;gap:4px 8px}
.bd-band-quote cite{font-style:normal;font-size:10px;color:var(--muted);font-family:var(--mono)}
.bd-band-side{font-size:7.5px;color:hsl(from #5f7b7e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);letter-spacing:1px;line-height:1.5}

/* 몸통 */
.bd-body{display:grid;grid-template-columns:196px minmax(0,1fr);gap:14px;align-items:start}
.bd-side{position:sticky;top:72px;align-self:start}
.bd-side-in{border:1px solid var(--line-soft);border-radius:6px;background:hsl(from #050f12 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);padding:14px 10px 14px;max-height:calc(100vh - 90px);overflow:auto;scrollbar-width:thin}
.bd-side h4{margin:4px 8px 8px;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}
.bd-side h4:not(:first-child){margin-top:18px;padding-top:14px;border-top:1px solid hsl(from #12353a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.bd-side nav{display:flex;flex-direction:column;gap:1px}
.bd-side nav a{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:4px;font-size:11px;color:hsl(from #a9c0c2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);letter-spacing:.3px;border-left:2px solid transparent;transition:background .15s,color .15s}
.bd-side nav a svg{width:15px;height:15px;flex:none;color:hsl(from #5d7f82 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.bd-side nav a:hover{background:hsl(from #0a1d22 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:#fff}
.bd-toc-nav a.is-on{background:rgba(255,59,59,.1);color:var(--bd-red);border-left-color:var(--bd-red);font-weight:700}
.bd-toc-nav a.is-on svg{color:var(--bd-red)}
.bd-rooms a svg{color:var(--c,hsl(from #5d7f82 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
.bd-rooms a:hover{color:var(--c,#fff)}
.bd-side-quote{margin-top:18px;padding:14px 10px 4px;border-top:1px solid hsl(from #12353a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--bd-paper)}
.bd-side-quote>span{font-family:var(--bd-serif);font-size:34px;line-height:.6;color:var(--bd-red);display:block;height:18px}
.bd-side-quote p{font-family:var(--bd-serif);font-size:12.5px;line-height:1.7;margin:4px 0 12px}
.bd-side-quote b{display:block;font-size:13px;color:#fff}
.bd-side-quote small{display:block;font-size:7.5px;letter-spacing:.8px;color:var(--muted);margin-top:2px;line-height:1.4}

.bd-main{min-width:0;border:1px solid var(--line-soft);border-radius:6px;background:linear-gradient(180deg,#0a0e0f,#070a0b);padding:20px 22px 0}
.bd-main [id^="bd-"]{scroll-margin-top:84px}

/* 제호 */
.bd-mast{display:flex;align-items:flex-end;gap:22px;padding-bottom:14px;border-bottom:1px solid var(--bd-line);margin-bottom:16px}
.bd-mast h1{margin:0;font-family:var(--bd-serif);font-weight:900;font-size:clamp(34px,4.6vw,60px);line-height:.95;color:var(--bd-ivory);letter-spacing:-1.5px;white-space:nowrap}
.bd-mast h1 em{font-style:normal;color:var(--bd-red);font-family:var(--mono);font-weight:800;font-size:.62em;letter-spacing:1px;margin-left:6px}
.bd-mast-info{display:flex;flex-direction:column;gap:5px;padding-bottom:4px;border-left:1px solid var(--bd-line);padding-left:18px}
.bd-mast-info b{font-size:11.5px;color:#fff;letter-spacing:.8px}
.bd-mast-info span{font-size:11px;color:var(--muted)}
.bd-mast-side{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:hsl(from #5b6a6b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-align:right;line-height:1.55;padding-bottom:4px}
.bd-past{margin:-4px 0 14px;padding:9px 12px;border:1px dashed #4a3a2a;border-radius:4px;background:rgba(255,200,61,.06);font-size:11.5px;color:var(--gold)}
.bd-past a{color:#fff;font-weight:700;margin-left:6px}

/* 1열: 표지 + 목차 */
.bd-row1{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:16px}
.bd-cover{position:relative;min-height:470px;border-radius:5px;overflow:hidden;cursor:pointer;background:#0d1112;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end}
.bd-cover-img,.bd-cover .bd-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 6s ease}
.bd-cover .bd-art{opacity:.8}
.bd-cover:hover .bd-cover-img,.bd-cover:hover .bd-art{transform:scale(1.04)}
.bd-cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,9,.25) 0%,rgba(6,8,9,.1) 30%,rgba(6,8,9,.82) 62%,rgba(6,8,9,.97) 100%)}
.bd-label{position:absolute;top:18px;left:20px;background:var(--bd-red);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.6px;padding:5px 10px;border-radius:2px}
.bd-cover-pull{position:absolute;top:58px;left:20px;max-width:46%;margin:0;font-family:var(--bd-serif);font-size:15px;line-height:1.55;color:var(--bd-ivory);text-shadow:0 1px 8px rgba(0,0,0,.7)}
.bd-cover-pull::before{content:"“";color:var(--bd-red);font-size:22px;margin-right:3px}
.bd-cover-vert{position:absolute;top:20px;right:18px;font-size:8px;letter-spacing:2px;color:rgba(241,234,217,.55);text-align:right;line-height:1.6;writing-mode:horizontal-tb}
.bd-cover-body{padding:0 26px 22px}
.bd-cover h2{margin:0 0 12px;font-family:var(--bd-serif);font-weight:900;font-size:clamp(26px,3vw,42px);line-height:1.22;color:var(--bd-ivory);letter-spacing:-1px;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bd-cover-body>p{margin:0 0 16px;font-size:12.5px;line-height:1.75;color:hsl(from #b9c3c2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);max-width:720px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:11px;color:hsl(from #9aa8a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-top:1px solid rgba(255,255,255,.12);padding-top:12px}
.bd-meta>*{padding:0 12px;border-right:1px solid rgba(255,255,255,.14)}
.bd-meta>*:first-child{padding-left:0}
.bd-meta>*:last-child{border-right:none}
.bd-meta a{margin-left:auto;color:var(--bd-red);font-weight:800;letter-spacing:.5px}
.bd-room{font-weight:700;white-space:nowrap}
.bd-cover-empty{align-items:center;justify-content:center;color:var(--muted);cursor:default;border:1px dashed var(--bd-line)}

.bd-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.bd-box{border:1px solid var(--bd-line);border-radius:5px;background:var(--bd-card);padding:16px 18px;position:relative;min-width:0}
.bd-box-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.bd-box-h>span{font-size:13px;font-weight:800;letter-spacing:1.6px;color:var(--bd-ivory);white-space:nowrap}
.bd-box-h small{font-size:8px;letter-spacing:.8px;color:hsl(from #5b6a6b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-align:right;line-height:1.5;min-width:0}
.bd-toc ol{list-style:none;margin:0;padding:0}
.bd-toc li+li{border-top:1px solid var(--bd-line)}
.bd-toc li a{display:grid;grid-template-columns:30px auto;grid-template-areas:"n r" "n t";gap:2px 8px;padding:10px 0;align-items:start}
.bd-toc li b{grid-area:n;font-family:var(--bd-serif);font-size:22px;line-height:1;color:var(--bd-red);font-weight:900}
.bd-toc li .bd-room{grid-area:r;font-size:10px}
.bd-toc-t{grid-area:t;font-family:var(--bd-serif);font-size:14px;font-weight:700;line-height:1.45;color:var(--bd-ivory);word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bd-toc li a:hover .bd-toc-t{color:#fff;text-decoration:underline;text-decoration-color:var(--bd-red);text-underline-offset:3px}
.bd-quote{flex:1}
.bd-quote a{display:block;padding-right:54px}
.bd-quote p{margin:0 0 10px;font-family:var(--bd-serif);font-size:17px;font-weight:700;line-height:1.6;color:var(--bd-ivory);word-break:keep-all;overflow-wrap:anywhere}
.bd-quote p span{color:var(--bd-red);font-size:22px;margin:0 3px}
.bd-quote a small{font-size:10.5px;color:var(--muted)}
.bd-quote-side{position:absolute;right:16px;bottom:16px;font-size:7.5px;letter-spacing:1.4px;color:hsl(from #4b5758 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-align:right;line-height:1.6}

/* FEATURES */
.bd-features{margin-top:26px}
.bd-sec-h{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--bd-line)}
.bd-sec-h h3{margin:0;font-size:15px;font-weight:800;letter-spacing:2px;color:var(--bd-ivory)}
.bd-sec-h span{font-size:11.5px;color:var(--muted)}
.bd-sec-h small{margin-left:auto;font-size:8px;letter-spacing:1px;color:hsl(from #5b6a6b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.bd-feat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.bd-feat{display:flex;flex-direction:column;min-width:0;border-radius:5px;background:var(--bd-card);border:1px solid var(--bd-line);overflow:hidden;transition:transform .2s,border-color .2s}
.bd-feat:hover{transform:translateY(-3px);border-color:var(--c)}
.bd-feat-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d1112}
.bd-feat-img img,.bd-feat-img .bd-art{width:100%;height:100%;object-fit:cover;display:block}
.bd-feat-tag{position:absolute;left:0;bottom:0;background:var(--c);color:hsl(from #071012 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:10px;font-weight:800;padding:4px 9px;letter-spacing:.3px}
.bd-feat h5{margin:12px 12px 6px;font-family:var(--bd-serif);font-size:15px;font-weight:700;line-height:1.45;color:var(--bd-ivory);min-height:2.9em;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bd-feat p{margin:0 12px 10px;font-size:11px;line-height:1.6;color:hsl(from #8d9a9a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bd-feat-m{margin:auto 12px 0;padding:9px 0 11px;border-top:1px solid var(--bd-line);display:flex;gap:12px;font-size:10.5px;color:hsl(from #8d9a9a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}

/* 3열: 숫자 · 지난 호 · 차트 */
.bd-row3{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(0,1.25fr);gap:14px;margin-top:26px}
.bd-num-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.bd-num-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:2px 10px;border-left:1px solid var(--bd-line);min-width:0}
.bd-num-grid>div:first-child{border-left:none;padding-left:0}
.bd-num-grid svg{width:20px;height:20px;color:var(--cyan);margin-bottom:4px}
.bd-num-grid small{font-size:10px;color:var(--muted)}
.bd-num-grid b{font-size:22px;color:#fff;letter-spacing:-.5px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-num-grid em{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-back-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bd-back-list>a:not(.bd-back-all){display:flex;flex-direction:column;gap:6px;min-width:0}
.bd-back-img{display:block;aspect-ratio:3/4;border-radius:3px;overflow:hidden;background:#0d1112;border:1px solid var(--bd-line);transition:border-color .2s}
.bd-back-list>a:hover .bd-back-img{border-color:var(--bd-red)}
.bd-back-img img,.bd-back-img .bd-art{width:100%;height:100%;object-fit:cover;display:block}
.bd-back-t b{display:block;font-size:10.5px;color:#fff;letter-spacing:.6px}
.bd-back-t small{display:block;font-size:9.5px;color:var(--muted)}
.bd-back-t em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:normal;font-family:var(--bd-serif);font-size:11.5px;line-height:1.4;color:var(--bd-paper);margin-top:3px}
.bd-back-all{grid-column:1/-1;text-align:right;font-size:10.5px;color:var(--bd-red)!important;font-weight:700}
.bd-chart-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(5,auto);column-gap:18px}
.bd-chart-list li{border-top:1px solid var(--bd-line);min-width:0}
.bd-chart-list li:nth-child(1),.bd-chart-list li:nth-child(6){border-top:none}
.bd-chart-list a{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:11.5px}
.bd-chart-list b{width:16px;flex:none;text-align:center;font-family:var(--bd-serif);font-size:15px;font-weight:900;color:hsl(from #8d9a9a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.bd-chart-list b.top{color:var(--bd-red)}
.bd-chart-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:hsl(from #d6dcdb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.bd-chart-list a:hover .bd-chart-t{color:#fff}
.bd-chart-list em{flex:none;font-size:9.5px}

.bd-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px -22px 0;padding:12px 22px;border-top:1px solid var(--bd-line);font-size:9px;letter-spacing:1px;color:hsl(from #5b6a6b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.bd-foot b{color:var(--bd-ivory)}

/* 등장 효과 */
@media (prefers-reduced-motion:no-preference){
  .bd-cover,.bd-col>*,.bd-feat,.bd-row3>*{animation:bdRise .6s both}
  .bd-col>*:nth-child(2){animation-delay:.08s}
  .bd-feat:nth-child(2){animation-delay:.05s}.bd-feat:nth-child(3){animation-delay:.1s}.bd-feat:nth-child(4){animation-delay:.15s}.bd-feat:nth-child(5){animation-delay:.2s}
}
@keyframes bdRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (max-width:1320px){
  .bd-band{grid-template-columns:auto auto repeat(3,auto) 1fr}
  .bd-band-side{display:none!important}
  .bd-feat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bd-feat:nth-child(n+4){display:none}
  .bd-row3{grid-template-columns:1fr 1fr}
  .bd-chart{grid-column:1/-1}
}
@media (max-width:1100px){
  .bd-band{grid-template-columns:repeat(3,1fr)}
  .bd-band-brand,.bd-band-quote{display:none!important}
  .bd-band-live{grid-column:1/-1;border-right:none!important;border-bottom:1px solid hsl(from #12353a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
  .bd-body{grid-template-columns:minmax(0,1fr)}
  .bd-side{position:sticky;top:64px;z-index:5;min-width:0}
  .bd-side-in{max-height:none;padding:6px 8px;display:block;overflow-x:auto;overflow-y:hidden;min-width:0;background:hsl(from rgb(5 15 18) calc(h + var(--acc-shift)) s l / .96);backdrop-filter:blur(6px)}
  .bd-side h4,.bd-side .bd-side-quote,.bd-side nav.bd-rooms{display:none}
  .bd-toc-nav{flex-direction:row!important;flex-wrap:nowrap;align-items:center;gap:4px!important;width:max-content}
  .bd-toc-nav a{flex:none;white-space:nowrap;border-left:none!important;border-bottom:2px solid transparent;border-radius:3px 3px 0 0}
  .bd-toc-nav a.is-on{border-bottom-color:var(--bd-red)}
  .bd-side-in{scrollbar-width:none}
  .bd-side-in::-webkit-scrollbar{display:none}
  .bd-main [id^="bd-"]{scroll-margin-top:128px}
  .bd-mast-side{display:none}
}
@media (max-width:860px){
  .bd-row1{grid-template-columns:1fr}
  .bd-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bd-feat:nth-child(n+4){display:flex}
  .bd-row3{grid-template-columns:1fr}
}
@media (max-width:600px){
  .bd-main{padding:14px 12px 0}
  .bd-foot{margin:18px -12px 0;padding:10px 12px}
  .bd-band>*{padding:9px 10px;gap:7px}
  .bd-band-stat svg{display:none}
  .bd-band-stat b{font-size:16px}
  .bd-mast{flex-direction:column;align-items:flex-start;gap:8px}
  .bd-mast-info{border-left:none;padding-left:0}
  .bd-cover{min-height:400px}
  .bd-cover-pull{max-width:80%;font-size:13px}
  .bd-cover-vert{display:none}
  .bd-cover-body{padding:0 16px 16px}
  .bd-meta a{margin-left:0}
  .bd-feat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .bd-feat:first-child{grid-column:1/-1}
  .bd-feat:first-child .bd-feat-img{aspect-ratio:16/8}
  .bd-sec-h small{display:none}
  .bd-sec-h{flex-wrap:wrap;gap:4px 12px}
  .bd-feat h5{font-size:13.5px;margin:10px 10px 5px}
  .bd-feat p{display:none}
  .bd-feat-m{margin:auto 10px 0}
  .bd-num-grid{grid-template-columns:1fr 1fr;row-gap:14px}
  .bd-num-grid>div:nth-child(3){border-left:none;padding-left:0}
  .bd-chart-list{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}
  .bd-chart-list li:nth-child(6){border-top:1px solid var(--bd-line)}
}

/* ===================== ISSUE_PULSE v2 (트렌드 · 활동 그래프 이름표 · 모바일 탭) ===================== */
.issue-title{flex-direction:column;gap:8px}
.issue-tabs{display:none}
.issue-col h2{align-items:baseline;gap:7px}
.issue-col h2 small{font-size:8.5px;font-weight:400;color:hsl(from #5f8a90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);letter-spacing:.4px}
.issue-col h2 a{display:inline;margin-left:auto;padding:0 2px;border:0;color:var(--cyan);text-decoration:none;font-size:11px}
.issue-col h2 a:hover{color:#fff}
.issue-col>a{color:inherit;text-decoration:none}
.issue-col>a:hover span{color:#fff;text-decoration:underline;text-underline-offset:2px}
.spark-wrap{flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:8px 16px}
.spark-head{display:flex;justify-content:space-between;font-size:8.5px;color:hsl(from #5f8a90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);letter-spacing:.5px}
.spark-head b{color:var(--cyan);font-weight:700}
.spark-bars{height:34px}
.spark-bars i{cursor:default;transition:filter .15s}
.spark-bars i:hover{filter:brightness(1.5)}
.spark-bars i.now{background:hsl(from #7ffcf0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 0 12px rgb(from var(--cyan) r g b / 0.667)}
.spark-foot{display:flex;justify-content:space-between;font-size:8px;color:hsl(from #4f7479 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}

/* ===================== FOOTER v2 ===================== */
.footer-brand a.footer-brand-name{text-decoration:none}
.footer-links .footer-nav a{text-decoration:none}
.footer-links .footer-nav a.is-strong{color:hsl(from #cfe3e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-weight:700}
.footer-links p a,.footer-legal a{color:hsl(from #9fc0c5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none}
.footer-links p a:hover,.footer-legal a:hover{color:var(--cyan)}
.footer-links p i{font-style:normal;margin:0 8px;color:hsl(from #2f5a60 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}

/* 하단 상태바 */
.status-meta span+span::before{content:"|";margin:0 9px;color:hsl(from #2c5a60 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.status-meta a.status-cmd{text-decoration:none;color:inherit}
.status-meta a.status-cmd:hover{color:var(--cyan)}

/* ===================== /page/{slug} 안내·정책 문서 ===================== */
.sitepage{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;align-items:start}
.sp-nav{position:sticky;top:70px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:12px 10px}
.sp-nav-group+.sp-nav-group{margin-top:14px;padding-top:12px;border-top:1px solid hsl(from #12353a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.sp-nav h4{margin:0 6px 6px;font-size:10px;letter-spacing:2px;color:var(--muted)}
.sp-nav a{display:block;padding:7px 8px;border-radius:4px;font-size:12px;color:hsl(from #a9c0c2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;border-left:2px solid transparent}
.sp-nav a:hover{background:hsl(from #0a1d22 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:#fff}
.sp-nav a.is-strong{font-weight:700;color:hsl(from #cfe3e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.sp-nav a.is-on{background:rgb(from var(--cyan) r g b / .08);color:var(--cyan);border-left-color:var(--cyan);font-weight:700}
.sp-doc{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:18px 26px 28px;min-width:0;min-height:320px}
.sp-path{font-size:10px;color:hsl(from #5f8a90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin-bottom:10px}
.sp-doc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line-soft)}
.sp-doc-head h1{margin:0;font-size:22px;color:#fff}
.sp-doc-head span{font-size:10.5px;color:var(--muted)}
.sp-body{max-width:840px;color:hsl(from #cfe0e0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);word-break:keep-all;overflow-wrap:anywhere}
.sp-body h2{font-size:15px!important;color:var(--cyan);margin:26px 0 8px!important;font-weight:700!important}
.sp-body h2:first-child{margin-top:0!important}
.sp-body h3{font-size:13.5px!important;color:#fff;margin:18px 0 6px!important}
.sp-body p,.sp-body li{font-size:13px!important;line-height:1.85!important;margin:0 0 10px!important}
.sp-body ul,.sp-body ol{padding-left:22px;margin:0 0 12px}
.sp-body a{color:var(--cyan)}
.sp-body strong{color:#fff}
.sp-body table{border-collapse:collapse;width:100%;margin:8px 0 16px;font-size:12px;display:block;overflow-x:auto}
.sp-body th,.sp-body td{border:1px solid var(--line-soft);padding:8px 10px;text-align:left;vertical-align:top}
.sp-body th{background:hsl(from #0a1d22 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #cfe3e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap}
.sp-body td:first-child{white-space:nowrap}
.sp-body td a{word-break:break-all}
.sp-body blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid var(--gold);background:rgba(255,200,61,.05);color:#d9cfae;font-size:12.5px}
.sp-missing h1{font-size:18px;color:#fff;margin:6px 0 8px}
.sp-missing p{color:var(--muted)}
.sp-missing a{color:var(--cyan);text-decoration:none}

@media (max-width:780px){
  .issue-title{flex-direction:row;align-items:center;justify-content:space-between}
  .issue-tabs{display:flex;gap:4px}
  .issue-tabs button{background:none;border:1px solid hsl(from #24474d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #78969a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:10px;font-weight:700;padding:3px 9px;border-radius:3px;cursor:pointer}
  .issue-tabs button.on{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .08)}
  .issue-pulse.is-world .issue-col.world{display:block}
  .issue-pulse.is-world .issue-col.korea{display:none}
  .status-bar{justify-content:center;overflow:hidden}
  .status-bar .status-path,.status-bar .status-desk{display:none}
  .site-footer{font-size:10px}
  .footer-links .footer-nav{gap:6px 14px}
  .footer-links .footer-nav a{padding:3px 0}
  .footer-links p i{margin:0 6px}
  .sitepage{grid-template-columns:1fr}
  .sp-nav{position:static;display:flex;gap:8px;overflow-x:auto;padding:6px 8px;scrollbar-width:none}
  .sp-nav::-webkit-scrollbar{display:none}
  .sp-nav-group{display:flex;gap:2px;align-items:center}
  .sp-nav-group+.sp-nav-group{margin:0;padding:0 0 0 8px;border-top:0;border-left:1px solid hsl(from #12353a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
  .sp-nav h4{display:none}
  .sp-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;border-radius:3px 3px 0 0}
  .sp-nav a.is-on{border-bottom-color:var(--cyan)}
  .sp-doc{padding:14px 14px 22px}
  .sp-doc-head h1{font-size:18px}
}
@media (max-width:500px){
  .site-footer{font-size:10px}
}

/* ===================== 사이버 입력창 (댓글) — 블록 커서 · 포커스 빛 ===================== */
@property --cy-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.cyber-field{position:relative;display:block;border-radius:5px;isolation:isolate}
.cyber-field .eosatom-write-textarea{position:relative;z-index:1;transition:border-color .25s ease,background-color .35s ease,box-shadow .35s ease}
.cyber-field.is-focus .eosatom-write-textarea,.cyber-field:focus-within .eosatom-write-textarea{
  border-color:var(--cyan);
  background-color:hsl(from #071c21 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);
  background-image:repeating-linear-gradient(0deg,rgb(from var(--cyan) r g b / .03) 0 1px,transparent 1px 3px);
  box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .55),0 0 12px rgb(from var(--cyan) r g b / .28),inset 0 0 10px rgb(from var(--cyan) r g b / .08);
  animation:cyFocusFlash .95s cubic-bezier(.2,.8,.2,1) both,cyBreath 3.4s ease-in-out .95s infinite
}
/* 테두리를 한 바퀴 도는 빛줄기 (포커스할 때 한 번) */
.cyber-field::before{
  content:"";position:absolute;inset:-1px;border-radius:6px;padding:1.5px;z-index:2;pointer-events:none;opacity:0;
  background:conic-gradient(from var(--cy-a),transparent 0 68%,rgb(from var(--cyan) r g b / .25) 76%,hsl(from #7ffcf0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 86%,#ffffff 89%,hsl(from rgb(127 252 240) calc(h + var(--acc-shift)) s l / .4) 92%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)
}
.cyber-field:focus-within::before{animation:cySweep 1.15s cubic-bezier(.45,0,.2,1) 1}
/* 모서리 괄호: 바깥에서 안쪽으로 딱 붙으며 나타난다 */
.cyber-field::after{
  content:"";position:absolute;inset:-9px;z-index:2;pointer-events:none;opacity:0;
  --cb:var(--cyan);
  background:
    linear-gradient(var(--cb),var(--cb)) top left/11px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) top left/2px 11px no-repeat,
    linear-gradient(var(--cb),var(--cb)) top right/11px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) top right/2px 11px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom left/11px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom left/2px 11px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom right/11px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom right/2px 11px no-repeat;
  filter:drop-shadow(0 0 3px rgb(from var(--cyan) r g b / .9));
  transition:inset .38s cubic-bezier(.2,1.4,.4,1),opacity .25s ease
}
.cyber-field:focus-within::after{inset:-4px;opacity:1}
/* 블록 커서 */
.cyber-caret{
  position:absolute;z-index:3;pointer-events:none;border-radius:1px;
  background:hsl(from #7ffcf0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);mix-blend-mode:difference;
  box-shadow:0 0 4px var(--cyan),0 0 10px rgb(from var(--cyan) r g b / .85),0 0 20px rgb(from var(--cyan) r g b / .45);
  transition:left .07s linear,top .07s linear;
  animation:cyCaret 1.15s linear infinite
}
.cyber-caret.is-typing{animation:none;opacity:1}
@keyframes cyCaret{
  0%,46%{opacity:1;background:hsl(from #7ffcf0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);transform:none}
  48%{opacity:1;background:#ff3df2;box-shadow:0 0 5px #ff3df2,0 0 14px rgba(255,61,242,.7);transform:translateX(1px) skewX(-10deg)}
  50%{opacity:.55;background:hsl(from #7ffcf0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);transform:translateX(-1px)}
  52%,94%{opacity:0;transform:none}
  100%{opacity:1}
}
@keyframes cyFocusFlash{
  0%{box-shadow:0 0 0 0 rgb(from var(--cyan) r g b / 0),0 0 0 rgb(from var(--cyan) r g b / 0),inset 0 0 0 rgb(from var(--cyan) r g b / 0)}
  28%{box-shadow:0 0 0 1px hsl(from #aafff6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),0 0 26px rgb(from var(--cyan) r g b / .75),inset 0 0 18px rgb(from var(--cyan) r g b / .28)}
  100%{box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .55),0 0 12px rgb(from var(--cyan) r g b / .28),inset 0 0 10px rgb(from var(--cyan) r g b / .08)}
}
@keyframes cyBreath{
  0%,100%{box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .55),0 0 12px rgb(from var(--cyan) r g b / .28),inset 0 0 10px rgb(from var(--cyan) r g b / .08)}
  50%{box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .75),0 0 18px rgb(from var(--cyan) r g b / .4),inset 0 0 12px rgb(from var(--cyan) r g b / .12)}
}
@keyframes cySweep{0%{--cy-a:0deg;opacity:0}12%{opacity:1}78%{opacity:1}100%{--cy-a:360deg;opacity:0}}
@media (prefers-reduced-motion:reduce){
  .cyber-caret{animation:none;transition:none}
  .cyber-field::before{display:none}
  .cyber-field:focus-within .eosatom-write-textarea{animation:none}
  .cyber-field::after{transition:none}
}

/* 댓글 등록 — 입력창 테두리가 한 번 번쩍이고 빛 고리가 바깥으로 퍼진다 */
.cyber-sent{position:absolute;inset:-1px;z-index:4;pointer-events:none;border-radius:5px;border:1.5px solid hsl(from #c8fff9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);opacity:0;
  box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .9),0 0 26px rgb(from var(--cyan) r g b / .8),inset 0 0 22px rgb(from var(--cyan) r g b / .35);
  background:rgb(from var(--cyan) r g b / .08);animation:cySent .85s cubic-bezier(.2,.8,.2,1) forwards}
.cyber-sent::after{content:"";position:absolute;inset:-1.5px;border-radius:6px;border:1px solid hsl(from rgb(127 252 240) calc(h + var(--acc-shift)) s l / .8);opacity:0;animation:cySentRing .85s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes cySent{
  0%{opacity:0}
  12%{opacity:1}
  24%{opacity:.35}
  36%{opacity:1}
  100%{opacity:0;box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / 0),0 0 40px rgb(from var(--cyan) r g b / 0),inset 0 0 0 rgb(from var(--cyan) r g b / 0)}
}
@keyframes cySentRing{0%{opacity:0;inset:-1.5px}20%{opacity:.9}100%{opacity:0;inset:-14px;border-radius:12px}}
@media (prefers-reduced-motion:reduce){.cyber-sent{animation:cySentCalm .6s ease forwards}.cyber-sent::after{display:none}}
@keyframes cySentCalm{0%,40%{opacity:1}100%{opacity:0}}

/* ===================== 사이버 한 줄 입력창 (검색) ===================== */
.cyber-inline{position:relative;display:inline-flex;align-items:center;min-width:0;isolation:isolate;border-radius:4px}
.search .cyber-inline{display:flex}
/* 검색 페이지: 입력창 자체 테두리가 빛난다 (.cyber-field 의 빛줄기·모서리 괄호를 같이 씀) */
.eosatom-search-page-form .cyber-inline{flex:1;max-width:480px}
.eosatom-search-page-form .cyber-inline .eosatom-search-page-input{max-width:none}
.cyber-field .cyber-target{position:relative;z-index:1;transition:border-color .25s ease,background-color .35s ease,box-shadow .35s ease}
.cyber-field.is-focus .cyber-target,.cyber-field:focus-within .cyber-target{
  border-color:var(--cyan);outline:none;
  background-color:hsl(from #071c21 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);
  background-image:repeating-linear-gradient(0deg,rgb(from var(--cyan) r g b / .03) 0 1px,transparent 1px 3px);
  box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .55),0 0 12px rgb(from var(--cyan) r g b / .28),inset 0 0 10px rgb(from var(--cyan) r g b / .08);
  animation:cyFocusFlash .95s cubic-bezier(.2,.8,.2,1) both,cyBreath 3.4s ease-in-out .95s infinite
}
/* 헤더 검색: 테두리가 폼(.search)에 있으므로 폼이 빛난다 */
.cyber-box{position:relative;transition:border-color .25s ease,background-color .35s ease,box-shadow .35s ease}
.cyber-box:focus-within{
  border-color:var(--cyan);
  background-color:hsl(from #071c21 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);
  background-image:repeating-linear-gradient(0deg,rgb(from var(--cyan) r g b / .03) 0 1px,transparent 1px 3px);
  box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .55),0 0 12px rgb(from var(--cyan) r g b / .28),inset 0 0 10px rgb(from var(--cyan) r g b / .08);
  animation:cyFocusFlash .95s cubic-bezier(.2,.8,.2,1) both,cyBreath 3.4s ease-in-out .95s infinite
}
.cyber-box::before{
  content:"";position:absolute;inset:-1px;border-radius:5px;padding:1.5px;z-index:2;pointer-events:none;opacity:0;
  background:conic-gradient(from var(--cy-a),transparent 0 68%,rgb(from var(--cyan) r g b / .25) 76%,hsl(from #7ffcf0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 86%,#ffffff 89%,hsl(from rgb(127 252 240) calc(h + var(--acc-shift)) s l / .4) 92%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)
}
.cyber-box:focus-within::before{animation:cySweep 1.15s cubic-bezier(.45,0,.2,1) 1}
.cyber-box::after{
  content:"";position:absolute;inset:-9px;z-index:2;pointer-events:none;opacity:0;
  --cb:var(--cyan);
  background:
    linear-gradient(var(--cb),var(--cb)) top left/9px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) top left/2px 9px no-repeat,
    linear-gradient(var(--cb),var(--cb)) top right/9px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) top right/2px 9px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom left/9px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom left/2px 9px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom right/9px 2px no-repeat,
    linear-gradient(var(--cb),var(--cb)) bottom right/2px 9px no-repeat;
  filter:drop-shadow(0 0 3px rgb(from var(--cyan) r g b / .9));
  transition:inset .38s cubic-bezier(.2,1.4,.4,1),opacity .25s ease
}
.cyber-box:focus-within::after{inset:-4px;opacity:1}
/* 검색 제출: 테두리가 두 번 번쩍이고 빛 고리가 바깥으로 퍼진다 */
.cyber-box.is-sent,.cyber-inline.is-sent{outline:1px solid transparent;animation:cyBoxSent .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes cyBoxSent{
  0%{box-shadow:0 0 0 0 hsl(from rgb(200 255 249) calc(h + var(--acc-shift)) s l / 0),0 0 0 rgb(from var(--cyan) r g b / 0);outline-color:hsl(from rgb(127 252 240) calc(h + var(--acc-shift)) s l / 0);outline-offset:0}
  12%{box-shadow:0 0 0 1.5px hsl(from #c8fff9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),0 0 26px rgb(from var(--cyan) r g b / .85),inset 0 0 18px rgb(from var(--cyan) r g b / .35);outline-color:hsl(from rgb(127 252 240) calc(h + var(--acc-shift)) s l / .9);outline-offset:1px}
  24%{box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .4),0 0 10px rgb(from var(--cyan) r g b / .3),inset 0 0 6px rgb(from var(--cyan) r g b / .1)}
  36%{box-shadow:0 0 0 1.5px hsl(from #c8fff9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),0 0 26px rgb(from var(--cyan) r g b / .85),inset 0 0 18px rgb(from var(--cyan) r g b / .35)}
  100%{box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .55),0 0 12px rgb(from var(--cyan) r g b / .28),inset 0 0 10px rgb(from var(--cyan) r g b / .08);outline-color:hsl(from rgb(127 252 240) calc(h + var(--acc-shift)) s l / 0);outline-offset:13px}
}
@media (prefers-reduced-motion:reduce){
  .cyber-box::before{display:none}
  .cyber-box:focus-within,.cyber-field:focus-within .cyber-target{animation:none}
  .cyber-box::after{transition:none}
  .cyber-box.is-sent,.cyber-inline.is-sent{animation:none}
}

/* ===================== 색 테마 점 (하단 상태바) ===================== */
.eoc-theme{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.eoc-theme em{font-style:normal;font-size:9px;letter-spacing:.8px;color:var(--muted);margin-right:1px}
.eoc-theme-dot{width:11px;height:11px;padding:0;border:0;border-radius:50%;cursor:pointer;flex:none;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75) 0 16%,var(--dot) 46%);
  box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 6px color-mix(in srgb,var(--dot) 60%,transparent);
  transition:transform .15s ease,box-shadow .2s ease}
.eoc-theme-dot:hover{transform:scale(1.3)}
.eoc-theme-dot:focus-visible{outline:1px solid var(--dot);outline-offset:3px}
.eoc-theme-dot.is-on{box-shadow:0 0 0 1.5px #03090b,0 0 0 3px var(--dot),0 0 12px var(--dot);animation:eocDotPulse 2.4s ease-in-out infinite}
@keyframes eocDotPulse{50%{box-shadow:0 0 0 1.5px #03090b,0 0 0 3px var(--dot),0 0 20px var(--dot)}}
/* 테마를 바꾸는 순간 화면을 위에서 아래로 훑는 빛 */
.eoc-theme-sweep{position:fixed;left:0;right:0;top:0;height:140px;z-index:99999;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--sw) 10%,transparent) 55%,color-mix(in srgb,var(--sw) 55%,transparent) 96%,var(--sw) 98.5%,transparent 100%);
  animation:eocThemeSweep .85s cubic-bezier(.45,0,.25,1) forwards}
@keyframes eocThemeSweep{from{transform:translateY(-140px);opacity:1}to{transform:translateY(100vh);opacity:.15}}
@media (prefers-reduced-motion:reduce){.eoc-theme-dot.is-on{animation:none}.eoc-theme-sweep{display:none}}
@media (max-width:780px){
  .status-bar .status-posts,.status-bar .status-alerts{display:none}
  .eoc-theme em{display:none}
  .eoc-theme{gap:8px}
  .eoc-theme-dot{width:14px;height:14px}
}

/* ===================== BOT 표시 · 게시판 BOT 탭 ===================== */
.bot-badge{display:inline-block;margin-left:5px;padding:0 4px;border:1px solid color-mix(in srgb,var(--violet) 70%,transparent);border-radius:3px;
  color:var(--violet);font-size:8.5px;font-weight:800;letter-spacing:.6px;line-height:13px;vertical-align:1px;background:color-mix(in srgb,var(--violet) 12%,transparent)}
.room-tab-list .room-tab-bot{margin-left:auto;border-color:color-mix(in srgb,var(--violet) 45%,transparent);color:color-mix(in srgb,var(--violet) 85%,#fff)}
.room-tab-list .room-tab-bot::before{content:"🤖";margin-right:4px}
.room-tab-list .room-tab-bot.is-on{background:color-mix(in srgb,var(--violet) 18%,transparent);border-color:var(--violet);color:#fff}
.posts-head .tabs .tab-bot{color:color-mix(in srgb,var(--violet) 85%,#fff)}
.posts-head .tabs .tab-bot::before{content:"🤖 "}
.posts-head .tabs .tab-bot.active{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 16%,transparent);color:#fff}

/* ===================== BOT CONTROL ===================== */
.bc{color:var(--text)}
.bc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--radius);
  background:linear-gradient(135deg,rgb(from var(--cyan) r g b / .08),transparent 60%),var(--panel)}
.bc-head h1{margin:0;font-size:20px;color:#fff;letter-spacing:1px}
.bc-head p{margin:4px 0 0;font-size:11.5px;color:var(--muted)}
.bc-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bc-worker{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--red)}
.bc-worker i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.bc-worker.is-on{color:var(--green)}
.bc-worker small{color:var(--muted)}
.bc-tabs{display:flex;gap:4px;margin:10px 0 12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line-soft)}
.bc-tabs button{flex:none;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:9px 12px;font:inherit;font-size:12px;cursor:pointer}
.bc-tabs button:hover{color:#fff}
.bc-tabs button.is-on{color:var(--cyan);border-bottom-color:var(--cyan);font-weight:700}
.bc-tabs em{font-style:normal;margin-left:5px;background:var(--red);color:#fff;border-radius:9px;padding:0 6px;font-size:10px}
.bc-msg{margin:0 0 10px;padding:8px 12px;border-radius:4px;border:1px solid rgb(from var(--cyan) r g b / .5);background:rgb(from var(--cyan) r g b / .08);font-size:12px}
.bc-msg.is-err{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);color:#ffd0d3}
.bc-h3{margin:18px 0 8px;font-size:12px;letter-spacing:1.5px;color:var(--cyan)}
.bc-muted{color:var(--muted);font-size:11px}
.bc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
.bc-rows{display:flex;gap:10px;flex-wrap:wrap}
.bc-spacer{flex:1}
.bc-btn{background:var(--cyan);color:#041013;border:0;border-radius:4px;padding:7px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.bc-btn:disabled{opacity:.5;cursor:default}
.bc-btn.ghost{background:none;border:1px solid var(--line-soft);color:var(--text);font-weight:600}
.bc-btn.ghost:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}
.bc-btn.sm{padding:4px 9px;font-size:11px}
.bc-btn.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}
.bc-toggle{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;color:var(--text);font:inherit;font-size:11.5px;cursor:pointer}
.bc-toggle i{position:relative;width:30px;height:16px;border-radius:9px;background:#1b2a2e;border:1px solid var(--line-soft);transition:background .2s}
.bc-toggle i::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#6c8588;transition:transform .2s,background .2s}
.bc-toggle.is-on i{background:rgb(from var(--cyan) r g b / .25);border-color:var(--cyan)}
.bc-toggle.is-on i::after{transform:translateX(14px);background:var(--cyan);box-shadow:0 0 6px var(--cyan)}
.bc-toggle:disabled{opacity:.5}
.bc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bc-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:10px 12px}
.bc-card small{display:block;font-size:10.5px;color:var(--muted)}
.bc-card b{font-size:22px;color:#fff}
.bc-table{width:100%;border-collapse:collapse;font-size:11.5px;border:1px solid var(--line-soft);background:var(--panel)}
.bc-table th{text-align:left;padding:7px 8px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.bc-table td{padding:6px 8px;border-bottom:1px solid rgb(from var(--cyan) r g b / .08);vertical-align:middle}
.bc-table tr.is-off td{opacity:.5}
.bc-table tr.is-warn td{background:color-mix(in srgb,var(--gold) 6%,transparent)}
.bc-table select,.bc-table input{background:#06161b;border:1px solid var(--line-soft);color:var(--text);border-radius:3px;padding:3px 5px;font:inherit;font-size:11px}
.bc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#566;vertical-align:1px}
.bc-dot.st-ok{background:var(--green);box-shadow:0 0 5px var(--green)}
.bc-dot.st-error,.bc-dot.st-robots{background:var(--red)}
.bc-dot.st-empty{background:var(--gold)}
.bc-err-inline{color:#ff9da2}
.bc-chip{display:inline-block;padding:1px 7px;border-radius:10px;border:1px solid var(--line-soft);font-size:10.5px;color:var(--muted);white-space:nowrap}
.bc-chip.d-auto{border-color:var(--green);color:var(--green)}
.bc-chip.d-review{border-color:var(--gold);color:var(--gold)}
.bc-chip.d-drop{border-color:#555;color:#8a9a9c}
.bc-chip.pol-strict{border-color:color-mix(in srgb,var(--red) 60%,transparent);color:#ff9da2}
.bc-chip.pol-off{opacity:.7}
.bc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px;align-items:center}
.bc-chips button{background:none;border:1px solid var(--line-soft);color:var(--text);border-radius:14px;padding:4px 11px;font:inherit;font-size:11.5px;cursor:pointer}
.bc-chips button.is-on{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .08)}
.bc-chips em{font-style:normal;color:var(--muted);margin-left:3px}
.bc-chips select{background:#06161b;border:1px solid var(--line-soft);color:var(--text);border-radius:14px;padding:4px 9px;font:inherit;font-size:11.5px}
.bc-sources{display:flex;flex-direction:column;gap:8px}
.bc-src{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:10px 12px}
.bc-src.is-off{opacity:.72}
.bc-src-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center}
.bc-src-title{min-width:0;display:flex;flex-direction:column;gap:2px}
.bc-src-title b{color:#fff;font-size:13px}
.bc-src-title small{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-src-flags,.bc-src-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.bc-form{border:1px solid rgb(from var(--cyan) r g b / .35);border-radius:var(--radius);background:rgb(from var(--cyan) r g b / .03);padding:12px 14px;margin:10px 0}
.bc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px 12px}
.bc-grid label,.bc-inline{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}
.bc-grid label small{font-size:10px;color:#56777b}
.bc-grid .bc-wide{grid-column:span 2}
.bc-grid input,.bc-grid select,.bc-grid textarea,.bc-add-rule input,.bc-add-rule select,.bc-inline select{background:#06161b;border:1px solid var(--line-soft);color:var(--text);border-radius:4px;padding:6px 8px;font:inherit;font-size:12px}
.bc-grid input:focus,.bc-grid select:focus,.bc-grid textarea:focus,.bc-add-rule input:focus{outline:none;border-color:var(--cyan)}
.bc-inline{flex-direction:row;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line-soft);border-radius:4px;background:var(--panel)}
.bc-inline b{color:var(--text);font-size:11.5px}
.bc-fieldset{border:1px dashed var(--line-soft);border-radius:4px;margin:10px 0;padding:8px 10px}
.bc-fieldset legend{font-size:10.5px;color:var(--muted);padding:0 5px}
.bc-actions{border-top:1px solid var(--line-soft);padding-top:10px;margin-bottom:0}
.bc-add-rule input:first-child{flex:1;min-width:180px}
.bc-num{width:64px}
.bc-test{border:1px solid var(--line-soft);border-radius:var(--radius);background:#051116;margin:8px 0;padding:10px 12px}
.bc-test-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px}
.bc-test-head b{color:#fff}
.bc-test-head small{color:var(--muted)}
.bc-test-list{margin:8px 0 0;padding-left:20px;max-height:380px;overflow:auto;font-size:11.5px}
.bc-test-list li{padding:4px 0;border-bottom:1px solid rgb(from var(--cyan) r g b / .06);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bc-test-list a{color:var(--text);text-decoration:none;flex:1;min-width:200px}
.bc-test-list a:hover{color:var(--cyan)}
.bc-test-list small{color:var(--muted);width:100%;padding-left:2px}
.bc-score{display:inline-block;min-width:26px;text-align:center;color:var(--cyan)}
.bc-pol{font-size:10px;color:#ff9da2;border:1px solid color-mix(in srgb,var(--red) 50%,transparent);border-radius:3px;padding:0 4px}
.bc-error{margin-top:8px;color:#ff9da2;font-size:11.5px}
.bc-warn{color:var(--gold);font-size:11px}
.bc-queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bc-cand{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:9px 12px}
.bc-cand.is-pol{border-color:color-mix(in srgb,var(--red) 45%,transparent)}
.bc-cand-score{display:flex;flex-direction:column;align-items:center;gap:2px}
.bc-cand-score b{font-size:20px;color:var(--cyan);line-height:1}
.bc-cand-score small{font-size:9.5px;color:var(--muted)}
.bc-cand-body{min-width:0;display:flex;flex-direction:column;gap:3px}
.bc-cand-title{width:100%;box-sizing:border-box;background:#06161b;border:1px solid var(--line-soft);color:#fff;border-radius:4px;padding:5px 8px;font:inherit;font-size:12.5px}
.bc-cand-title:focus{outline:none;border-color:var(--cyan)}
.bc-cand-title-text{color:#fff;font-size:12.5px}
.bc-cand-body small{font-size:10.5px;color:var(--muted)}
.bc-reason code{margin-left:4px;font-size:10px;color:#9fb6b8;background:#0a1d22;padding:0 4px;border-radius:3px}
.bc-orig{font-size:10.5px;color:var(--cyan);text-decoration:none;align-self:flex-start}
.bc-cand-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.bc-pages{justify-content:center;font-size:11.5px;color:var(--muted)}
@media (max-width:780px){
  .bc-src-main{grid-template-columns:auto minmax(0,1fr)}
  .bc-src-flags,.bc-src-actions{grid-column:1/-1;justify-content:flex-start}
  .bc-grid .bc-wide{grid-column:auto}
  .bc-cand{grid-template-columns:48px minmax(0,1fr)}
  .bc-cand-actions{grid-column:1/-1;justify-content:flex-start}
  .bc-table{display:block;overflow-x:auto}
}

/* ===================== READING ROOM v2 (목업: 큰 제목 · 액션 레일 · 본문 · ARTICLE_INFO · DISCUSSION · CONTINUE STREAM) ===================== */
.rr-wrap{min-width:0;display:flex;flex-direction:column;gap:14px;max-width:1680px;width:100%;margin:0 auto}
.rr-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:4px 2px 0;font-size:12px;color:var(--muted)}
.rr-crumb a{color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none}
.rr-crumb a:hover{color:var(--ra)}
.rr-crumb i{font-style:normal;color:#4f6f73}
.rr-crumb span{color:var(--ra);font-weight:700}
.rr-crumb .rr-back{margin-left:auto;color:var(--ra);font-weight:700}
.rr-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:start}

/* 액션 레일 */
.rr-actions{position:sticky;top:70px;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 4px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}
.rr-act{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 2px;border:0;border-radius:5px;background:none;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;cursor:pointer;transition:background .15s,color .15s}
.rr-act:hover{background:rgb(from var(--ra) r g b / .1);color:var(--ra)}
.rr-act.is-on{color:var(--ra)}
.rr-ico{font-size:20px;line-height:1;color:var(--ra)}
.rr-act b{font-size:14px;color:#fff;line-height:1.3}
.rr-act small{font-size:10px}
.rr-menu-wrap{position:relative;display:flex;justify-content:center}
.rr-menu-btn{background:none;border:0;color:var(--muted);font-size:18px;letter-spacing:1px;cursor:pointer;padding:4px 8px;border-radius:4px}
.rr-menu-btn:hover{color:var(--ra);background:rgb(from var(--ra) r g b / .1)}
.rr-menu{position:absolute;z-index:30;top:100%;left:0;min-width:150px;display:flex;flex-direction:column;padding:5px;border:1px solid var(--ra);border-radius:6px;background:hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.rr-actions .rr-menu{left:calc(100% + 6px);top:0}
.rr-menu button{text-align:left;background:none;border:0;color:var(--text);font:inherit;font-size:12px;padding:7px 9px;border-radius:4px;cursor:pointer}
.rr-menu button:hover{background:rgb(from var(--ra) r g b / .12);color:#fff}
.rr-menu button.danger:hover{background:color-mix(in srgb,var(--red) 16%,transparent);color:#ffb3b8}

/* 본문 카드 */
.rr-article{min-width:0;padding:18px 26px 22px;border:1px solid rgb(from var(--ra) r g b / .55);border-radius:var(--radius);background:linear-gradient(180deg,hsl(from #061a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #04111a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));box-shadow:0 0 0 1px rgb(from var(--ra) r g b / .06),0 0 26px rgb(from var(--ra) r g b / .06)}
.rr-chips{display:flex;gap:6px;margin-bottom:10px}
.rr-chip{padding:2px 8px;border:1px solid var(--line-soft);border-radius:3px;font-size:10.5px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;letter-spacing:.5px}
.rr-chip.is-room{border-color:var(--ra);color:var(--ra);font-weight:800}
.rr-chip:hover{border-color:var(--ra);color:#fff}
.rr-title{margin:0 0 8px;font-size:clamp(24px,2.3vw,34px);line-height:1.3;font-weight:900;color:#fff;word-break:keep-all;overflow-wrap:anywhere}
.rr-title-tag{display:inline-block;vertical-align:.3em;margin-right:10px;padding:1px 8px;border:1.5px solid var(--violet);border-radius:4px;color:var(--violet);font-size:.42em;font-weight:800;letter-spacing:.5px}
.rr-dek{margin:0 0 12px;color:var(--ra);font-size:14px;line-height:1.6;opacity:.92}
.rr-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.rr-byline b{color:#fff;font-size:13px;margin-left:-6px}
.rr-watch{display:inline-flex;align-items:center;gap:5px;color:var(--green)}
.rr-watch i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}
.rr-status{margin:14px 0 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:11px;color:var(--muted)}
.rr-status-bar{flex-basis:100%;height:3px;border-radius:2px;background:rgb(from var(--ra) r g b / .14);overflow:hidden}
.rr-status-bar i{display:block;height:100%;background:var(--ra);box-shadow:0 0 8px var(--ra);transition:width .12s linear}
.rr-status-right{margin-left:auto}
.rr-status-right b{color:var(--ra);margin-left:10px}

/* 본문 타이포 — 코드·인용·이미지에서만 터미널 느낌을 강하게 */
.rr-content{font-size:14.5px;line-height:1.9}
.rr-content h2{font-size:1.25em;color:var(--ra);margin:1.6em 0 .5em;padding-top:.2em;scroll-margin-top:80px}
.rr-content h3{font-size:1.08em;color:#fff;margin:1.3em 0 .4em;scroll-margin-top:80px}
.rr-content blockquote{position:relative;margin:18px 0;padding:14px 18px 14px 60px;border:1px solid var(--ra);border-radius:6px;background:rgb(from var(--ra) r g b / .05);font-style:normal;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:inset 0 0 18px rgb(from var(--ra) r g b / .06)}
.rr-content blockquote::before{content:"“";position:absolute;left:16px;top:2px;font-size:48px;line-height:1;color:var(--ra);font-family:Georgia,serif}
.rr-content blockquote p:last-child{margin-bottom:0}
.rr-code{margin:14px 0;border:1px solid var(--line-soft);border-radius:6px;overflow:hidden;background:hsl(from #03111a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.rr-code-head{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--line-soft);background:rgb(from var(--ra) r g b / .05)}
.rr-code-lang{font-size:10px;letter-spacing:1.2px;color:var(--muted)}
.rr-code-lang::before{content:"▣ ";color:var(--violet)}
.rr-code-copy{background:none;border:1px solid var(--line-soft);border-radius:4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:10.5px;padding:3px 9px;cursor:pointer}
.rr-code-copy:hover{border-color:var(--ra);color:var(--ra)}
.rr-code-body{display:flex;min-width:0}
.rr-code-lines{flex:none;padding:12px 8px 12px 10px;text-align:right;white-space:pre;font-family:var(--mono);font-size:12px;line-height:1.6;color:#4f6f73;border-right:1px solid var(--line-soft);user-select:none}
.rr-code-body pre{flex:1;min-width:0;margin:0!important;border:0!important;border-radius:0!important;background:none!important;padding:12px 14px!important}
.rr-content figure.image,.rr-content>div>figure.image{display:block;margin:18px 0}
.rr-content figure.image img,.rr-content img{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--line-soft);border-radius:6px;cursor:zoom-in}
.rr-content figure.image>figcaption{display:block;text-align:center;margin-top:6px;color:var(--muted);font-size:11.5px}
.rr-content figure.image>figcaption::before{content:"▲ "}
.rr-content .media-embed{margin:16px 0;aspect-ratio:16/9}
.rr-content .media-embed iframe{width:100%;height:100%;border:1px solid var(--line-soft);border-radius:6px}
.rr-photos{display:flex;flex-direction:column;gap:14px;margin:12px 0}
.rr-photos figure{margin:0}
.rr-photos img{display:block;width:100%;height:auto;border:1px solid var(--line-soft);border-radius:6px;cursor:zoom-in}
.rr-photos figcaption{text-align:center;margin-top:6px;color:var(--muted);font-size:11.5px}

.rr-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 4px}
.rr-tags a{padding:3px 9px;border:1px solid var(--line-soft);border-radius:4px;font-size:11.5px;color:var(--ra);text-decoration:none}
.rr-tags a:hover{border-color:var(--ra);background:rgb(from var(--ra) r g b / .08)}
.rr-tags.is-side{margin:0}
.rr-react{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:16px 0;padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.rr-react>button{padding:8px 16px;border:1px solid var(--line-soft);border-radius:5px;background:none;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12.5px;cursor:pointer}
.rr-react>button:hover,.rr-react>button.is-on{border-color:var(--ra);color:var(--ra)}
.rr-react .rr-like{border-color:color-mix(in srgb,var(--red) 70%,transparent);color:#ff8a92;background:color-mix(in srgb,var(--red) 8%,transparent)}
.rr-react .rr-like b{margin-left:4px}
.rr-react .rr-like:hover,.rr-react .rr-like.is-on{border-color:var(--red);color:#fff;background:color-mix(in srgb,var(--red) 22%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--red) 35%,transparent)}
.rr-react .rr-menu-btn{border:1px solid var(--line-soft);padding:5px 12px}
.rr-react .rr-menu{left:auto;right:0}
.rr-author{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 2px 16px;border-bottom:1px solid var(--line-soft)}
.rr-author-text{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
.rr-author-text b{color:#fff;font-size:14px}
.rr-author-text span{color:var(--ra);font-size:12px}
.rr-author-text small{color:var(--muted);font-size:11px}
.rr-author-stats{display:flex;gap:18px;margin:0}
.rr-author-stats div{display:flex;flex-direction:column;align-items:center}
.rr-author-stats dt{font-size:10px;color:var(--muted)}
.rr-author-stats dd{margin:0;font-size:13px;color:#fff;font-weight:700}
.rr-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.rr-prevnext>a,.rr-prevnext>span{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--line-soft);border-radius:6px;color:var(--text);text-decoration:none;font-size:12.5px;transition:border-color .2s,box-shadow .2s}
.rr-prevnext>a:hover{border-color:var(--ra);box-shadow:0 0 14px rgb(from var(--ra) r g b / .18)}
.rr-prevnext .next{justify-content:space-between;text-align:right}
.rr-prevnext i{font-style:normal;color:var(--ra);font-size:12px}
.rr-prevnext span span,.rr-prevnext>a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rr-prevnext small{display:block;color:var(--ra);font-size:10.5px;margin-bottom:2px}
.rr-prevnext em{font-style:normal;color:var(--ra);margin-right:6px}
.rr-prevnext .empty{opacity:.5}

/* 오른쪽 정보 */
.rr-side{position:sticky;top:70px;display:flex;flex-direction:column;gap:10px}
.rr-box{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:8px 10px 10px}
.rr-box h3{margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line-soft);font-size:11px;letter-spacing:1px;color:var(--ra)}
.rr-info{margin:0;display:flex;flex-direction:column;gap:4px}
.rr-info div{display:flex;justify-content:space-between;gap:8px;font-size:11.5px}
.rr-info dt{color:var(--muted)}
.rr-info dd{margin:0;color:#fff}
.rr-toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.rr-toc a{display:block;padding:5px 8px;border-left:2px solid transparent;font-size:11.5px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;line-height:1.4}
.rr-toc li.is-sub a{padding-left:18px;font-size:11px}
.rr-toc a:hover{color:#fff}
.rr-toc li.is-on a{border-left-color:var(--ra);color:var(--ra);background:rgb(from var(--ra) r g b / .08);font-weight:700}
.rr-art{position:relative;display:block;height:160px;border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;text-decoration:none}
.rr-art-svg{position:absolute;inset:0;width:100%;height:100%}
.rr-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,8,11,.85))}
.rr-art-text{position:absolute;z-index:1;left:12px;bottom:10px;display:flex;flex-direction:column;gap:2px}
.rr-art-text b{color:var(--ra);font-size:13px;text-shadow:0 0 8px rgba(0,0,0,.8)}
.rr-art-text em{font-style:normal;color:#fff;font-size:11px}
.rr-quote{margin:0;padding:12px 14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);font-size:12px;line-height:1.7;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.rr-quote>span{color:var(--ra);font-size:18px;font-family:Georgia,serif;margin:0 3px}
.rr-quote cite{display:block;text-align:right;font-style:normal;color:var(--ra);font-size:11px;margin-top:4px}

/* DISCUSSION */
.rr-discussion{padding:12px 16px 14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}
.is-discussion .discussion-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.is-discussion .discussion-head h2{margin:0;font-size:14px;color:var(--ra);letter-spacing:1px}
.is-discussion .discussion-head h2 span{margin-left:10px;font-size:11.5px;color:var(--muted);letter-spacing:0;font-weight:400}
.discussion-sort{display:flex;gap:2px}
.discussion-sort button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-size:11.5px;padding:3px 8px;cursor:pointer}
.discussion-sort button.is-on{color:var(--ra);border-bottom-color:var(--ra)}
.is-discussion .eosatom-comment-form{margin:0 0 10px}
.discussion-more{display:block;width:100%;margin-top:10px;padding:9px;border:1px solid var(--line-soft);border-radius:5px;background:none;color:var(--ra);font:inherit;font-size:12.5px;cursor:pointer}
.discussion-more:hover{border-color:var(--ra);background:rgb(from var(--ra) r g b / .06)}

/* CONTINUE STREAM */
.rr-stream{padding:12px 16px 16px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}
.rr-sec-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.rr-sec-head h2{margin:0;font-size:14px;color:var(--ra);letter-spacing:1px}
.rr-sec-head span{font-size:12px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.rr-sec-head small{margin-left:8px;color:var(--muted)}
.rr-stream-total{margin-left:auto;font-style:normal;color:var(--ra);font-size:12px}
.rr-stream-tabs{display:flex;gap:4px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}
.rr-stream-tabs button{flex:none;padding:7px 16px;border:1px solid var(--line-soft);border-radius:4px;background:none;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12px;cursor:pointer}
.rr-stream-tabs button:hover{color:#fff}
.rr-stream-tabs button.is-on{border-color:var(--ra);color:var(--ra);background:rgb(from var(--ra) r g b / .1);font-weight:700}
.rr-stream-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}
.rr-stream-table th{padding:7px 8px;text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.rr-stream-table th.c-num,.rr-stream-table td.c-num,.rr-stream-table th.c-date,.rr-stream-table td.c-date{text-align:right}
.rr-stream-table td{padding:7px 8px;border-bottom:1px solid rgb(from var(--ra) r g b / .07);vertical-align:middle}
.rr-stream-table tbody tr{cursor:pointer;transition:background .12s}
.rr-stream-table tbody tr:hover{background:rgb(from var(--ra) r g b / .05)}
.rr-stream-table td.c-no{width:60px;color:var(--muted);white-space:nowrap}
.rr-stream-table td.c-cat{width:1%;white-space:nowrap;color:var(--ra);font-size:11.5px}
.rr-stream-table td.c-title a{color:var(--text);text-decoration:none}
.rr-stream-table td.c-title em{font-style:normal;color:var(--red);margin-left:5px;font-size:11px}
.rr-stream-table td.c-author{white-space:nowrap;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);max-width:140px;overflow:hidden;text-overflow:ellipsis}
.rr-stream-table td.c-num,.rr-stream-table td.c-date{white-space:nowrap;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.rr-stream-table .rr-notice{color:var(--gold)}
.rr-stream-table tr.is-current{background:rgb(from var(--ra) r g b / .12)!important;cursor:default;box-shadow:inset 3px 0 0 var(--ra)}
.rr-stream-table tr.is-current td.c-title a{color:#fff;font-weight:700}
.rr-now{color:var(--ra);margin-right:4px}
.rr-reading-tag{margin-left:8px;padding:0 6px;border:1px solid var(--ra);border-radius:3px;font-size:10px;color:var(--ra)}
.rr-stream-m{display:none}
.rr-hot-row td{padding:9px 8px;background:color-mix(in srgb,var(--red) 5%,transparent);cursor:default}
.rr-hot-label{margin-right:14px;color:#ff8a92;font-size:11px;letter-spacing:1px}
.rr-hot-row a{margin-right:18px;color:hsl(from #eaf8f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-decoration:none;font-size:12px}
.rr-hot-row a:hover{color:#ff8a92}
.rr-stream-more{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid var(--line-soft);border-radius:5px;background:none;color:var(--ra);font:inherit;font-size:12.5px;cursor:pointer}
.rr-stream-more:hover:not(:disabled){border-color:var(--ra);background:rgb(from var(--ra) r g b / .06)}
.rr-mobile-bar{display:none}

/* FOCUS: 레일·사이드 없이 본문만 */
.rr.is-focus .rr-side{display:none}
.rr.is-focus .rr-grid{grid-template-columns:minmax(0,1200px);justify-content:center}

@media (max-width:1280px){
  .rr-grid{grid-template-columns:minmax(0,1fr) 230px}
}
@media (max-width:1100px){
  .rr-grid{grid-template-columns:minmax(0,1fr)}
  .rr-side{position:static;grid-column:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .rr-art,.rr-quote{display:none}
}
@media (max-width:780px){
  .room.reading.rr{grid-template-columns:minmax(0,1fr);padding-bottom:64px}
  .rr .room-rail{display:none}
  .rr-grid{grid-template-columns:minmax(0,1fr)}
  .rr-side{display:none}
  .rr-article{padding:14px 14px 16px}
  .rr-title{font-size:22px}
  .rr-title-tag{display:none}
  .rr-content{font-size:14px}
  .rr-content blockquote{padding:12px 14px 12px 44px}
  .rr-content blockquote::before{left:10px;font-size:38px}
  .rr-author-stats{width:100%;justify-content:space-around}
  .rr-prevnext{grid-template-columns:1fr}
  .rr-crumb .rr-back{margin-left:0;flex-basis:100%}
  .rr-discussion,.rr-stream{padding:10px 10px 12px}
  .rr-stream-table thead,.rr-stream-table td.c-no,.rr-stream-table td.c-cat,.rr-stream-table td.c-author,.rr-stream-table td.c-num,.rr-stream-table td.c-date{display:none}
  .rr-stream-table td.c-title{padding:9px 4px}
  .rr-stream-m{display:block;margin-top:3px;font-size:10.5px;color:var(--muted)}
  .rr-reading-tag{display:inline-block;margin:0 0 0 6px}
  .rr-hot-row a{display:block;margin:4px 0 0}
  .rr-mobile-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ra);background:hsl(from #041318 calc(h + var(--acc-shift)) s l / .96);backdrop-filter:blur(6px)}
  .rr-mobile-bar button{padding:13px 4px;border:0;background:none;color:hsl(from #d7ebea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12.5px;cursor:pointer}
  .rr-mobile-bar button.is-on{color:var(--ra)}
  body.eoc-reading-focus .rr-mobile-bar{display:none}
}

/* 작성자 팔로우 · 댓글 추천 */
.rr-follow{flex:none;padding:8px 16px;border:0;border-radius:5px;background:var(--ra);color:#041013;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;box-shadow:0 0 12px rgb(from var(--ra) r g b / .35)}
.rr-follow:hover{filter:brightness(1.1)}
.rr-follow.is-on{background:none;border:1px solid var(--ra);color:var(--ra);box-shadow:none}
.eosatom-comment-action-btn.comment-like{min-width:44px}
.eosatom-comment-action-btn.comment-like.is-on{border-color:var(--ra,var(--cyan));color:var(--ra,var(--cyan));background:rgb(from var(--ra,var(--cyan)) r g b / .1)}

/* ===== MY FOLLOWS (/my/follows) ===== */
.mf-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line-soft)}
.mf-tabs{display:flex;gap:4px;flex-wrap:wrap}
.mf-tabs button{padding:6px 12px;border:1px solid var(--line-soft);border-radius:4px;background:none;color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.mf-tabs button:hover{color:var(--text);border-color:rgb(from var(--cyan) r g b / .5)}
.mf-tabs button.on{color:var(--cyan);border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .08);box-shadow:0 0 8px rgb(from var(--cyan) r g b / .25)}
.mf-error{margin:10px 14px 0}
.mf-feed{list-style:none;margin:0;padding:0}
.mf-feed li+li{border-top:1px solid var(--line-soft)}
.mf-feed a{display:flex;align-items:center;gap:14px;padding:12px 14px;color:inherit;text-decoration:none;transition:background .15s}
.mf-feed a:hover{background:rgb(from var(--cyan) r g b / .05)}
.mf-feed a:hover strong{color:var(--cyan)}
.mf-feed-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.mf-feed-meta{display:flex;gap:8px;align-items:baseline;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.mf-feed-meta b{color:var(--text);font-weight:700}
.mf-feed-meta em{font-style:normal}
.mf-feed-main strong{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-feed-stats{font-size:11px;color:var(--muted);font-family:var(--mono)}
.mf-thumb{flex:none;width:72px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--line-soft)}
.mf-more{display:block;width:calc(100% - 28px);margin:10px 14px 14px;padding:9px;border:1px dashed var(--line-soft);border-radius:4px;background:none;color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer}
.mf-more:hover{color:var(--cyan);border-color:var(--cyan)}
.mf-people{list-style:none;margin:0;padding:0}
.mf-people li{display:flex;align-items:center;gap:12px;padding:12px 14px}
.mf-people li+li{border-top:1px solid var(--line-soft)}
.mf-avatar{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgb(from var(--cyan) r g b / .45);display:inline-flex;align-items:center;justify-content:center;background:var(--panel2);color:var(--cyan);font-weight:800;font-size:16px}
.mf-person{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mf-name{font-size:14px;font-weight:700;color:var(--text)}
.mf-sub{font-size:11.5px;color:var(--muted)}
.mf-last{font-size:12px;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-last:hover{color:var(--cyan)}
.mf-last em{font-style:normal;color:var(--muted);margin-left:4px;font-size:11px}
.mf-last.none{color:var(--muted)}
.mf-actions{flex:none;display:flex;gap:6px;align-items:center}
.mf-bell,.mf-btn{padding:6px 11px;border-radius:4px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:filter .15s,border-color .15s,color .15s}
.mf-bell{border:1px solid var(--line-soft);background:none;color:var(--muted)}
.mf-bell.on{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .08)}
.mf-btn{border:0;background:var(--cyan);color:#041013;font-weight:800}
.mf-btn:hover{filter:brightness(1.1)}
.mf-btn.ghost{border:1px solid var(--line-soft);background:none;color:var(--muted);font-weight:400}
.mf-btn.ghost:hover{border-color:var(--red);color:var(--red)}
.mf-btn:disabled{opacity:.5;cursor:default}
.mf-mutual{font-size:12px;color:var(--cyan)}
@media (max-width:640px){
  .mf-people li{flex-wrap:wrap}
  .mf-actions{width:100%;justify-content:flex-end}
  .mf-thumb{width:56px;height:40px}
}
/* ===== BEST HUB (헤더 베스트 메뉴 패널) ===== */
.bh-item.is-open>button{color:#f3c160;border-bottom-color:#f3c160}
.bh-item.is-open .mega-chevron{transform:rotate(180deg);color:#f3c160}
.bh-panel{--bh-gold:#f0b44c;--bh-gold-soft:rgba(240,180,76,.35);--bh-red:#ff4747;--bh-ivory:#f3ecdc;--bh-serif:"Noto Serif KR","Nanum Myeongjo",Georgia,serif;
  position:fixed;left:50%;transform:translateX(-50%);z-index:60;width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow:auto;
  display:grid;grid-template-columns:230px minmax(0,1fr) minmax(0,1.12fr) 270px;gap:14px;padding:16px;
  border:1px solid var(--bh-gold);border-radius:8px;background:linear-gradient(180deg,#0a0f11,#06090b);
  box-shadow:0 0 0 1px rgba(240,180,76,.12),0 0 34px rgba(240,180,76,.18),0 24px 60px rgba(0,0,0,.7);animation:bh-in .16s ease-out}
@keyframes bh-in{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.bh-col{min-width:0}
.bh-panel h3{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--bh-gold);white-space:nowrap}
.bh-panel h3 small{margin-left:6px;font-size:9.5px;font-weight:600;letter-spacing:.5px;color:#8a7a5c}
.bh-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:220px;color:#8a7a5c;font-size:12px}
.bh-loading i{width:7px;height:7px;border-radius:50%;background:var(--bh-gold);animation:bh-dot 1s infinite ease-in-out}
.bh-loading i:nth-child(2){animation-delay:.15s}.bh-loading i:nth-child(3){animation-delay:.3s}
@keyframes bh-dot{0%,100%{opacity:.25}50%{opacity:1}}

/* 왼쪽 HUB 메뉴 */
.bh-nav{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border:1px solid rgba(240,180,76,.28);border-radius:6px;background:rgba(240,180,76,.03)}
.bh-nav a{display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid transparent;border-radius:5px;color:#d9d2c2;text-decoration:none;transition:background .15s,border-color .15s}
.bh-nav a svg{flex:none;color:#cfc4ad}
.bh-nav a span{display:flex;flex-direction:column;min-width:0;flex:1}
.bh-nav a b{font-size:12px;letter-spacing:.8px;color:#ece4d2}
.bh-nav a small{font-size:10.5px;color:#8f8674;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-nav a em{font-style:normal;color:var(--bh-red);font-size:18px}
.bh-nav a:hover{background:rgba(240,180,76,.08);border-color:rgba(240,180,76,.3)}
.bh-nav a.is-on{background:linear-gradient(90deg,rgba(255,71,71,.18),rgba(255,71,71,.04));border-color:rgba(255,71,71,.55)}
.bh-nav a.is-on b,.bh-nav a.is-on svg{color:#ff6b5e}
.bh-nav-quote{margin:auto 0 0;padding:14px 6px 2px;border-top:1px solid rgba(240,180,76,.18);font-family:var(--bh-serif);font-size:12.5px;line-height:1.7;color:#d9d0bc;text-align:center}
.bh-nav-quote cite{display:block;margin-top:6px;font-family:inherit;font-style:normal;font-size:10px;letter-spacing:1px;color:#8a7a5c}

/* 가운데 표지 */
.bh-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;overflow:hidden;border:1px solid rgba(240,180,76,.4);border-radius:6px;color:var(--bh-ivory);text-decoration:none;background:#111}
.bh-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bh-cover:hover .bh-cover-img{transform:scale(1.04)}
.bh-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.15) 38%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.92) 100%)}
.bh-cover-top,.bh-cover-bottom{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 16px}
.bh-cover-top small{font-size:8.5px;letter-spacing:1.2px;color:#d8cfbd}
.bh-mast{font-family:var(--bh-serif);font-weight:900;font-size:clamp(30px,3.2vw,44px);line-height:.95;letter-spacing:-1px;color:var(--bh-ivory)}
.bh-mast em{font-style:normal;color:var(--bh-red)}
.bh-kicker{align-self:flex-start;font-style:normal;font-family:var(--bh-serif);font-size:11px;font-weight:700;letter-spacing:1px;color:var(--bh-red);border-top:2px solid var(--bh-red);padding-top:3px}
.bh-cover-bottom strong{font-family:var(--bh-serif);font-size:clamp(17px,1.7vw,22px);font-weight:900;line-height:1.3;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bh-cover-bottom>small{font-size:11.5px;line-height:1.55;color:#d6cebd;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bh-cover-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:10px;color:#b9b09c}
.bh-cover-foot b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--bh-gold);border-radius:50%;color:var(--bh-gold);transition:background .15s}
.bh-cover:hover .bh-cover-foot b{background:var(--bh-gold);color:#140e04}

/* LIVE CHART */
.bh-chart{display:flex;flex-direction:column;padding:12px 12px 10px;border:1px solid rgba(240,180,76,.28);border-radius:6px;background:rgba(255,255,255,.015)}
.bh-chart header{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--bh-gold)}
.bh-chart header div{flex:1}
.bh-chart h3{margin:0;font-family:var(--bh-serif);font-size:22px;letter-spacing:.5px;color:var(--bh-gold)}
.bh-chart h3 em{font-style:normal;color:var(--bh-red)}
.bh-chart header small{font-size:9px;letter-spacing:1.5px;color:#8a7a5c}
.bh-live{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--bh-red);border-radius:12px;color:var(--bh-red);font-size:10.5px;font-weight:800;letter-spacing:1px}
.bh-live i{width:6px;height:6px;border-radius:50%;background:var(--bh-red);animation:bh-dot 1.2s infinite}
.bh-chart ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}
.bh-chart li a{display:grid;grid-template-columns:22px 52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(240,180,76,.16);border-radius:5px;color:#e6dfcf;text-decoration:none;transition:border-color .15s,background .15s}
.bh-chart li a:hover{border-color:rgba(240,180,76,.55);background:rgba(240,180,76,.06)}
.bh-rank{font-family:var(--bh-serif);font-size:22px;font-weight:900;color:var(--bh-gold);text-align:center}
.bh-chart li:first-child .bh-rank{color:var(--bh-red)}
.bh-chart-img{width:52px;height:40px;border-radius:4px;object-fit:cover;display:block}
.bh-chart-title{font-size:12.5px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bh-delta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;font-weight:700;color:#ff6b5e;white-space:nowrap}
.bh-delta.is-down{color:#5aa7ff}
.bh-delta.is-same{color:#b9a47a}
.bh-delta em{font-style:normal;font-size:8.5px;padding:0 4px;border:1px solid var(--bh-red);border-radius:2px;color:var(--bh-red)}
.bh-empty{padding:30px 0;text-align:center;color:#8a7a5c;font-size:12px}
.bh-chart footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:10.5px;color:#8f8674}
.bh-chart footer a{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid rgba(240,180,76,.4);border-radius:4px;color:var(--bh-gold);text-decoration:none;white-space:nowrap}
.bh-chart footer a:hover{background:rgba(240,180,76,.1)}

/* BEST NOW */
.bh-now{display:flex;flex-direction:column;gap:8px}
.bh-card{display:flex;flex-direction:column;gap:8px;padding:10px 11px;border:1px solid rgba(240,180,76,.25);border-radius:6px;background:rgba(255,255,255,.015);color:#e6dfcf;text-decoration:none;transition:border-color .15s}
a.bh-card:hover{border-color:rgba(240,180,76,.6)}
.bh-card-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#ece4d2}
.bh-card-head em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#ff6b5e}
.bh-card-head em.bh-muted{color:#8f8674;font-weight:500;font-size:10px}
.bh-card-head em.bh-dot{color:#4fe0a0}
.bh-card-head em.bh-dot::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#4fe0a0;vertical-align:1px}
.bh-red{display:inline-flex;color:var(--bh-red)}
.bh-gold{font-family:var(--bh-serif);font-size:18px;line-height:1;color:var(--bh-gold)}
.bh-best-body{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;align-items:center}
.bh-best-img{width:62px;height:48px;border-radius:4px;object-fit:cover;display:block}
.bh-best-body strong{font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bh-best-body small{display:block;margin-top:3px;font-size:10px;color:#8f8674}
.bh-room-pill{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);border-radius:5px;background:color-mix(in srgb,var(--c) 8%,transparent)}
.bh-room-pill b{color:var(--c);font-size:13px;white-space:nowrap}
.bh-room-pill small{flex:1;min-width:0;font-size:10.5px;color:#b9b09c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-room-pill em{font-style:normal;color:var(--c)}
.bh-quote q{font-family:var(--bh-serif);font-size:12.5px;line-height:1.65;color:#e6dfcf;quotes:"“ " " ”"}
.bh-time{flex-direction:row;align-items:center;gap:8px;font-size:12px}
.bh-time svg{color:#cfc4ad}
.bh-time b{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;font-size:14px;color:#ece4d2}
.bh-time b small{font-size:9.5px;font-weight:500;color:#8f8674}
.bh-all{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px solid var(--bh-gold);border-radius:6px;background:linear-gradient(180deg,rgba(240,180,76,.22),rgba(240,180,76,.08));color:#f6d48f;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 0 16px rgba(240,180,76,.2);transition:filter .15s}
.bh-all:hover{filter:brightness(1.2)}
.bh-art{display:block;background:#0d1416}

@media (max-width:1180px){
  .bh-panel{grid-template-columns:200px minmax(0,1fr) minmax(0,1.15fr)}
  .bh-now{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
  .bh-now h3{grid-column:1/-1}
}
@media (max-width:1023px){.bh-panel{display:none}}
@media (prefers-reduced-motion:reduce){.bh-panel{animation:none}.bh-cover-img{transition:none}}
/* ===== 홈 설정 > 메인 화면 설정 ===== */
.home-set{padding-bottom:4px}
.home-set-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:rgb(from var(--cyan) r g b / .03)}
.home-set-row label{display:flex;flex-direction:column;gap:3px;min-width:0}
.home-set-row label b{font-size:13px;color:var(--text)}
.home-set-row label small{font-size:11px;color:var(--muted)}
.home-set-input{display:flex;align-items:center;gap:6px}
.home-set-input .admin-input{width:64px;text-align:center}
.home-set-step{width:28px;height:28px;border:1px solid var(--line-soft);border-radius:4px;background:none;color:var(--cyan);font-size:16px;line-height:1;cursor:pointer}
.home-set-step:hover:not(:disabled){border-color:var(--cyan)}
.home-set-step:disabled{opacity:.45;cursor:default}
.home-set-hint{min-width:78px;font-size:11px;color:var(--muted)}
.home-set-msg{margin-top:8px;font-size:12px;color:var(--red)}
.home-set-msg.ok{color:var(--cyan)}
/* ===== 게시판: 사이버 검색창 · 게시판 줄 · 목록 머리(정렬 ▾) ===== */
.room-search .cyber-inline{flex:1;display:flex;min-width:0}
.room-search .cyber-inline input{flex:1;width:100%}
.room-search input[type=search]::-webkit-search-cancel-button{display:none}
button.room-search-ico{flex:none;padding:0;border:0;background:none;cursor:pointer;line-height:1}
button.room-search-ico:hover{filter:brightness(1.3)}
.room-tabs{min-width:0}
.room-tab-list{flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) transparent;padding-bottom:2px}
.room-tab-list button{min-width:0;flex:none;padding:0 15px}
.room-tab-list button em{font-style:normal;font-size:11.5px;margin-left:3px;opacity:.75}
.room-listhead{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 2px 7px;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-listhead-count{flex:1;min-width:0;font-size:13px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-listhead-count b{margin-left:4px;font-size:15px;color:var(--ra);font-variant-numeric:tabular-nums}
.room-listhead-count small{margin-left:6px;font-size:12px;color:var(--text)}
.room-listhead .room-write{height:34px;padding:0 18px;font-size:13px}
.room-sort{position:relative;flex:none}
.room-sort-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:rgb(from var(--cyan) r g b / .02);color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.room-sort-btn:hover,.room-sort.is-open .room-sort-btn{border-color:var(--ra);color:var(--ra)}
.room-sort-k{font-size:9.5px;letter-spacing:1px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.room-sort-btn i{font-style:normal;font-size:10px;transition:transform .15s}
.room-sort.is-open .room-sort-btn i{transform:rotate(180deg)}
.room-sort-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:40;min-width:190px;margin:0;padding:5px;list-style:none;border:1px solid var(--ra);border-radius:6px;background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 14px color-mix(in srgb,var(--ra) 18%,transparent)}
.room-sort-menu button{display:grid;grid-template-columns:14px auto 1fr;align-items:baseline;gap:6px;width:100%;padding:8px 10px;border:0;border-radius:4px;background:none;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.room-sort-menu button:hover{background:color-mix(in srgb,var(--ra) 12%,transparent)}
.room-sort-menu button.is-on{color:var(--ra);font-weight:800}
.room-sort-menu button b{font-size:9px;color:var(--ra)}
.room-sort-menu button small{justify-self:end;font-size:10.5px;font-weight:400;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@media (max-width:640px){
  .room-listhead{gap:6px}
  .room-sort-k{display:none}
  .room-listhead .room-write{padding:0 12px}
}/* 방 머리 통계(TOP TAGS 포함)가 중간 폭에서 화면 밖으로 밀어내지 않게 줄바꿈 */
.room-stats{min-width:0}
@media (max-width:1199px){
  .room-stats{flex-wrap:wrap;row-gap:8px}
  .room-toptags>div{flex-wrap:wrap;gap:4px 10px}
}
/* ===== 검색 결과 화면 (SearchPage) ===== */
.sp{max-width:880px;margin:18px auto 40px;padding:0 12px;display:flex;flex-direction:column;gap:14px}
.sp-console{padding:14px 22px 18px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(120% 160% at 50% 0,rgb(from var(--cyan) r g b / .08),transparent 60%),linear-gradient(180deg,hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));box-shadow:0 0 30px rgb(from var(--cyan) r g b / .08);text-align:center}
.sp-head{display:flex;align-items:center;gap:10px;margin:0 -8px 14px;padding-bottom:10px;border-bottom:1px solid var(--line-soft);font-size:11.5px;color:var(--muted);text-align:left}
.sp-head b{font-family:var(--mono);font-weight:600;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.sp-dots{display:inline-flex;gap:5px}
.sp-dots i{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.sp-dots i:nth-child(2){background:#febc2e}.sp-dots i:nth-child(3){background:#28c840}
.sp-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);letter-spacing:1px;color:var(--cyan)}
.sp-status i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:spBlink 1.2s infinite}
@keyframes spBlink{50%{opacity:.25}}
.sp-title{margin:4px 0 2px;font-family:var(--mono);font-size:clamp(24px,3.4vw,34px);font-weight:900;letter-spacing:2px;color:var(--text);text-shadow:0 0 18px rgb(from var(--cyan) r g b / .35)}
.sp-title span{color:var(--cyan)}
.sp-sub{margin:0 0 14px;font-size:12.5px;color:var(--muted)}
.sp-form{display:flex;align-items:center;gap:10px;max-width:640px;margin:0 auto;height:48px;padding:0 6px 0 16px;border:1px solid hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:6px;background:hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-align:left}
.sp-prompt{font-family:var(--mono);font-size:18px;font-weight:900;color:var(--cyan)}
.sp-form .cyber-inline{flex:1;display:flex;min-width:0}
.sp-form input{flex:1;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:15px}
.sp-form input::-webkit-search-cancel-button{display:none}
.sp-submit{flex:none;height:36px;padding:0 16px;border:0;border-radius:4px;background:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 0 14px rgb(from var(--cyan) r g b / .35)}
.sp-submit:hover{filter:brightness(1.1)}
.sp-trend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin-top:12px;font-size:12px;color:var(--muted)}
.sp-trend span{margin-right:2px}
.sp-trend button{padding:3px 10px;border:1px solid var(--line-soft);border-radius:12px;background:none;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12px;cursor:pointer}
.sp-trend button:hover{border-color:var(--cyan);color:var(--cyan)}

.sp-results{position:relative;min-height:200px;padding:14px 16px 16px;border:1px solid var(--line-soft);border-radius:8px;background:hsl(from #030d10 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);overflow:hidden}
.sp-rain{position:absolute;inset:0;width:100%;height:100%;z-index:0;color:var(--cyan);opacity:.55;pointer-events:none;transition:opacity .7s ease}
.sp-rain.is-fading{opacity:0}
.sp-log,.sp-list,.sp-empty{position:relative;z-index:1}
.sp-log{font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--text);padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed var(--line-soft)}
.sp-log-p{color:var(--cyan);margin-right:6px}
.sp-log b{color:var(--cyan)}
.sp-log-dim{color:var(--muted)}
.sp-count{font-size:14px}
.sp-ellipsis::after{content:"";animation:spDots 1s steps(4) infinite}
@keyframes spDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.sp-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 10px;text-align:center;color:var(--muted);font-size:13px}
.sp-empty b{font-family:var(--mono);font-size:18px;color:var(--red)}
.sp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sp-row{opacity:0;animation:spIn .35s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes spIn{from{opacity:0;transform:translateY(-6px);filter:brightness(2.2)}to{opacity:1;transform:none;filter:none}}
.sp-row a{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:1px solid var(--line-soft);border-left:2px solid rgb(from var(--cyan) r g b / .5);border-radius:5px;background:rgb(from var(--cyan) r g b / .02);color:inherit;text-decoration:none;transition:border-color .15s,background .15s}
.sp-row a:hover{border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .06)}
.sp-row-top{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}
.sp-board{font-style:normal;color:var(--cyan)}
.sp-row-top time{margin-left:auto;font-family:var(--mono);font-size:11px}
.sp-row-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.45;word-break:break-all}
.sp-row-excerpt{font-size:12.5px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-row .is-decoding{font-family:var(--mono);color:var(--cyan);text-shadow:0 0 6px rgb(from var(--cyan) r g b / .6)}
.sp-row mark{background:rgb(from var(--cyan) r g b / .22);color:var(--cyan);border-radius:2px;padding:0 1px}
@media (max-width:640px){
  .sp{margin-top:10px;padding:0 6px}
  .sp-console{padding:12px 12px 14px}
  .sp-head{margin:0 0 12px}
  .sp-form{height:44px;padding-left:12px}
  .sp-submit{padding:0 12px}
  .sp-results{padding:12px 10px}
}
@media (prefers-reduced-motion:reduce){.sp-row{opacity:1;animation:none}.sp-status i{animation:none}}/* 긴 주소(공백 없는 URL)가 결과 칸을 옆으로 밀어내지 않게 */
.sp,.sp-results,.sp-list,.sp-row,.sp-row a{min-width:0;box-sizing:border-box}
.sp{width:100%}
.sp-row-title,.sp-row-excerpt{overflow-wrap:anywhere}
/* ===================== ISSUE_PULSE v2 — 실시간 세계 감지 레이더 ===================== */
.ip{position:relative;margin:7px 7px 6px;padding:7px;border:1px solid rgb(from var(--cyan) r g b / .55);border-radius:10px;
  background:radial-gradient(60% 120% at 50% 0,rgb(from var(--cyan) r g b / .07),transparent 70%),linear-gradient(180deg,hsl(from #041318 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #030d11 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));
  box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .08),0 0 22px rgb(from var(--cyan) r g b / .18),inset 0 0 30px rgb(from var(--cyan) r g b / .05)}
.ip-corner{position:absolute;width:14px;height:14px;border-color:var(--cyan);border-style:solid;filter:drop-shadow(0 0 4px var(--cyan));pointer-events:none}
.ip-corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px;border-top-left-radius:10px}
.ip-corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-bottom-right-radius:10px}
.ip-grid{position:relative;display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.86fr) minmax(210px,.66fr);min-height:176px;border:1px solid rgb(from var(--cyan) r g b / .22);border-radius:6px;overflow:hidden}
/* 천천히 지나가는 스캔 빛 */
.ip-grid::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(from var(--cyan) r g b / .06),transparent);animation:ipScan 7s linear infinite}
@keyframes ipScan{to{left:130%}}
.ip-col{min-width:0;padding:12px 18px;border-right:1px solid rgb(from var(--cyan) r g b / .18)}
.ip-col:last-child{border-right:0}
.ip-col h2{margin:0 0 8px;display:flex;flex-direction:column;gap:2px}
.ip-col h2 a{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:17px;font-weight:800;letter-spacing:.5px;color:var(--cyan);text-decoration:none;text-shadow:0 0 10px rgb(from var(--cyan) r g b / .35)}
.ip-col h2 a i{font-style:normal;font-size:15px}
.ip-col h2 a:hover{filter:brightness(1.2)}
.ip-col h2 small{font-family:var(--mono);font-size:11.5px;font-weight:400;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}

/* 왼쪽: 비콘 + 제목 */
.ip-brand{display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(90% 90% at 30% 45%,rgb(from var(--cyan) r g b / .08),transparent 70%)}
.ip-brand-top{font-family:var(--mono);font-size:10px;letter-spacing:4px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ip-brand-top i{font-style:normal;color:var(--cyan)}
.ip-brand-mid{display:flex;align-items:center;gap:18px;margin:4px 0}
.ip-beacon{position:relative;flex:none;width:74px;height:74px;display:grid;place-items:center}
.ip-beacon svg{position:relative;width:74px;height:74px;overflow:visible}
.ip-beacon-core{fill:rgb(from var(--cyan) r g b / .08);stroke:var(--cyan);stroke-width:1.4;filter:drop-shadow(0 0 5px var(--cyan))}
.ip-ecg{fill:none;stroke:var(--cyan);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:90;stroke-dashoffset:90;filter:drop-shadow(0 0 4px var(--cyan));animation:ipEcg 2.4s linear infinite}
@keyframes ipEcg{0%{stroke-dashoffset:90}55%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.ip-beacon .ring{position:absolute;inset:6px;border:1px solid var(--cyan);border-radius:50%;opacity:0;animation:ipRing 2.4s ease-out infinite}
.ip-beacon .r2{animation-delay:.8s}.ip-beacon .r3{animation-delay:1.6s}
@keyframes ipRing{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.55);opacity:0}}
.ip-words{font-family:var(--mono);font-size:10px;line-height:1.55;letter-spacing:1px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ip-brand h1{margin:0;font-family:var(--mono);font-size:clamp(24px,2vw,32px);font-weight:900;letter-spacing:1px;line-height:1.05;color:hsl(from #c9fffa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-shadow:0 0 14px rgb(from var(--cyan) r g b / .6)}
.ip-brand p{margin:4px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap}
.ip-brand p i{font-style:normal;color:var(--cyan)}
.ip-tabs{display:none}

/* KOREA / GLOBAL SIGNAL */
.ip-signal ol{list-style:none;margin:0;padding:0}
.ip-signal li+li{border-top:1px solid rgb(from var(--cyan) r g b / .12)}
.ip-signal li a{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(70px,120px) auto;align-items:center;gap:10px;padding:6px 0;color:var(--text);text-decoration:none}
.ip-signal li a:hover .ip-kw{color:var(--cyan)}
.ip-rank{display:grid;place-items:center;width:32px;height:30px;border:1px solid rgb(from var(--cyan) r g b / .6);border-radius:4px;font-family:var(--mono);font-size:15px;font-weight:800;color:var(--cyan);background:rgb(from var(--cyan) r g b / .06);box-shadow:inset 0 0 8px rgb(from var(--cyan) r g b / .15)}
.ip-kw{min-width:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.ip-meter{display:flex;gap:2px;height:12px}
.ip-meter i{flex:1;min-width:3px;border-radius:1px;background:rgb(from var(--cyan) r g b / .12)}
.ip-meter i.on{background:var(--cyan);box-shadow:0 0 5px rgb(from var(--cyan) r g b / .6);animation:ipSeg .35s ease-out both}
.ip-meter i.tip{animation:ipSeg .35s ease-out both,ipTip 1.6s ease-in-out 1.2s infinite}
@keyframes ipSeg{from{opacity:.1;transform:scaleY(.4)}to{opacity:1;transform:none}}
@keyframes ipTip{50%{opacity:.35}}
.ip-val{font-style:normal;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--red);white-space:nowrap;text-align:right}
.ip-val i{font-style:normal;font-size:10px}
/* GLOBAL: 영어 검색어가 길어서 키워드 아래에 미터 */
.ip-signal.is-stacked li a{grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:4px}
.ip-signal.is-stacked .ip-rank{grid-row:1 / span 2}
.ip-signal.is-stacked .ip-kw{grid-column:2}
.ip-signal.is-stacked .ip-meter{grid-column:2;grid-row:2;max-width:210px}
.ip-signal.is-stacked .ip-val{grid-column:3;grid-row:1 / span 2}
.ip-empty{padding:20px 0;font-size:12px;color:var(--muted)}

/* TREND_FLOW */
.ip-flow h2{border-bottom:1px solid rgb(from var(--cyan) r g b / .15);padding-bottom:8px}
.ip-flow h2 a{justify-content:space-between}
.ip-flow-row{display:grid;grid-template-columns:40px minmax(0,1fr) 52px;align-items:center;gap:8px;padding:3px 0;--tone:var(--cyan)}
.ip-flow-row+.ip-flow-row{border-top:1px solid rgb(from var(--cyan) r g b / .1)}
.ip-flow-row.tone-blue{--tone:var(--blue)}
.ip-flow-row.tone-green{--tone:var(--green)}
.ip-flow-row>b{font-family:var(--mono);font-size:14px;color:var(--tone)}
.ip-flow-row svg{width:100%;height:34px;overflow:visible}
.ip-wave,.ip-wave-glow{fill:none;stroke:var(--tone);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ip-wave{stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:100;animation:ipDraw 1.6s ease-out forwards}
.ip-wave-glow{stroke-width:5;opacity:.18;filter:blur(2px)}
@keyframes ipDraw{to{stroke-dashoffset:0}}
.ip-flow-val{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.ip-flow-val em{font-style:normal;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--tone)}
.ip-flow-val em.down{color:var(--red)}
.ip-bars{display:flex;align-items:flex-end;gap:2px;height:12px}
.ip-bars i{width:4px;background:rgb(from var(--cyan) r g b / .15)}
.ip-bars i:nth-child(1){height:30%}.ip-bars i:nth-child(2){height:55%}.ip-bars i:nth-child(3){height:78%}.ip-bars i:nth-child(4){height:100%}
.ip-bars i.on{background:var(--tone);box-shadow:0 0 4px var(--tone)}

/* 시계 + 상태 */
.ip-clock{position:relative;display:flex;flex-direction:column;gap:5px}
.ip-clock small{font-family:var(--mono);font-size:13px;color:var(--cyan);white-space:nowrap}
.ip-clock small b{margin-left:8px;font-weight:600;color:var(--text)}
.ip-clock small i{float:right;font-style:normal}
.ip-clock strong{font-family:var(--mono);font-size:clamp(28px,2.6vw,42px);font-weight:800;line-height:1.1;letter-spacing:1px;color:var(--cyan);text-shadow:0 0 16px rgb(from var(--cyan) r g b / .55);font-variant-numeric:tabular-nums}
.ip-state{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12.5px;letter-spacing:1px;color:var(--cyan)}
.ip-state i{width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:spBlink 1.6s infinite}
.ip-state.green{color:var(--green)}
.ip-state.green i{background:var(--green);box-shadow:0 0 8px var(--green);animation-delay:.8s}
.ip-state.is-local{color:var(--gold)}
.ip-state.is-local i{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.ip-state.is-off{color:var(--muted)}
.ip-state.is-off i{background:var(--muted);box-shadow:none;animation:none}
.ip-clock p{margin:auto 0 0;padding-top:6px;border-top:1px solid rgb(from var(--cyan) r g b / .12);font-family:var(--mono);font-size:9.5px;line-height:1.6;letter-spacing:1px;color:hsl(from #7c9a9e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ip-hatch{position:absolute;right:14px;bottom:12px;width:62px;height:26px;background:repeating-linear-gradient(-55deg,rgb(from var(--cyan) r g b / .5) 0 1px,transparent 1px 7px);clip-path:polygon(28% 0,100% 0,72% 100%,0 100%);opacity:.7}

/* 아래 띠 */
.ip-foot{display:flex;align-items:center;gap:14px;padding:6px 10px 1px;font-family:var(--mono);font-size:9.5px;letter-spacing:1px;color:hsl(from #7c9a9e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);white-space:nowrap;overflow:hidden}
.ip-foot b{letter-spacing:4px;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ip-foot-line{width:60px;height:1px;background:rgb(from var(--cyan) r g b / .5)}
.ip-foot-r{margin-left:auto}
.ip-foot-r i{font-style:normal;color:var(--cyan);margin-left:6px}

@media (max-width:1500px){
  .ip-words{display:none}
  .ip-grid{grid-template-columns:minmax(190px,.62fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.86fr) minmax(190px,.62fr)}
  .ip-col{padding:11px 14px}
  .ip-signal li a{grid-template-columns:32px minmax(0,1fr) minmax(56px,90px) auto;gap:8px}
}
@media (max-width:1240px){
  .ip-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) minmax(170px,.6fr)}
  .ip-brand{display:none}
}
@media (max-width:980px){
  .ip-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(160px,.55fr)}
  .ip-flow{display:none}
}
@media (max-width:780px){
  .ip{margin:5px;padding:5px}
  .ip-grid{grid-template-columns:minmax(0,1fr);min-height:0}
  .ip-brand{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 12px;border-right:0;border-bottom:1px solid rgb(from var(--cyan) r g b / .18)}
  .ip-brand-top,.ip-brand p{display:none}
  .ip-brand-mid{margin:0}
  .ip-beacon,.ip-beacon svg{width:38px;height:38px}
  .ip-brand h1{font-size:20px}
  .ip-tabs{display:flex;margin-left:auto;gap:4px}
  .ip-tabs button{padding:4px 9px;border:1px solid rgb(from var(--cyan) r g b / .35);border-radius:3px;background:none;color:var(--muted);font:inherit;font-family:var(--mono);font-size:11px;cursor:pointer}
  .ip-tabs button.on{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .1)}
  .ip.is-korea .ip-signal.world,.ip.is-world .ip-signal.korea{display:none}
  .ip-signal{border-right:0}
  .ip-clock{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:8px 12px;border-top:1px solid rgb(from var(--cyan) r g b / .18)}
  .ip-clock strong{font-size:22px}
  .ip-clock p,.ip-hatch,.ip-clock small i{display:none}
  .ip-foot{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ip-grid::after,.ip-beacon .ring,.ip-ecg,.ip-meter i,.ip-wave,.ip-state i{animation:none}
  .ip-ecg,.ip-wave{stroke-dashoffset:0}
}
/* ===== ISSUE_PULSE v2.1 — 더 작게 · 실시간 비콘 · 반짝이는 상태 점 ===== */
.ip{padding:5px}
.ip-grid{grid-template-columns:minmax(168px,.46fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(180px,.56fr);min-height:0}
.ip-col{padding:8px 14px}
.ip-col h2{margin:0 0 4px}
.ip-col h2 a{font-size:14px}
.ip-col h2 a i{font-size:13px}
.ip-col h2 small{font-size:10.5px}
.ip-brand-top{font-size:9px;letter-spacing:3px}
.ip-brand-mid{gap:10px;margin:2px 0}
.ip-beacon,.ip-beacon svg{width:52px;height:52px}
.ip-words{font-size:8.5px;line-height:1.45}
.ip-brand h1{font-size:19px;letter-spacing:.5px}
.ip-brand p{font-size:8.5px;letter-spacing:1px}
.ip-signal li a{grid-template-columns:28px minmax(0,1fr) minmax(64px,110px) auto;gap:8px;padding:3px 0}
.ip-rank{width:27px;height:24px;font-size:12.5px}
.ip-kw{font-size:13px}
.ip-meter{height:10px}
.ip-val{font-size:12px}
.ip-signal.is-stacked li a{grid-template-columns:28px minmax(0,1fr) auto;row-gap:2px}
.ip-signal.is-stacked .ip-kw{font-size:12.5px}
.ip-signal.is-stacked .ip-meter{height:7px}
.ip-flow h2{padding-bottom:4px}
.ip-flow-row{grid-template-columns:36px minmax(0,1fr) 48px;padding:1px 0}
.ip-flow-row>b{font-size:12.5px}
.ip-flow-row svg{height:24px}
.ip-flow-val em{font-size:11px}
.ip-bars{height:9px}
.ip-clock{gap:3px}
.ip-clock small{font-size:11.5px}
.ip-clock strong{font-size:clamp(22px,1.9vw,30px)}
.ip-state{font-size:11px;gap:8px}
.ip-clock p{font-size:8.5px;padding-top:4px}
.ip-hatch{width:48px;height:20px;bottom:8px}
.ip-foot{padding:4px 8px 0;font-size:8.5px}

/* 비콘: 심전도 파형이 원 안에서 계속 흘러간다 + 신호 고리 + 끝점 깜빡임 */
.ip-beacon{color:var(--cyan)}
.ip-ecg-scroll{animation:ipEcgScroll 1.8s linear infinite}
@keyframes ipEcgScroll{from{transform:translateX(0)}to{transform:translateX(-64px)}}
.ip-ecg-line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px currentColor)}
.ip-ecg-dot{fill:#eafffd;filter:drop-shadow(0 0 4px currentColor);animation:ipDotBlink .9s ease-in-out infinite}
.ip-beacon-core{animation:ipCore 1.8s ease-in-out infinite}
@keyframes ipCore{0%,100%{fill:rgb(from var(--cyan) r g b / .06)}20%{fill:rgb(from var(--cyan) r g b / .2)}}
.ip-beacon .ring{inset:4px;animation:ipRing 1.8s ease-out infinite}
.ip-beacon .r2{animation-delay:.6s}.ip-beacon .r3{animation-delay:1.2s}

/* 상태 점: 반짝 + 바깥으로 퍼지는 빛 고리 */
.ip-state i{position:relative;flex:none;width:10px;height:10px;color:var(--cyan);animation:ipDotBlink 1.3s ease-in-out infinite}
.ip-state i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid currentColor;opacity:0;animation:ipDotRing 1.3s ease-out infinite}
.ip-state.green i{color:var(--green);animation-delay:.65s}
.ip-state.green i::after{animation-delay:.65s}
.ip-state.is-local i{color:var(--gold)}
.ip-state.is-off i,.ip-state.is-off i::after{animation:none}
@keyframes ipDotBlink{0%,100%{opacity:1;box-shadow:0 0 10px currentColor,0 0 3px currentColor}50%{opacity:.35;box-shadow:0 0 2px currentColor}}
@keyframes ipDotRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}

@media (max-width:1500px){
  .ip-grid{grid-template-columns:minmax(150px,.42fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(170px,.55fr)}
  .ip-words{display:none}
  .ip-signal li a{grid-template-columns:28px minmax(0,1fr) minmax(52px,84px) auto}
}
@media (max-width:1240px){
  .ip-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) minmax(160px,.6fr)}
}
@media (max-width:980px){
  .ip-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.55fr)}
}
@media (max-width:780px){
  .ip-grid{grid-template-columns:minmax(0,1fr)}
  .ip-beacon,.ip-beacon svg{width:34px;height:34px}
  .ip-brand h1{font-size:17px}
  .ip-clock strong{font-size:20px}
}
/* 작은 표시등(비콘·상태 점)은 "동작 줄이기" 설정에서도 움직이게 둔다 — 화면을 크게 움직이지 않는 신호 표시라서 */
@media (prefers-reduced-motion:reduce){
  .ip-ecg-scroll{animation:ipEcgScroll 1.8s linear infinite}
  .ip-beacon .ring{animation:ipRing 1.8s ease-out infinite}
  .ip-state i{animation:ipDotBlink 1.3s ease-in-out infinite}
  .ip-state i::after{animation:ipDotRing 1.3s ease-out infinite}
  .ip-state.green i,.ip-state.green i::after{animation-delay:.65s}
}
/* MY_BOARD: 섹션 제목 아이콘도 목록과 같은 타일로 */
.mb-head{display:inline-flex;align-items:center;gap:7px;min-width:0}
.mb-h3 .mb-head .ec-tiny-icon,.mb-shortcuts summary .ec-tiny-icon{width:20px;height:20px;font-size:12px}
.mb-h3 a:hover .ec-tiny-icon,.mb-shortcuts summary:hover .ec-tiny-icon{transform:rotate(-8deg) scale(1.12);filter:saturate(1.35)}
/* ===== 패널 제목 풍선 도움말 (영문 제목에 마우스를 올리면 한글 설명) ===== */
.eo-tip{position:relative;cursor:help;outline:none;border-bottom:1px dotted transparent;transition:border-color .15s}
.eo-tip:hover,.eo-tip:focus-visible{border-bottom-color:rgb(from var(--cyan) r g b / .6)}
.eo-tip::after{content:attr(data-tip);position:absolute;left:-2px;top:calc(100% + 9px);z-index:50;width:max-content;max-width:210px;padding:6px 10px;border:1px solid var(--cyan);border-radius:6px;background:hsl(from #051a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:var(--text);font-size:11.5px;font-weight:500;line-height:1.45;white-space:normal;letter-spacing:0;box-shadow:0 8px 20px rgba(0,0,0,.55),0 0 10px rgb(from var(--cyan) r g b / .2);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}
.eo-tip::before{content:"";position:absolute;left:12px;top:calc(100% + 4px);z-index:51;width:9px;height:9px;border-left:1px solid var(--cyan);border-top:1px solid var(--cyan);background:hsl(from #051a1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);transform:rotate(45deg) translateY(-3px);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.eo-tip:hover::after,.eo-tip:focus-visible::after{opacity:1;transform:none}
.eo-tip:hover::before,.eo-tip:focus-visible::before{opacity:1;transform:rotate(45deg)}

/* ===== 07. ONLINE_SESSIONS: 접속자 아이콘 · 방마다 같은 동그라미 ===== */
.sessions h3{display:flex;align-items:center;justify-content:space-between}
.sessions h3 strong{float:none}
.ss-head{display:inline-flex;align-items:center;gap:7px;font-size:11px}
.sessions .ss-ico{width:20px;height:20px;font-size:12px}
.session-grid span{display:flex;align-items:center;gap:6px;min-width:0}
.session-grid span b{margin-left:auto;float:none}
.ss-dot{flex:none;width:7px;height:7px;border-radius:50%;background:rgb(from var(--cyan) r g b / .35);box-shadow:inset 0 0 0 1px rgb(from var(--cyan) r g b / .6)}
.session-grid span.is-on .ss-dot{background:var(--green);box-shadow:0 0 6px var(--green);animation:ipDotBlink 1.6s ease-in-out infinite;color:var(--green)}
.session-grid span.is-on{color:var(--text)}/* 풍선 도움말을 단 제목은 원래 제목 그대로(왼쪽·청록·굵게) — 패널 제목 오른쪽 보조 문구용 span 규칙을 받지 않게 */
.panel-title>span.eo-tip,.hot-panel .panel-title>span.eo-tip,.live .panel-title span.eo-tip{display:inline;margin-left:0;color:inherit;font-size:inherit;font-weight:inherit;overflow:visible;min-width:0;white-space:nowrap}
/* ===================== 09. LIVE_TALK (메인 오른쪽 아래 전체 채팅) ===================== */
.lt{--lt:#ff6fb5;position:relative;display:flex;flex-direction:column;border-color:color-mix(in srgb,var(--lt) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--lt) 15%,transparent),0 0 18px color-mix(in srgb,var(--lt) 22%,transparent)}
.lt-head{display:flex;align-items:center;gap:12px;height:36px;padding:0 8px 0 12px;border-bottom:1px solid color-mix(in srgb,var(--lt) 30%,transparent)}
.lt-head>b{font-size:13px;font-weight:800;color:var(--cyan);white-space:nowrap}
.lt-online{display:inline-flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid color-mix(in srgb,var(--lt) 30%,transparent);font-family:var(--mono);font-size:11.5px;letter-spacing:.5px;color:var(--lt);white-space:nowrap}
.lt-online i{width:8px;height:8px;border-radius:50%;background:var(--lt);color:var(--lt);animation:ipDotBlink 1.4s ease-in-out infinite}
.lt-ctrl{margin-left:auto;display:flex;gap:2px}
.lt-ctrl button{width:28px;height:26px;border:0;border-radius:4px;background:none;color:var(--lt);font:inherit;font-size:15px;cursor:pointer}
.lt-ctrl button:hover{background:color-mix(in srgb,var(--lt) 14%,transparent)}
.lt-body{position:relative;display:flex;flex-direction:column;height:340px;overflow:hidden;transition:height .38s cubic-bezier(.4,0,.2,1)}
.lt-notice{display:flex;gap:6px;align-items:flex-start;margin:8px 10px 0;padding:6px 9px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:5px;background:color-mix(in srgb,var(--gold) 7%,transparent);font-size:12px;line-height:1.45;color:var(--text)}
.lt-notice b{flex:none}
.lt-list{flex:1;min-height:0;margin:0;padding:8px 12px 4px;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) transparent}
.lt-list li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:4px 0;font-size:12.5px;line-height:1.5}
.lt-list li.is-mine .lt-text{color:hsl(from #e7fffc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.lt-name{font-family:var(--mono);font-size:12px;font-weight:700;white-space:nowrap}
.lt-admin{margin-left:4px;padding:0 4px;border:1px solid var(--cyan);border-radius:3px;font-style:normal;font-size:9px;vertical-align:1px}
.lt-text{min-width:0;overflow-wrap:anywhere;color:var(--text)}
.lt-list time{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.lt-acts{position:absolute;right:0;top:1px;display:none;align-items:center;gap:2px;padding:1px 2px;border:1px solid var(--line-soft);border-radius:4px;background:hsl(from #06161b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.lt-list li:hover .lt-acts,.lt-acts:focus-within{display:flex}
.lt-acts button{padding:1px 4px;border:0;background:none;font-size:11px;cursor:pointer;border-radius:3px}
.lt-acts button:hover{background:color-mix(in srgb,var(--lt) 14%,transparent)}
.lt-mute{position:relative}
.lt-mute-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:6;display:flex;flex-direction:column;min-width:74px;padding:3px;border:1px solid var(--lt);border-radius:5px;background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 8px 18px rgba(0,0,0,.5)}
.lt-mute-menu button{padding:5px 8px;color:var(--text);font-size:11.5px;text-align:left}
.lt-empty{display:block!important;padding:18px 0;text-align:center;color:var(--muted);font-size:12px}
.lt-err{margin:0 12px 4px;font-size:11.5px;color:var(--gold)}
.lt-form{display:flex;align-items:center;gap:8px;margin:4px 10px 10px;height:40px;padding:0 4px 0 12px;border:1px solid color-mix(in srgb,var(--lt) 35%,hsl(from #2c6b71 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));border-radius:5px;background:hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.lt-prompt{font-family:var(--mono);font-weight:900;color:var(--cyan)}
.lt-form .cyber-inline{flex:1;display:flex;min-width:0}
.lt-form input{flex:1;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-family:var(--mono);font-size:12.5px}
.lt-form input:disabled{cursor:pointer}
.lt-count{font-family:var(--mono);font-size:10px;color:var(--muted)}
.lt-send{flex:none;min-width:38px;height:32px;padding:0 8px;border:1px solid var(--cyan);border-radius:4px;background:rgb(from var(--cyan) r g b / .1);color:var(--cyan);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.lt-send:hover:not(:disabled){background:var(--cyan);color:#041013}
.lt-send:disabled{opacity:.45;cursor:default}

/* 셔터: 닫을 때 위에서부터 한 칸씩 내려와 덮고, 열 때 아래에서부터 말려 올라간다 */
.lt-shutter{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;pointer-events:none}
.lt-slat{flex:1;transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,hsl(from #12343a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #081a1e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 72%,hsl(from #0d262b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));border-bottom:1px solid rgb(from var(--cyan) r g b / .28);box-shadow:inset 0 1px rgba(255,255,255,.07);transition:transform .2s ease-in calc(var(--i) * 55ms)}
.lt.is-closing .lt-slat,.lt.is-closed .lt-slat{transform:scaleY(1)}
.lt.is-opening .lt-slat{transition:transform .2s ease-out calc(380ms + (8 - var(--i)) * 55ms)}
.lt-logo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:0;transition:opacity .25s}
.lt.is-closing .lt-logo,.lt.is-closed .lt-logo{opacity:.9;transition-delay:.55s}
.lt-logo svg{width:24px;height:24px;fill:none;stroke:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px rgb(from var(--cyan) r g b / .5))}
.lt-logo b{font-family:var(--mono);font-size:13px;letter-spacing:3px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.lt-logo small{font-family:var(--mono);font-size:8.5px;letter-spacing:2px;color:hsl(from #7c9a9e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.lt.is-closed .lt-head{display:none}
.lt.is-closed .lt-body{height:112px}
.lt.is-closed .lt-shutter{pointer-events:auto;cursor:pointer}
.lt-bar{display:none;align-items:center;gap:14px;height:38px;padding:0 12px;border:0;border-top:1px solid color-mix(in srgb,var(--lt) 55%,transparent);background:color-mix(in srgb,var(--lt) 5%,transparent);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.lt.is-closed .lt-bar{display:flex}
.lt-bar b{font-size:13px;font-weight:800;color:var(--cyan)}
.lt-bar span{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:12px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.lt-bar svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.lt-bar i{margin-left:auto;font-style:normal;font-size:16px;color:var(--lt);line-height:1}
.lt-bar:hover{background:color-mix(in srgb,var(--lt) 12%,transparent)}
@media (max-width:640px){.lt-body{height:300px}}
@media (prefers-reduced-motion:reduce){.lt-slat{transition-duration:.01s!important;transition-delay:0s!important}.lt-body{transition:none}}
.home-set-list{display:flex;flex-direction:column;gap:8px}
.home-set-row label .home-set-msg{margin-top:2px}
.home-set-text .admin-input{width:min(360px,52vw);text-align:left}
/* 헤더 검색 돋보기 아이콘 */
.search button.search-ico{display:grid;place-items:center;width:22px;padding:0;color:var(--cyan)}
.search-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 3px rgb(from var(--cyan) r g b / .55));transition:transform .2s ease,filter .2s ease}
.search-ico circle{fill:rgb(from var(--cyan) r g b / .1)}
.search-ico .search-ico-glint{stroke:#eafffd;stroke-width:1.4;opacity:.85}
.search-ico:hover svg,.search:focus-within .search-ico svg{transform:rotate(-12deg) scale(1.12);filter:drop-shadow(0 0 6px var(--cyan))}
.search input::placeholder{letter-spacing:.5px}
/* 패널 제목 옆 아이콘은 제목에 붙이고, 더보기만 오른쪽 끝으로 */
.panel-title>span.pt-ico{margin-left:0;overflow:visible;color:inherit}

/* 읽기 화면 오른쪽 방 그림 카드: 그림은 원래 비율(162:150) 그대로 다 보이게, 문구는 그림 아래 줄에 */
.rr-art{height:auto;display:flex;flex-direction:column}
.rr-art::after{display:none}
.rr-art-svg{position:static;display:block;width:100%;height:auto;aspect-ratio:162 / 150}
.rr-art-text{position:static;padding:8px 12px 10px;border-top:1px solid var(--line-soft);background:rgba(2,8,11,.6)}

/* 글 비추천 (추천 옆, 차가운 파랑) */
.rr-react .rr-dislike{border-color:color-mix(in srgb,var(--blue) 55%,transparent);color:#8cc8ff;background:color-mix(in srgb,var(--blue) 6%,transparent)}
.rr-react .rr-dislike b{margin-left:4px}
.rr-react .rr-dislike:hover,.rr-react .rr-dislike.is-on{border-color:var(--blue);color:#fff;background:color-mix(in srgb,var(--blue) 22%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--blue) 35%,transparent)}
@media (max-width:780px){
  .rr-mobile-bar{grid-template-columns:repeat(5,1fr)}
  .rr-mobile-bar button.is-dislike{color:var(--blue)}
}
/* 읽기 화면: 본문 카드가 오른쪽 칸 높이만큼 늘어나 아래가 비지 않게 — 짧은 글이면 본문 영역이 늘어나 반응·작성자·이전/다음 줄이 오른쪽 칸 아래 끝과 맞는다 */
.rr-grid{align-items:stretch}
.rr-side{align-self:start}
.rr-article{display:flex;flex-direction:column}
.rr-article>.rr-body{flex:1 0 auto}

/* 게시글 신고 창 (ReportDialog) — 게시판 모듈 신고함으로 보냄 */
.eoc-report-backdrop{position:fixed;inset:0;z-index:950;background:hsl(from rgb(1 8 10) calc(h + var(--acc-shift)) s l / .72);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:14vh 16px 16px;animation:eoc-fade .12s ease-out}
.eoc-report{width:min(460px,100%);border:1px solid var(--cyan);border-radius:8px;background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .133),0 24px 60px #000c,0 0 36px rgb(from var(--cyan) r g b / .102);font-family:var(--mono);animation:eoc-pop .16s ease-out;padding:0 0 14px}
.eoc-report-head{display:flex;align-items:center;gap:10px;padding:0 12px 0 14px;height:46px;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eoc-report-head b{color:var(--cyan);font-size:13px;letter-spacing:.06em;flex-shrink:0}
.eoc-report-head span{color:var(--muted);font-size:11.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eoc-report-x{background:none;border:0;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:4px}
.eoc-report-x:hover{color:var(--cyan)}
.eoc-report-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px 14px 10px}
.eoc-report-reasons button{background:transparent;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12px;padding:8px 4px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}
.eoc-report-reasons button:hover{border-color:rgb(from var(--cyan) r g b / .6);color:var(--cyan)}
.eoc-report-reasons button.on{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .1);box-shadow:0 0 10px rgb(from var(--cyan) r g b / .18)}
.eoc-report-detail{display:block;width:calc(100% - 28px);margin:0 14px;min-height:74px;resize:vertical;box-sizing:border-box;background:hsl(from #020b0d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:hsl(from #d6ecef calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12.5px;padding:8px 10px;outline:none}
.eoc-report-detail:focus{border-color:var(--cyan)}
.eoc-report-note{margin:8px 14px 0;color:var(--muted);font-size:10.5px;line-height:1.5}
.eoc-report-error{margin:8px 14px 0;color:#ff6b6b;font-size:12px}
.eoc-report-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px 0}
.eoc-report-actions button{background:transparent;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:12px;padding:7px 14px;cursor:pointer}
.eoc-report-actions button.primary{border-color:#ff6b6b;color:#ff8f8f}
.eoc-report-actions button.primary:hover:not(:disabled){background:rgb(255 107 107 / .12)}
.eoc-report-actions button:disabled{opacity:.55;cursor:default}
@media (max-width:480px){.eoc-report-reasons{grid-template-columns:repeat(2,1fr)}.eoc-report-backdrop{padding-top:8vh}}

/* BOT CONTROL — 제목 번역 설정 */
.bc-usage{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--text);font-size:12px;min-height:30px}
.bc-usage b{color:var(--cyan);font-size:14px}
.bc-usage-bar{flex:1 1 100%;height:5px;border-radius:3px;background:hsl(from #0a1d22 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);overflow:hidden}
.bc-usage-bar i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 8px rgb(from var(--cyan) r g b / .5)}
.bc-translate-test input{flex:1;min-width:220px;background:hsl(from #020b0d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line-soft);border-radius:4px;color:var(--text);font:inherit;font-size:12px;padding:7px 9px}
.bc-translate-test input:focus{outline:none;border-color:var(--cyan)}
.bc-translate-ok{margin:4px 0 0;font-size:12.5px;color:var(--cyan)}
.bc-translate-err{margin:4px 0 0;font-size:12px;color:#ff6b6b}
.bc-form .bc-note{margin:6px 0 0;font-size:10.5px;color:var(--muted)}
.bc-orig-title{display:block;font-size:10.5px;color:#7f9ea2;margin:2px 0 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== ISSUE_PULSE 세로 줄이기 (2026-09-27) ===== */
@media (min-width:761px){
  .ip .ip-col{padding-top:5px;padding-bottom:5px}
  .ip .ip-signal h2{line-height:21px;margin-bottom:2px}
  .ip .ip-signal h2 small{line-height:12px}
  .ip .ip-signal li a{padding:1px 0}
  .ip .ip-rank{height:21px;width:25px;font-size:11.5px}
  .ip .ip-flow>:first-child{line-height:21px;padding-bottom:2px;margin-bottom:2px}
  .ip .ip-flow-row{padding:0}
  .ip .ip-beacon{width:60px;height:60px}
  .ip .ip-foot{padding-top:2px}
}

/* ===== 04. LIVE_SIGNAL (메인 오른쪽 위 동적 슬롯) ===== */
.live-signal .ls-body{padding:12px 14px 14px;min-height:150px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 85% 0%,rgb(from var(--cyan) r g b / .08),transparent 55%)}
.live-signal .ls-badge{margin-left:auto;margin-right:6px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#ff5c6c;animation:ls-blink 1.4s ease-in-out infinite}
.live-signal.ls-event .ls-badge{color:var(--cyan)}
@keyframes ls-blink{50%{opacity:.35}}
.ls-empty{color:var(--muted);font-size:12px;text-align:center}
.ls-league{font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--cyan);text-align:center}
.ls-league.big{font-size:17px;letter-spacing:.1em;text-shadow:0 0 12px rgb(from var(--cyan) r g b / .45)}
.ls-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:8px 0 2px}
.ls-team{font-size:15px;font-weight:800;color:var(--text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-scores{display:flex;align-items:center;gap:8px;font-family:var(--mono)}
.ls-scores i{font-style:normal;color:var(--muted);font-size:20px}
.ls-score{font-size:30px;line-height:1;color:var(--cyan);text-shadow:0 0 14px rgb(from var(--cyan) r g b / .5);transition:color .3s}
.ls-score.is-flash{animation:ls-flash 1.6s ease-out}
@keyframes ls-flash{0%{color:#fff;transform:scale(1.35);text-shadow:0 0 22px #fff}100%{transform:scale(1)}}
.ls-period{text-align:center;font-family:var(--mono);font-size:11px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);margin-bottom:6px}
.ls-stats{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:8px 0 10px;font-size:11.5px}
.ls-stats dt{color:var(--muted)}
.ls-stats dd{margin:0;font-family:var(--mono);font-weight:800;color:var(--text);text-align:right}
.ls-headline{font-size:14px;font-weight:700;color:var(--text);text-align:center;margin-top:8px}
.ls-headline.big{font-size:17px;line-height:1.35;margin-top:6px}
.ls-sub{font-family:var(--mono);font-size:11px;color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-align:center;margin-top:4px}
.ls-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5c6c;margin-left:4px;vertical-align:middle;box-shadow:0 0 8px #ff5c6c;animation:ls-blink 1.2s infinite}
.ls-cta{align-self:flex-end;margin-top:auto;background:transparent;border:1px solid var(--cyan);border-radius:4px;color:var(--cyan);font:inherit;font-family:var(--mono);font-size:11.5px;font-weight:800;padding:6px 12px;cursor:pointer;transition:background .15s,box-shadow .15s}
.ls-cta:hover{background:rgb(from var(--cyan) r g b / .12);box-shadow:0 0 12px rgb(from var(--cyan) r g b / .3)}
.ls-today{display:flex;flex-direction:column;min-height:136px}
.ls-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted)}
.ls-quote{font-size:16px;line-height:1.4;margin:6px 0 8px;color:var(--text);cursor:pointer;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ls-quote:hover{color:var(--cyan)}
.ls-meta{display:flex;flex-direction:column;gap:2px;font-size:11px;margin-bottom:10px}
.ls-meta b{color:var(--cyan);font-size:11px}
.ls-meta span{color:hsl(from #b7c7c9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ls-sponsored{display:flex;flex-direction:column;min-height:136px;border:1px dashed rgb(from var(--cyan) r g b / .35);border-radius:5px;padding:10px 12px}
.ls-sponsor-tag{align-self:flex-start;font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.14em;color:#ffcf5c;border:1px solid #ffcf5c;border-radius:3px;padding:1px 6px;margin-bottom:6px}
.ls-sponsored .ls-league{text-align:left}
.ls-sponsored .ls-headline,.ls-sponsored .ls-sub{text-align:left}

/* ===== 홈 설정 > 04. LIVE_SIGNAL ===== */
.ls-adm .admin-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ls-adm-state{font-size:11px;font-weight:600;color:var(--muted)}
.ls-adm-state.on{color:#ff5c6c}
.ls-adm-help,.ls-adm-warn{font-size:11.5px;color:var(--muted);margin:4px 0 10px}
.ls-adm-warn{color:#ffcf5c}
.ls-adm-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ls-adm-types button{background:transparent;border:1px solid var(--line-soft);border-radius:4px;color:var(--text);font:inherit;font-size:12px;padding:6px 11px;cursor:pointer}
.ls-adm-types button.on{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .1)}
.ls-adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 12px}
.ls-adm-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}
.ls-adm-grid .ls-adm-wide{grid-column:span 2}
.ls-adm-score{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:5px;font-size:13px}
.ls-adm-score b{font-family:var(--mono);font-size:24px;color:var(--cyan);min-width:28px;text-align:center}
.ls-adm-score i{font-style:normal;color:var(--muted);font-size:20px}
.ls-adm-score button{background:transparent;border:1px solid var(--cyan);border-radius:4px;color:var(--cyan);font:inherit;font-weight:800;padding:3px 9px;cursor:pointer}
.ls-adm-score button:disabled{opacity:.5}
.ls-adm-score small{flex-basis:100%;font-size:10.5px;color:var(--muted)}
.ls-adm-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.ls-adm-actions .admin-save{margin-left:auto}
.ls-adm-toggle{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text);cursor:pointer}
.ls-adm-stats{font-size:11px;color:var(--muted);font-family:var(--mono)}
@media (max-width:600px){.ls-adm-grid .ls-adm-wide{grid-column:auto}}

/* ===== 03. 전체 게시판 — 표시 20 / 30 / 50 ===== */
.posts-head .page-size{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.posts-head .page-size span{margin-right:4px}
.posts-head .page-size button{background:transparent;border:1px solid transparent;border-radius:3px;color:hsl(from #a2b8bc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;padding:2px 6px;cursor:pointer}
.posts-head .page-size button:hover{color:var(--cyan)}
.posts-head .page-size button.on{border-color:rgb(from var(--cyan) r g b / .6);color:var(--cyan);background:rgb(from var(--cyan) r g b / .08)}
.posts-head .page-size + .write-btn{margin-left:0}

/* ===== 로그인 안내 창 (비로그인 글쓰기) ===== */
.eoc-gate-backdrop{position:fixed;inset:0;z-index:960;background:hsl(from rgb(1 8 10) calc(h + var(--acc-shift)) s l / .74);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:16vh 16px 16px;animation:eoc-fade .14s ease-out}
.eoc-gate{position:relative;width:min(420px,100%);border:1px solid var(--cyan);border-radius:8px;background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .13),0 24px 60px #000c,0 0 40px rgb(from var(--cyan) r g b / .12);font-family:var(--mono);padding:0 0 16px;animation:eoc-pop .18s ease-out}
.eoc-gate-corner{position:absolute;width:14px;height:14px;border-color:var(--cyan);border-style:solid;filter:drop-shadow(0 0 4px var(--cyan));pointer-events:none}
.eoc-gate-corner.tl{top:-2px;left:-2px;border-width:2px 0 0 2px;border-radius:6px 0 0 0}
.eoc-gate-corner.br{bottom:-2px;right:-2px;border-width:0 2px 2px 0;border-radius:0 0 6px 0}
.eoc-gate-head{display:flex;align-items:center;height:44px;padding:0 10px 0 16px;border-bottom:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eoc-gate-head b{color:var(--cyan);font-size:13px;letter-spacing:.1em;flex:1}
.eoc-gate-x{background:none;border:0;color:var(--muted);font-size:20px;cursor:pointer;padding:4px}
.eoc-gate-x:hover{color:var(--cyan)}
.eoc-gate-term{margin:14px 16px 0;padding:10px 12px;border-radius:5px;background:hsl(from #020b0d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #123a3f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font-size:11.5px;line-height:1.7;color:hsl(from #9ab5b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.eoc-gate-term p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eoc-gate-term em{font-style:normal;color:var(--cyan);margin-right:6px}
.eoc-gate-term .guest{color:#ffcf5c}
.eoc-gate-term .warn{color:#ff8f8f}
.eoc-gate-term .warn em{color:#ff6b6b}
.eoc-gate-caret{display:inline-block;width:7px;height:12px;margin-left:4px;vertical-align:-1px;background:var(--cyan);animation:ls-blink 1s steps(1) infinite}
.eoc-gate-msg{margin:14px 16px 0;font-family:inherit;font-size:14px;font-weight:700;color:var(--text);line-height:1.5}
.eoc-gate-msg small{font-size:11px;font-weight:400;color:var(--muted)}
.eoc-gate-actions{display:flex;gap:8px;margin:14px 16px 0}
.eoc-gate-actions button{flex:1;background:transparent;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:5px;color:var(--text);font:inherit;font-size:13px;font-weight:700;padding:10px 0;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.eoc-gate-actions button:hover{border-color:var(--cyan);color:var(--cyan)}
.eoc-gate-actions button.primary{background:var(--cyan);border-color:var(--cyan);color:#041013}
.eoc-gate-actions button.primary:hover{color:#041013;box-shadow:0 0 16px rgb(from var(--cyan) r g b / .5)}
.eoc-gate-foot{margin:12px 16px 0;font-size:10px;letter-spacing:.06em;color:hsl(from #56777b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);text-align:center}
<?php
require 'vendor/autoload.php';
$app = require 'bootstrap/app.php';
$app->make(Illuminate\Contracts\Console\Kernel::class)->bootstrap();
use Illuminate\Support\Facades\DB;
echo 'presence removed: '.DB::table('eo_session_presence')->where('session_hash', hash('sha256', 'eoc-rep-test|'.now()->format('Y-m-d')))->delete()."\n";
echo 'tokens removed: '.DB::table('personal_access_tokens')->where('name', 'eoc-ui-test')->delete()."\n";
echo 'signal: '.json_encode(module_setting('eosatom-community', 'signal'), JSON_UNESCAPED_UNICODE)."\n";

.ls-live,.ls-event{display:flex;flex-direction:column;min-height:136px}

/* ===== 표시 20 / 30 / 50 — 버튼 모양 (메인·게시판·방 공통) ===== */
.page-size{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.page-size span{margin-right:3px}
.page-size button{min-width:30px;height:24px;padding:0 7px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:hsl(from #041014 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #a2b8bc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}
.page-size button:hover{border-color:rgb(from var(--cyan) r g b / .7);color:var(--cyan)}
.page-size button.on{border-color:var(--cyan);background:var(--cyan);color:#041013;box-shadow:0 0 10px rgb(from var(--cyan) r g b / .35)}
.posts-head .page-size button{border-color:hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.posts-head .page-size button.on{border-color:var(--cyan)}
.room-listhead .room-page-size{margin-left:auto;margin-right:8px}

/* ===== 방·게시판 검색창 가로 줄이기 ===== */
@media (min-width:901px){
  .room-search-row{grid-template-columns:minmax(240px,380px) minmax(0,1fr)}
  .room-search{height:38px;padding:0 12px;gap:8px}
  .room-search-ico{font-size:17px}
  .room-search input{font-size:13px}
  .room-search-scope{display:none}
}

.bc-keep textarea{background:hsl(from #020b0d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid var(--line-soft);border-radius:4px;color:var(--text);font:inherit;font-size:12px;line-height:1.5;padding:7px 9px;resize:vertical}
.bc-keep textarea:focus{outline:none;border-color:var(--cyan)}

/* ===== 목록 개수 드롭다운 「VIEW 30개 ▾」 (메인·게시판·방 공통) ===== */
.ps-drop{--ps:var(--ra, var(--cyan));position:relative;flex:none;font-family:var(--mono)}
.posts-head .ps-drop{margin-left:auto;margin-right:8px}
.room-listhead .ps-drop{margin-right:8px}
.ps-drop-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid hsl(from #1d4e53 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-radius:4px;background:linear-gradient(180deg,rgb(from var(--cyan) r g b / .05),rgb(from var(--cyan) r g b / .01));color:var(--text);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;transition:border-color .15s,color .15s,box-shadow .15s}
.ps-drop-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(from var(--cyan) r g b / .18),transparent);transform:translateX(-100%);pointer-events:none}
.ps-drop-btn:hover::after{animation:ps-sweep .7s ease-out}
@keyframes ps-sweep{to{transform:translateX(100%)}}
.ps-drop-btn b{color:var(--ps);font-size:13px;text-shadow:0 0 8px color-mix(in srgb,var(--ps) 45%,transparent)}
.ps-drop-k{font-size:9px;letter-spacing:1.4px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ps-drop-btn i{font-style:normal;font-size:10px;color:hsl(from #8fb0b4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);transition:transform .15s}
.ps-drop-btn:hover,.ps-drop.is-open .ps-drop-btn{border-color:var(--ps);color:var(--ps);box-shadow:0 0 10px color-mix(in srgb,var(--ps) 25%,transparent)}
.ps-drop.is-open .ps-drop-btn i{transform:rotate(180deg);color:var(--ps)}
.ps-drop-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:45;min-width:132px;margin:0;padding:5px;list-style:none;border:1px solid var(--ps);border-radius:6px;background:hsl(from #051316 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background-image:repeating-linear-gradient(0deg,rgb(from var(--cyan) r g b / .035) 0 1px,transparent 1px 3px);box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 16px color-mix(in srgb,var(--ps) 20%,transparent);animation:ps-open .14s ease-out;transform-origin:top right}
@keyframes ps-open{from{opacity:0;transform:scaleY(.85) translateY(-4px)}to{opacity:1;transform:none}}
.ps-drop-menu button{display:grid;grid-template-columns:14px auto auto 1fr;align-items:baseline;gap:3px;width:100%;padding:7px 10px;border:0;border-radius:4px;background:none;color:var(--text);font:inherit;font-size:12.5px;text-align:left;cursor:pointer;outline:none}
.ps-drop-menu button b{font-size:13.5px;margin-left:2px}
.ps-drop-menu button em{font-style:normal;font-size:10px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ps-drop-menu button small{justify-self:end;font-size:9px;letter-spacing:1px;color:hsl(from #6f9296 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ps-drop-menu button:hover,.ps-drop-menu button:focus-visible{background:color-mix(in srgb,var(--ps) 13%,transparent);color:var(--ps)}
.ps-drop-menu button:hover em,.ps-drop-menu button:focus-visible em{color:var(--ps)}
.ps-drop-menu button.is-on{color:var(--ps);font-weight:800}
.ps-drop-menu button.is-on em{color:var(--ps);text-shadow:0 0 6px var(--ps)}

/* ===== LIVE_SIGNAL: 뜨는 주제 · 경기 종료 ===== */
.live-signal .ls-badge.is-final{color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);animation:none}
.live-signal .ls-badge.is-trend{color:#ffcf5c;animation:ls-blink 2s ease-in-out infinite}
.ls-trend-kw{text-align:center;font-size:22px;font-weight:800;color:var(--cyan);margin-top:8px;text-shadow:0 0 14px rgb(from var(--cyan) r g b / .45);word-break:keep-all}
.ls-trend .ls-kicker{text-align:center}

/* ===== 홈 설정 > LIVE_SIGNAL 목록·자동 ===== */
.ls-adm-sec{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-soft)}
.ls-adm-sec-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.ls-adm-sec-head b{font-size:13px;color:var(--text)}
.ls-adm-sec-head .admin-save,.ls-adm-sec-head .ls-adm-toggle{margin-left:auto}
.ls-adm-table{width:100%;border-collapse:collapse;font-size:12px}
.ls-adm-table th{text-align:left;font-weight:600;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line-soft)}
.ls-adm-table td{padding:7px 8px;border-bottom:1px solid rgb(from var(--cyan) r g b / .08);vertical-align:middle}
.ls-adm-table tr.st-ended td,.ls-adm-table tr.st-off td{opacity:.55}
.ls-adm-table small{color:var(--muted)}
.ls-adm-when{font-family:var(--mono);font-size:11px;white-space:nowrap}
.ls-adm-badge{font-size:11px;font-weight:700;white-space:nowrap}
.ls-adm-badge.live{color:#ff5c6c}
.ls-adm-badge.scheduled{color:var(--cyan)}
.ls-adm-badge.ended,.ls-adm-badge.off{color:var(--muted)}
.ls-adm-auto{margin-left:6px;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#ffcf5c;border:1px solid #ffcf5c;border-radius:3px;padding:0 4px}
.ls-adm-mini{display:inline-flex;align-items:center;gap:5px}
.ls-adm-mini b{font-family:var(--mono);color:var(--cyan)}
.ls-adm-mini button,.ls-adm-row-actions button,.ls-adm-actions>button:not(.admin-save){background:transparent;border:1px solid var(--line-soft);border-radius:4px;color:var(--text);font:inherit;font-size:11.5px;padding:3px 8px;cursor:pointer}
.ls-adm-mini button{border-color:var(--cyan);color:var(--cyan);font-weight:800}
.ls-adm-row-actions{white-space:nowrap;text-align:right}
.ls-adm-row-actions button{margin-left:4px}
.ls-adm-row-actions button.danger{color:#ff8f8f;border-color:rgb(255 107 107 / .45)}
.ls-adm-form{margin-top:10px;padding:12px;border:1px solid rgb(from var(--cyan) r g b / .35);border-radius:6px;background:rgb(from var(--cyan) r g b / .03)}
.ls-adm-list{margin:6px 0 0;padding-left:0;list-style:none;font-size:12px;font-family:var(--mono);color:hsl(from #b6ced1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.ls-adm-list li{padding:2px 0}
.ls-adm-list li.ok{color:#ffcf5c}
.ls-adm-trend{margin-top:10px;font-size:12px}
.ls-adm-trend b{color:var(--cyan)}

/* ===== 홈 설정 > LIVE_SIGNAL > 스포츠 자동 ===== */
.ls-adm-leagues{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.ls-adm-leagues label{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line-soft);border-radius:4px;font-size:12px;color:var(--text);cursor:pointer}
.ls-adm-leagues label.on{border-color:var(--cyan);color:var(--cyan);background:rgb(from var(--cyan) r g b / .08)}
.ls-adm-leagues input{accent-color:var(--cyan)}
.ls-adm-leagues small{font-size:10.5px;color:var(--muted)}
.ls-adm-usage{font-family:var(--mono);font-size:12px;color:var(--text);min-height:30px;display:flex;align-items:center}
.ls-adm-note{font-size:10.5px;color:var(--muted)}

/* 목록 개수 드롭다운: VIEW 글자 숨김 (2026-09-27) */
.ps-drop-k{display:none}

/* ===================== 전체 게시판 목록 — 모바일에서 분류는 아이콘만 ===================== */
.feed-meta-m{display:none}
@media (max-width:780px){
  .feed-table .board-tag-name{display:none}
  .feed-table th:nth-child(2),.feed-table td:nth-child(2){width:1%;padding-left:8px;padding-right:4px;text-align:center}
  .feed-table td:nth-child(2) .board-tag{gap:0}
  /* TEXT 모드는 아이콘을 숨기므로 이름을 그대로 둔다 */
  :root[data-mode="text"] .feed-table .board-tag-name{display:inline}
  /* 제목을 가로로 넓게: 작성자·작성일·조회 칸은 숨기고 제목 아래 한 줄로 */
  .feed-table th:nth-child(n+4),.feed-table td:nth-child(n+4){display:none}
  .posts-panel .feed-table td:nth-child(3){width:auto;white-space:normal;word-break:break-all;padding-right:10px}
  .feed-meta-m{display:block;margin-top:3px;font-size:10.5px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .feed-meta-m .bot-badge{margin-left:4px}
}

/* ===================== 하단 상태바 — 모바일에서 THEME·COLOR 가 안 들어가면 두 줄로 ===================== */
@media (max-width:780px){
  .status-bar{height:auto;padding:6px 8px;overflow:visible;white-space:normal;justify-content:center}
  .status-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;white-space:nowrap}
  /* 1줄: THEME + COLOR, 2줄: 나머지 — 컨테이너의 빈 ::after 가 줄을 나눈다 */
  .status-meta::after{content:"";flex-basis:100%;height:0;order:1}
  .status-meta>span:not(.status-mode):not(.status-theme){order:2}
  .status-meta span+span::before{margin:0 7px 0 0}
  .status-meta>.status-theme::before,.status-meta>.status-theme+span::before{display:none}
}

/* ===== EOC PULSE ALIGN START ===== */
/* NOTICE 줄이 헤더 선과 ISSUE_PULSE 상자 사이 한가운데 오도록 — 상자 위쪽 여백(7px)을 없앤다 */
.eoc-app .ip{margin-top:0}
/* KOREA / GLOBAL 두 칸 대칭 — 값 칸(1만+ ▲ / 5K+ ▲) 폭을 고정해 막대 위치를 맞춘다 */
.ip-signal .ip-val{min-width:4.4em}
/* ===== EOC PULSE ALIGN END ===== */
/* ===== EOC FONTS (vendor @font-face) START ===== */
@font-face {
  font-family: 'Space Grotesk Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fspace-grotesk%2Fspace-grotesk-latin-ext-wght-normal.woff2") format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fspace-grotesk%2Fspace-grotesk-latin-wght-normal.woff2") format('woff2-variations');
  unicode-range: U+0000-00B6,U+00B8-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;
}
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.0.woff2") format('woff2-variations');
	unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.1.woff2") format('woff2-variations');
	unicode-range: U+d723-d728, U+d72a-d733, U+d735-d748, U+d74a-d74f, U+d752-d753, U+d755-d757, U+d75a-d75f, U+d762-d764, U+d766-d768, U+d76a-d76b, U+d76d-d76f, U+d771-d787, U+d789-d78b, U+d78d-d78f, U+d791-d797, U+d79a, U+d79c, U+d79e-d7a3, U+f900-f909, U+f90b-f92e;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.2.woff2") format('woff2-variations');
	unicode-range: U+d679-d68b, U+d68e-d69e, U+d6a0, U+d6a2-d6a7, U+d6a9-d6c3, U+d6c6-d6c7, U+d6c9-d6cb, U+d6cd-d6d3, U+d6d5-d6d6, U+d6d8-d6e3, U+d6e5-d6e7, U+d6e9-d6fb, U+d6fd-d717, U+d719-d71f, U+d721-d722;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.3.woff2") format('woff2-variations');
	unicode-range: U+d5bc-d5c7, U+d5ca-d5cb, U+d5cd-d5cf, U+d5d1-d5d7, U+d5d9-d5da, U+d5dc, U+d5de-d5e3, U+d5e6-d5e7, U+d5e9-d5eb, U+d5ed-d5f6, U+d5f8, U+d5fa-d5ff, U+d602-d603, U+d605-d607, U+d609-d60f, U+d612-d613, U+d616-d61b, U+d61d-d637, U+d63a-d63b, U+d63d-d63f, U+d641-d647, U+d64a-d64c, U+d64e-d653, U+d656-d657, U+d659-d65b, U+d65d-d666, U+d668, U+d66a-d678;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.4.woff2") format('woff2-variations');
	unicode-range: U+d507, U+d509-d50b, U+d50d-d513, U+d515-d53b, U+d53e-d53f, U+d541-d543, U+d545-d54c, U+d54e, U+d550, U+d552-d557, U+d55a-d55b, U+d55d-d55f, U+d561-d564, U+d566-d567, U+d56a, U+d56c, U+d56e-d573, U+d576-d577, U+d579-d583, U+d585-d586, U+d58a-d5a4, U+d5a6-d5bb;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.5.woff2") format('woff2-variations');
	unicode-range: U+d464-d477, U+d47a-d47b, U+d47d-d47f, U+d481-d487, U+d489-d48a, U+d48c, U+d48e-d4e7, U+d4e9-d503, U+d505-d506;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.6.woff2") format('woff2-variations');
	unicode-range: U+d3bf-d3c7, U+d3ca-d3cf, U+d3d1-d3eb, U+d3ee-d3ef, U+d3f1-d3f3, U+d3f5-d3fb, U+d3fd-d400, U+d402-d45b, U+d45d-d463;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.7.woff2") format('woff2-variations');
	unicode-range: U+d2ff, U+d302-d304, U+d306-d30b, U+d30f, U+d311-d313, U+d315-d31b, U+d31e, U+d322-d324, U+d326-d327, U+d32a-d32b, U+d32d-d32f, U+d331-d337, U+d339-d33c, U+d33e-d37b, U+d37e-d37f, U+d381-d383, U+d385-d38b, U+d38e-d390, U+d392-d397, U+d39a-d39b, U+d39d-d39f, U+d3a1-d3a7, U+d3a9-d3aa, U+d3ac, U+d3ae-d3b3, U+d3b5-d3b7, U+d3b9-d3bb, U+d3bd-d3be;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.8.woff2") format('woff2-variations');
	unicode-range: U+d257-d27f, U+d281-d29b, U+d29d-d29f, U+d2a1-d2ab, U+d2ad-d2b7, U+d2ba-d2bb, U+d2bd-d2bf, U+d2c1-d2c7, U+d2c9-d2ef, U+d2f2-d2f3, U+d2f5-d2f7, U+d2f9-d2fe;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.9.woff2") format('woff2-variations');
	unicode-range: U+d1b4, U+d1b6-d1f3, U+d1f5-d22b, U+d22e-d22f, U+d231-d233, U+d235-d23b, U+d23d-d240, U+d242-d256;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.10.woff2") format('woff2-variations');
	unicode-range: U+d105-d12f, U+d132-d133, U+d135-d137, U+d139-d13f, U+d141-d142, U+d144, U+d146-d14b, U+d14e-d14f, U+d151-d153, U+d155-d15b, U+d15e-d187, U+d189-d19f, U+d1a2-d1a3, U+d1a5-d1a7, U+d1a9-d1af, U+d1b2-d1b3;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.11.woff2") format('woff2-variations');
	unicode-range: U+d04b-d04f, U+d051-d057, U+d059-d06b, U+d06d-d06f, U+d071-d073, U+d075-d07b, U+d07e-d0a3, U+d0a6-d0a7, U+d0a9-d0ab, U+d0ad-d0b3, U+d0b6, U+d0b8, U+d0ba-d0bf, U+d0c2-d0c3, U+d0c5-d0c7, U+d0c9-d0cf, U+d0d2, U+d0d6-d0db, U+d0de-d0df, U+d0e1-d0e3, U+d0e5-d0eb, U+d0ee-d0f0, U+d0f2-d104;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.12.woff2") format('woff2-variations');
	unicode-range: U+cfa2-cfc3, U+cfc5-cfdf, U+cfe2-cfe3, U+cfe5-cfe7, U+cfe9-cff4, U+cff6-cffb, U+cffd-cfff, U+d001-d003, U+d005-d017, U+d019-d033, U+d036-d037, U+d039-d03b, U+d03d-d04a;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.13.woff2") format('woff2-variations');
	unicode-range: U+cef0-cef3, U+cef6, U+cef9-ceff, U+cf01-cf03, U+cf05-cf07, U+cf09-cf0f, U+cf11-cf12, U+cf14-cf1b, U+cf1d-cf1f, U+cf21-cf2f, U+cf31-cf53, U+cf56-cf57, U+cf59-cf5b, U+cf5d-cf63, U+cf66, U+cf68, U+cf6a-cf6f, U+cf71-cf84, U+cf86-cf8b, U+cf8d-cfa1;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.14.woff2") format('woff2-variations');
	unicode-range: U+ce3c-ce57, U+ce5a-ce5b, U+ce5d-ce5f, U+ce61-ce67, U+ce6a, U+ce6c, U+ce6e-ce73, U+ce76-ce77, U+ce79-ce7b, U+ce7d-ce83, U+ce85-ce88, U+ce8a-ce8f, U+ce91-ce93, U+ce95-ce97, U+ce99-ce9f, U+cea2, U+cea4-ceab, U+cead-cee3, U+cee6-cee7, U+cee9-ceeb, U+ceed-ceef;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.15.woff2") format('woff2-variations');
	unicode-range: U+cd92-cd93, U+cd96-cd97, U+cd99-cd9b, U+cd9d-cda3, U+cda6-cda8, U+cdaa-cdaf, U+cdb1-cdc3, U+cdc5-cdcb, U+cdcd-cde7, U+cde9-ce03, U+ce05-ce1f, U+ce22-ce34, U+ce36-ce3b;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.16.woff2") format('woff2-variations');
	unicode-range: U+ccef-cd07, U+cd0a-cd0b, U+cd0d-cd1a, U+cd1c, U+cd1e-cd2b, U+cd2d-cd5b, U+cd5d-cd77, U+cd79-cd91;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.17.woff2") format('woff2-variations');
	unicode-range: U+cc3f-cc43, U+cc46-cc47, U+cc49-cc4b, U+cc4d-cc53, U+cc55-cc58, U+cc5a-cc5f, U+cc61-cc97, U+cc9a-cc9b, U+cc9d-cc9f, U+cca1-cca7, U+ccaa, U+ccac, U+ccae-ccb3, U+ccb6-ccb7, U+ccb9-ccbb, U+ccbd-cccf, U+ccd1-cce3, U+cce5-ccee;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.18.woff2") format('woff2-variations');
	unicode-range: U+cb91-cbd3, U+cbd5-cbe3, U+cbe5-cc0b, U+cc0e-cc0f, U+cc11-cc13, U+cc15-cc1b, U+cc1d-cc20, U+cc23-cc27, U+cc2a-cc2b, U+cc2d, U+cc2f, U+cc31-cc37, U+cc3a, U+cc3c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.19.woff2") format('woff2-variations');
	unicode-range: U+caf4-cb47, U+cb4a-cb90;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.20.woff2") format('woff2-variations');
	unicode-range: U+ca4a-ca4b, U+ca4e-ca4f, U+ca51-ca53, U+ca55-ca5b, U+ca5d-ca60, U+ca62-ca83, U+ca85-cabb, U+cabe-cabf, U+cac1-cac3, U+cac5-cacb, U+cacd-cad0, U+cad2, U+cad4-cad8, U+cada-caf3;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.21.woff2") format('woff2-variations');
	unicode-range: U+c996-c997, U+c99a-c99c, U+c99e-c9bf, U+c9c2-c9c3, U+c9c5-c9c7, U+c9c9-c9cf, U+c9d2, U+c9d4, U+c9d7-c9d8, U+c9db, U+c9de-c9df, U+c9e1-c9e3, U+c9e5-c9e6, U+c9e8-c9eb, U+c9ee-c9f0, U+c9f2-c9f7, U+c9f9-ca0b, U+ca0d-ca28, U+ca2a-ca49;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.22.woff2") format('woff2-variations');
	unicode-range: U+c8e9-c8f4, U+c8f6-c8fb, U+c8fe-c8ff, U+c901-c903, U+c905-c90b, U+c90e-c910, U+c912-c917, U+c919-c92b, U+c92d-c94f, U+c951-c953, U+c955-c96b, U+c96d-c973, U+c975-c987, U+c98a-c98b, U+c98d-c98f, U+c991-c995;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.23.woff2") format('woff2-variations');
	unicode-range: U+c841-c84b, U+c84d-c86f, U+c872-c873, U+c875-c877, U+c879-c87f, U+c882-c884, U+c887-c88a, U+c88d-c8c3, U+c8c5-c8df, U+c8e1-c8e8;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.24.woff2") format('woff2-variations');
	unicode-range: U+c779-c77b, U+c77e-c782, U+c786, U+c78b, U+c78d, U+c78f, U+c792-c793, U+c795, U+c797, U+c799-c79f, U+c7a2, U+c7a7-c7ab, U+c7ae-c7bb, U+c7bd-c7c0, U+c7c2-c7c7, U+c7c9-c7dc, U+c7de-c7ff, U+c802-c803, U+c805-c807, U+c809, U+c80b-c80f, U+c812, U+c814, U+c817-c81b, U+c81e-c81f, U+c821-c823, U+c825-c82e, U+c830-c837, U+c839-c83b, U+c83d-c840;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.25.woff2") format('woff2-variations');
	unicode-range: U+c6bb-c6bf, U+c6c2, U+c6c4, U+c6c6-c6cb, U+c6ce-c6cf, U+c6d1-c6d3, U+c6d5-c6db, U+c6dd-c6df, U+c6e1-c6e7, U+c6e9-c6eb, U+c6ed-c6ef, U+c6f1-c6f8, U+c6fa-c703, U+c705-c707, U+c709-c70b, U+c70d-c716, U+c718, U+c71a-c71f, U+c722-c723, U+c725-c727, U+c729-c734, U+c736-c73b, U+c73e-c73f, U+c741-c743, U+c745-c74b, U+c74e-c750, U+c752-c757, U+c759-c773, U+c776-c777;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.26.woff2") format('woff2-variations');
	unicode-range: U+c5f5-c5fb, U+c5fe, U+c602-c605, U+c607, U+c609-c60f, U+c611-c61a, U+c61c-c623, U+c626-c627, U+c629-c62b, U+c62d, U+c62f-c632, U+c636, U+c638, U+c63a-c63f, U+c642-c643, U+c645-c647, U+c649-c652, U+c656-c65b, U+c65d-c65f, U+c661-c663, U+c665-c677, U+c679-c67b, U+c67d-c693, U+c696-c697, U+c699-c69b, U+c69d-c6a3, U+c6a6, U+c6a8, U+c6aa-c6af, U+c6b2-c6b3, U+c6b5-c6b7, U+c6b9-c6ba;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.27.woff2") format('woff2-variations');
	unicode-range: U+c517-c527, U+c52a-c52b, U+c52d-c52f, U+c531-c538, U+c53a, U+c53c, U+c53e-c543, U+c546-c547, U+c54b, U+c54d-c552, U+c556, U+c55a-c55b, U+c55d, U+c55f, U+c562-c563, U+c565-c567, U+c569-c56f, U+c572, U+c574, U+c576-c57b, U+c57e-c57f, U+c581-c583, U+c585-c586, U+c588-c58b, U+c58e, U+c590, U+c592-c596, U+c599-c5b3, U+c5b6-c5b7, U+c5ba, U+c5be-c5c3, U+c5ca-c5cb, U+c5cd, U+c5cf, U+c5d2-c5d3, U+c5d5-c5d7, U+c5d9-c5df, U+c5e1-c5e2, U+c5e4, U+c5e6-c5eb, U+c5ef, U+c5f1-c5f3;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.28.woff2") format('woff2-variations');
	unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.29.woff2") format('woff2-variations');
	unicode-range: U+c3d0-c3d7, U+c3da-c3db, U+c3dd-c3de, U+c3e1-c3ec, U+c3ee-c3f3, U+c3f5-c42b, U+c42d-c463, U+c466-c474;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.30.woff2") format('woff2-variations');
	unicode-range: U+c32b-c367, U+c36a-c36b, U+c36d-c36f, U+c371-c377, U+c37a-c37b, U+c37e-c383, U+c385-c387, U+c389-c3cf;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.31.woff2") format('woff2-variations');
	unicode-range: U+c26a-c26b, U+c26d-c26f, U+c271-c273, U+c275-c27b, U+c27e-c287, U+c289-c28f, U+c291-c297, U+c299-c29a, U+c29c-c2a3, U+c2a5-c2a7, U+c2a9-c2ab, U+c2ad-c2b3, U+c2b6, U+c2b8, U+c2ba-c2bb, U+c2bd-c2db, U+c2de-c2df, U+c2e1-c2e2, U+c2e5-c2ea, U+c2ee, U+c2f0, U+c2f2-c2f5, U+c2f7, U+c2fa-c2fb, U+c2fd-c2ff, U+c301-c307, U+c309-c30c, U+c30e-c312, U+c315-c323, U+c325-c328, U+c32a;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.32.woff2") format('woff2-variations');
	unicode-range: U+c1bc-c1c3, U+c1c5-c1df, U+c1e1-c1fb, U+c1fd-c203, U+c205-c20c, U+c20e, U+c210-c217, U+c21a-c21b, U+c21d-c21e, U+c221-c227, U+c229-c22a, U+c22c, U+c22e, U+c230, U+c233-c24f, U+c251-c257, U+c259-c269;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.33.woff2") format('woff2-variations');
	unicode-range: U+c101-c11b, U+c11f, U+c121-c123, U+c125-c12b, U+c12e, U+c132-c137, U+c13a-c13b, U+c13d-c13f, U+c141-c147, U+c14a, U+c14c-c153, U+c155-c157, U+c159-c15b, U+c15d-c166, U+c169-c16f, U+c171-c177, U+c179-c18b, U+c18e-c18f, U+c191-c193, U+c195-c19b, U+c19d-c19e, U+c1a0, U+c1a2-c1a4, U+c1a6-c1bb;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.34.woff2") format('woff2-variations');
	unicode-range: U+c049-c057, U+c059-c05b, U+c05d-c05f, U+c061-c067, U+c069-c08f, U+c091-c0ab, U+c0ae-c0af, U+c0b1-c0b3, U+c0b5, U+c0b7-c0bb, U+c0be, U+c0c2-c0c7, U+c0ca-c0cb, U+c0cd-c0cf, U+c0d1-c0d7, U+c0d9-c0da, U+c0dc, U+c0de-c0e3, U+c0e5-c0eb, U+c0ed-c0f3, U+c0f6, U+c0f8, U+c0fa-c0ff;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.35.woff2") format('woff2-variations');
	unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.36.woff2") format('woff2-variations');
	unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.37.woff2") format('woff2-variations');
	unicode-range: U+be56, U+be58, U+be5c-be5f, U+be62-be63, U+be65-be67, U+be69-be74, U+be76-be7b, U+be7e-be7f, U+be81-be8e, U+be90, U+be92-bea7, U+bea9-becf, U+bed2-bed3, U+bed5-bed6, U+bed9-bee3, U+bee6-bf06;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.38.woff2") format('woff2-variations');
	unicode-range: U+bdb0-bdd3, U+bdd5-bdef, U+bdf1-be0b, U+be0d-be0f, U+be11-be13, U+be15-be43, U+be46-be47, U+be49-be4b, U+be4d-be53;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.39.woff2") format('woff2-variations');
	unicode-range: U+bd03, U+bd06, U+bd08, U+bd0a-bd0f, U+bd11-bd22, U+bd25-bd47, U+bd49-bd58, U+bd5a-bd7f, U+bd82-bd83, U+bd85-bd87, U+bd8a-bd8f, U+bd91-bd92, U+bd94, U+bd96-bd98, U+bd9a-bdaf;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.40.woff2") format('woff2-variations');
	unicode-range: U+bc4e-bc83, U+bc86-bc87, U+bc89-bc8b, U+bc8d-bc93, U+bc96, U+bc98, U+bc9b-bc9f, U+bca2-bca3, U+bca5-bca7, U+bca9-bcb2, U+bcb4-bcbb, U+bcbe-bcbf, U+bcc1-bcc3, U+bcc5-bccc, U+bcce-bcd0, U+bcd2-bcd4, U+bcd6-bcf3, U+bcf7, U+bcf9-bcfb, U+bcfd-bd02;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.41.woff2") format('woff2-variations');
	unicode-range: U+bb90-bba3, U+bba5-bbab, U+bbad-bbbf, U+bbc1-bbf7, U+bbfa-bbfb, U+bbfd-bbfe, U+bc01-bc07, U+bc09-bc0a, U+bc0e, U+bc10, U+bc12-bc13, U+bc17, U+bc19-bc1a, U+bc1e, U+bc20-bc23, U+bc26, U+bc28, U+bc2a-bc2c, U+bc2e-bc2f, U+bc32-bc33, U+bc35-bc37, U+bc39-bc3f, U+bc41-bc42, U+bc44, U+bc46-bc48, U+bc4a-bc4d;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.42.woff2") format('woff2-variations');
	unicode-range: U+bae6-bafb, U+bafd-bb17, U+bb19-bb33, U+bb37, U+bb39-bb3a, U+bb3d-bb43, U+bb45-bb46, U+bb48, U+bb4a-bb4f, U+bb51-bb53, U+bb55-bb57, U+bb59-bb62, U+bb64-bb8f;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.43.woff2") format('woff2-variations');
	unicode-range: U+ba30-ba37, U+ba3a-ba3b, U+ba3d-ba3f, U+ba41-ba47, U+ba49-ba4a, U+ba4c, U+ba4e-ba53, U+ba56-ba57, U+ba59-ba5b, U+ba5d-ba63, U+ba65-ba66, U+ba68-ba6f, U+ba71-ba73, U+ba75-ba77, U+ba79-ba84, U+ba86, U+ba88-baa7, U+baaa, U+baad-baaf, U+bab1-bab7, U+baba, U+babc, U+babe-bae5;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.44.woff2") format('woff2-variations');
	unicode-range: U+b96e-b973, U+b976-b977, U+b979-b97b, U+b97d-b983, U+b986, U+b988, U+b98a-b98d, U+b98f-b9ab, U+b9ae-b9af, U+b9b1-b9b3, U+b9b5-b9bb, U+b9be, U+b9c0, U+b9c2-b9c7, U+b9ca-b9cb, U+b9cd, U+b9d2-b9d7, U+b9da, U+b9dc, U+b9df-b9e0, U+b9e2, U+b9e6-b9e7, U+b9e9-b9f3, U+b9f6, U+b9f8, U+b9fb-ba2f;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.45.woff2") format('woff2-variations');
	unicode-range: U+b8bf-b8cb, U+b8cd-b8e0, U+b8e2-b8e7, U+b8ea-b8eb, U+b8ed-b8ef, U+b8f1-b8f7, U+b8fa, U+b8fc, U+b8fe-b903, U+b905-b917, U+b919-b91f, U+b921-b93b, U+b93d-b957, U+b95a-b95b, U+b95d-b95f, U+b961-b967, U+b969-b96c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.46.woff2") format('woff2-variations');
	unicode-range: U+b80d-b80f, U+b811-b817, U+b81a, U+b81c-b823, U+b826-b827, U+b829-b82b, U+b82d-b833, U+b836, U+b83a-b83f, U+b841-b85b, U+b85e-b85f, U+b861-b863, U+b865-b86b, U+b86e, U+b870, U+b872-b8af, U+b8b1-b8be;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.47.woff2") format('woff2-variations');
	unicode-range: U+b74d-b75f, U+b761-b763, U+b765-b774, U+b776-b77b, U+b77e-b77f, U+b781-b783, U+b785-b78b, U+b78e, U+b792-b796, U+b79a-b79b, U+b79d-b7a7, U+b7aa, U+b7ae-b7b3, U+b7b6-b7c8, U+b7ca-b7eb, U+b7ee-b7ef, U+b7f1-b7f3, U+b7f5-b7fb, U+b7fe, U+b802-b806, U+b80a-b80b;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.48.woff2") format('woff2-variations');
	unicode-range: U+b6a7-b6aa, U+b6ac-b6b0, U+b6b2-b6ef, U+b6f1-b727, U+b72a-b72b, U+b72d-b72e, U+b731-b737, U+b739-b73a, U+b73c-b743, U+b745-b74c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.49.woff2") format('woff2-variations');
	unicode-range: U+b605-b60f, U+b612-b617, U+b619-b624, U+b626-b69b, U+b69e-b6a3, U+b6a5-b6a6;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.50.woff2") format('woff2-variations');
	unicode-range: U+b55f, U+b562-b583, U+b585-b59f, U+b5a2-b5a3, U+b5a5-b5a7, U+b5a9-b5b2, U+b5b5-b5ba, U+b5bd-b604;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.51.woff2") format('woff2-variations');
	unicode-range: U+b4a5-b4b6, U+b4b8-b4bf, U+b4c1-b4c7, U+b4c9-b4db, U+b4de-b4df, U+b4e1-b4e2, U+b4e5-b4eb, U+b4ee, U+b4f0, U+b4f2-b513, U+b516-b517, U+b519-b51a, U+b51d-b523, U+b526, U+b528, U+b52b-b52f, U+b532-b533, U+b535-b537, U+b539-b53f, U+b541-b544, U+b546-b54b, U+b54d-b54f, U+b551-b55b, U+b55d-b55e;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.52.woff2") format('woff2-variations');
	unicode-range: U+b3f8-b3fb, U+b3fd-b40f, U+b411-b417, U+b419-b41b, U+b41d-b41f, U+b421-b427, U+b42a-b42b, U+b42d-b44f, U+b452-b453, U+b455-b457, U+b459-b45f, U+b462-b464, U+b466-b46b, U+b46d-b47f, U+b481-b4a3;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.53.woff2") format('woff2-variations');
	unicode-range: U+b342-b353, U+b356-b357, U+b359-b35b, U+b35d-b35e, U+b360-b363, U+b366, U+b368, U+b36a-b36d, U+b36f, U+b372-b373, U+b375-b377, U+b379-b37f, U+b381-b382, U+b384, U+b386-b38b, U+b38d-b3c3, U+b3c6-b3c7, U+b3c9-b3ca, U+b3cd-b3d3, U+b3d6, U+b3d8, U+b3da-b3f7;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.54.woff2") format('woff2-variations');
	unicode-range: U+b27c-b283, U+b285-b28f, U+b292-b293, U+b295-b297, U+b29a-b29f, U+b2a1-b2a4, U+b2a7-b2a9, U+b2ab, U+b2ad-b2c7, U+b2ca-b2cb, U+b2cd-b2cf, U+b2d1-b2d7, U+b2da, U+b2dc, U+b2de-b2e3, U+b2e7, U+b2e9-b2ea, U+b2ef-b2f3, U+b2f6, U+b2f8, U+b2fa-b2fb, U+b2fd-b2fe, U+b302-b303, U+b305-b307, U+b309-b30f, U+b312, U+b316-b31b, U+b31d-b341;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.55.woff2") format('woff2-variations');
	unicode-range: U+b1d6-b1e7, U+b1e9-b1fc, U+b1fe-b203, U+b206-b207, U+b209-b20b, U+b20d-b213, U+b216-b21f, U+b221-b257, U+b259-b273, U+b275-b27b;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.56.woff2") format('woff2-variations');
	unicode-range: U+b120-b122, U+b126-b127, U+b129-b12b, U+b12d-b133, U+b136, U+b138, U+b13a-b13f, U+b142-b143, U+b145-b14f, U+b151-b153, U+b156-b157, U+b159-b177, U+b17a-b17b, U+b17d-b17f, U+b181-b187, U+b189-b18c, U+b18e-b191, U+b195-b1a7, U+b1a9-b1cb, U+b1cd-b1d5;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.57.woff2") format('woff2-variations');
	unicode-range: U+b05f-b07b, U+b07e-b07f, U+b081-b083, U+b085-b08b, U+b08d-b097, U+b09b, U+b09d-b09f, U+b0a2-b0a7, U+b0aa, U+b0b0, U+b0b2, U+b0b6-b0b7, U+b0b9-b0bb, U+b0bd-b0c3, U+b0c6-b0c7, U+b0ca-b0cf, U+b0d1-b0df, U+b0e1-b0e4, U+b0e6-b107, U+b10a-b10b, U+b10d-b10f, U+b111-b112, U+b114-b117, U+b119-b11a, U+b11c-b11f;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.58.woff2") format('woff2-variations');
	unicode-range: U+afac-afb7, U+afba-afbb, U+afbd-afbf, U+afc1-afc6, U+afca-afcc, U+afce-afd3, U+afd5-afe7, U+afe9-afef, U+aff1-b00b, U+b00d-b00f, U+b011-b013, U+b015-b01b, U+b01d-b027, U+b029-b043, U+b045-b047, U+b049, U+b04b, U+b04d-b052, U+b055-b056, U+b058-b05c, U+b05e;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.59.woff2") format('woff2-variations');
	unicode-range: U+af03-af07, U+af09-af2b, U+af2e-af33, U+af35-af3b, U+af3e-af40, U+af44-af47, U+af4a-af5c, U+af5e-af63, U+af65-af7f, U+af81-afab;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.60.woff2") format('woff2-variations');
	unicode-range: U+ae56-ae5b, U+ae5e-ae60, U+ae62-ae64, U+ae66-ae67, U+ae69-ae6b, U+ae6d-ae83, U+ae85-aebb, U+aebf, U+aec1-aec3, U+aec5-aecb, U+aece, U+aed0, U+aed2-aed7, U+aed9-aef3, U+aef5-af02;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.61.woff2") format('woff2-variations');
	unicode-range: U+ad9c-ada3, U+ada5-adbf, U+adc1-adc3, U+adc5-adc7, U+adc9-add2, U+add4-addb, U+addd-addf, U+ade1-ade3, U+ade5-adf7, U+adfa-adfb, U+adfd-adff, U+ae02-ae07, U+ae0a, U+ae0c, U+ae0e-ae13, U+ae15-ae2f, U+ae31-ae33, U+ae35-ae37, U+ae39-ae3f, U+ae42, U+ae44, U+ae46-ae49, U+ae4b, U+ae4f, U+ae51-ae53, U+ae55;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.62.woff2") format('woff2-variations');
	unicode-range: U+ace2-ace3, U+ace5-ace6, U+ace9-acef, U+acf2, U+acf4, U+acf7-acfb, U+acfe-acff, U+ad01-ad03, U+ad05-ad0b, U+ad0d-ad10, U+ad12-ad1b, U+ad1d-ad33, U+ad35-ad48, U+ad4a-ad4f, U+ad51-ad6b, U+ad6e-ad6f, U+ad71-ad72, U+ad77-ad7c, U+ad7e, U+ad80, U+ad82-ad87, U+ad89-ad8b, U+ad8d-ad8f, U+ad91-ad9b;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.63.woff2") format('woff2-variations');
	unicode-range: U+ac25-ac2c, U+ac2e, U+ac30, U+ac32-ac37, U+ac39-ac3f, U+ac41-ac4c, U+ac4e-ac6f, U+ac72-ac73, U+ac75-ac76, U+ac79-ac7f, U+ac82, U+ac84-ac88, U+ac8a-ac8b, U+ac8d-ac8f, U+ac91-ac93, U+ac95-ac9b, U+ac9d-ac9e, U+aca1-aca7, U+acab, U+acad-acaf, U+acb1-acb7, U+acba-acbb, U+acbe-acc0, U+acc2-acc3, U+acc5-acdf;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.64.woff2") format('woff2-variations');
	unicode-range: U+99df, U+99ed, U+99f1, U+99ff, U+9a01, U+9a08, U+9a0e-9a0f, U+9a19, U+9a2b, U+9a30, U+9a36-9a37, U+9a40, U+9a43, U+9a45, U+9a4d, U+9a55, U+9a57, U+9a5a-9a5b, U+9a5f, U+9a62, U+9a65, U+9a69-9a6a, U+9aa8, U+9ab8, U+9ad3, U+9ae5, U+9aee, U+9b1a, U+9b27, U+9b2a, U+9b31, U+9b3c, U+9b41-9b45, U+9b4f, U+9b54, U+9b5a, U+9b6f, U+9b8e, U+9b91, U+9b9f, U+9bab, U+9bae, U+9bc9, U+9bd6, U+9be4, U+9be8, U+9c0d, U+9c10, U+9c12, U+9c15, U+9c25, U+9c32, U+9c3b, U+9c47, U+9c49, U+9c57, U+9ce5, U+9ce7, U+9ce9, U+9cf3-9cf4, U+9cf6, U+9d09, U+9d1b, U+9d26, U+9d28, U+9d3b, U+9d51, U+9d5d, U+9d60-9d61, U+9d6c, U+9d72, U+9da9, U+9daf, U+9db4, U+9dc4, U+9dd7, U+9df2, U+9df8-9dfa, U+9e1a, U+9e1e, U+9e75, U+9e79, U+9e7d, U+9e7f, U+9e92-9e93, U+9e97, U+9e9d, U+9e9f, U+9ea5, U+9eb4-9eb5, U+9ebb, U+9ebe, U+9ec3, U+9ecd-9ece, U+9ed4, U+9ed8, U+9edb-9edc, U+9ede, U+9ee8, U+9ef4, U+9f07-9f08, U+9f0e, U+9f13, U+9f20, U+9f3b, U+9f4a-9f4b, U+9f4e, U+9f52, U+9f5f, U+9f61, U+9f67, U+9f6a, U+9f6c, U+9f77, U+9f8d, U+9f90, U+9f95, U+9f9c, U+ac02-ac03, U+ac05-ac06, U+ac09-ac0f, U+ac17-ac18, U+ac1b, U+ac1e-ac1f, U+ac21-ac23;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.65.woff2") format('woff2-variations');
	unicode-range: U+338c-339c, U+339f-33a0, U+33a2-33cb, U+33cf-33d0, U+33d3, U+33d6, U+33d8, U+33db-33dd, U+4e01, U+4e03, U+4e07-4e08, U+4e11, U+4e14-4e15, U+4e18-4e19, U+4e1e, U+4e32, U+4e38-4e39, U+4e42-4e43, U+4e45, U+4e4d-4e4f, U+4e56, U+4e58-4e59, U+4e5d-4e5e, U+4e6b, U+4e6d, U+4e73, U+4e76-4e77, U+4e7e, U+4e82, U+4e86, U+4e88, U+4e8e, U+4e90-4e92, U+4e94-4e95, U+4e98, U+4e9b, U+4e9e, U+4ea1-4ea2, U+4ea4-4ea6, U+4ea8, U+4eab, U+4ead-4eae, U+4eb6, U+4ec0-4ec1, U+4ec4, U+4ec7, U+4ecb, U+4ecd, U+4ed4-4ed5, U+4ed7-4ed9, U+4edd, U+4edf, U+4ee4, U+4ef0, U+4ef2, U+4ef6-4ef7, U+4efb, U+4f01, U+4f09, U+4f0b, U+4f0d-4f11, U+4f2f, U+4f34, U+4f36, U+4f38, U+4f3a, U+4f3c-4f3d;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.66.woff2") format('woff2-variations');
	unicode-range: U+3136, U+3138, U+313a-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315b, U+315d-315f, U+3162, U+3164-318c, U+318e, U+3200-321b, U+3231, U+3239, U+3251-325a, U+3260-327b, U+327e-327f, U+328a-3290, U+3294, U+329e, U+32a5, U+3380-3384, U+3388-338b;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.67.woff2") format('woff2-variations');
	unicode-range: U+2f7d, U+2f7f-2f8b, U+2f8e-2f90, U+2f92-2f97, U+2f99-2fa0, U+2fa2-2fa3, U+2fa5-2fa9, U+2fac-2fb1, U+2fb3-2fbc, U+2fc1-2fca, U+2fcd-2fd4, U+3003, U+3012-3019, U+301c, U+301e-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304e, U+3050, U+3052, U+3056, U+305a, U+305c, U+305e, U+3062, U+3065, U+306c, U+3070-307d, U+3080, U+3085, U+3087, U+308e, U+3090-3091, U+30a1, U+30a5, U+30a9, U+30ae, U+30b1-30b2, U+30b4, U+30b6, U+30bc-30be, U+30c2, U+30c5, U+30cc, U+30d2, U+30d4, U+30d8-30dd, U+30e4, U+30e6, U+30e8, U+30ee, U+30f0-30f2, U+30f4-30f6, U+3133, U+3135;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.68.woff2") format('woff2-variations');
	unicode-range: U+2541-254b, U+25a4-25a9, U+25b1, U+25b5, U+25b9, U+25bf, U+25c1, U+25c3, U+25c9-25ca, U+25cc, U+25ce, U+25d0-25d1, U+25e6, U+25ef, U+260f, U+261d, U+261f, U+262f, U+2660, U+2664, U+2667-2669, U+266d, U+266f, U+2716, U+271a, U+273d, U+2756, U+2776-277f, U+278a-2793, U+2963, U+2965, U+2ac5-2ac6, U+2acb-2acc, U+2f00, U+2f04, U+2f06, U+2f08, U+2f0a-2f0b, U+2f11-2f12, U+2f14, U+2f17-2f18, U+2f1c-2f1d, U+2f1f-2f20, U+2f23-2f26, U+2f28-2f29, U+2f2b, U+2f2d, U+2f2f-2f32, U+2f38, U+2f3c-2f40, U+2f42-2f4c, U+2f4f-2f52, U+2f54-2f58, U+2f5a-2f66, U+2f69-2f70, U+2f72-2f76, U+2f78, U+2f7a-2f7c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.69.woff2") format('woff2-variations');
	unicode-range: U+2479-2487, U+249c-24d1, U+24d3-24d7, U+24d9-24e9, U+24eb-24f4, U+2500-2501, U+2503, U+250c-2513, U+2515-2516, U+2518-2540;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.70.woff2") format('woff2-variations');
	unicode-range: U+215b-215e, U+2162-2169, U+2170-2179, U+2195-2199, U+21b0-21b4, U+21bc, U+21c0, U+21c4-21c5, U+21cd, U+21cf-21d4, U+21e0-21e3, U+21e6-21e9, U+2200, U+2202-2203, U+2206-2209, U+220b-220c, U+220f, U+2211, U+2213, U+221a, U+221d-2220, U+2222, U+2225-2227, U+2229-222c, U+222e, U+2234-2237, U+223d, U+2243, U+2245, U+2248, U+2250-2253, U+225a, U+2260-2262, U+2264-2267, U+226a-226b, U+226e-2273, U+2276-2277, U+2279-227b, U+2280-2287, U+228a-228b, U+2295-2297, U+22a3-22a5, U+22bb-22bc, U+22ce-22cf, U+22da-22db, U+22ee-22ef, U+2306, U+2312, U+2314, U+2467-2478;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.71.woff2") format('woff2-variations');
	unicode-range: U+81-82, U+84, U+a2-a5, U+a7-a8, U+aa, U+ac, U+b1-b3, U+b6, U+b8-ba, U+bc-be, U+c0, U+c2, U+c6-cb, U+ce-d0, U+d4, U+d8-d9, U+db-dc, U+de-df, U+e6, U+eb, U+ee-f0, U+f4, U+f7-f9, U+fb, U+fe-ff, U+111, U+126-127, U+132-133, U+138, U+13f-142, U+149-14b, U+152-153, U+166-167, U+2bc, U+2c7, U+2d0, U+2d8-2d9, U+2db-2dd, U+391-394, U+396-3a1, U+3a3-3a9, U+3b2-3b6, U+3b8, U+3bc, U+3be-3c1, U+3c3-3c9, U+2010, U+2015-2016, U+2018-2019, U+201b, U+201f-2021, U+2025, U+2030, U+2033-2036, U+203c, U+203e, U+2042, U+2074, U+207a-207f, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212b, U+2153-2154;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.72.woff2") format('woff2-variations');
	unicode-range: U+e8, U+2da, U+2160, U+2194, U+3054, U+3058, U+306d, U+3086, U+308d, U+30ac, U+30bb, U+30c4, U+30cd-30ce, U+30e2, U+3132, U+3146, U+3149, U+339d, U+4e3b, U+4f0a, U+4fdd, U+4fe1, U+5409, U+540c, U+5834, U+592a-592b, U+5b9a, U+5dde, U+5e0c, U+5e73, U+5f0f, U+60f3, U+653f, U+661f, U+662f, U+667a, U+683c, U+6b4c, U+6c11, U+767c, U+76ee, U+76f4, U+77f3, U+79d1, U+7a7a, U+7b2c, U+7d22, U+8207, U+8a00, U+8a71, U+9280, U+9580, U+958b, U+96c6, U+9762, U+98df, U+9ed1, U+ac2d, U+adc8, U+add3, U+af48, U+b014, U+b134-b135, U+b158, U+b2aa, U+b35f, U+b6a4, U+b9cf, U+bb63, U+bd23, U+be91, U+c29b, U+c3f4, U+c42c, U+c55c, U+c573, U+c58f, U+c78c, U+c7dd, U+c8f5, U+cad1, U+cc48, U+cf10, U+cf20, U+d03c, U+d07d, U+d2a0, U+d30e, U+d38d, U+d3a8, U+d3c8, U+d5e5, U+d5f9, U+d6e4, U+f90a, U+ff02, U+ff1c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.73.woff2") format('woff2-variations');
	unicode-range: U+3b1, U+2466, U+25a1, U+25a3, U+261c, U+3008-3009, U+305b, U+305d, U+3069, U+30a7, U+30ba, U+30cf, U+30ef, U+3151, U+3157, U+4e4b, U+4e5f, U+4e8c, U+4eca, U+4ed6, U+4f5b, U+50cf, U+5149, U+5165, U+5171, U+5229, U+529b, U+5316, U+539f, U+53f2, U+571f, U+5728, U+58eb, U+591c, U+5b78, U+5c11, U+5c55, U+5ddd, U+5e02, U+5fb7, U+60c5, U+610f, U+611f, U+6625, U+66f8, U+6797, U+679c, U+682a, U+6d2a, U+706b, U+7406, U+767b, U+76f8, U+77e5, U+7acb, U+898b, U+8a69, U+8def, U+8fd1, U+901a, U+90e8, U+91cd, U+975e, U+ae14, U+ae6c, U+aec0, U+afc7, U+afc9, U+b01c, U+b028, U+b308, U+b311, U+b314, U+b31c, U+b524, U+b560, U+b764, U+b920, U+b9e3, U+bd48, U+be7d, U+c0db, U+c231, U+c270, U+c2e3, U+c37d, U+c3ed, U+c530, U+c6a5, U+c6dc, U+c7a4, U+c954, U+c974, U+d000, U+d565, U+d667, U+d6c5, U+d79d, U+ff1e;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.74.woff2") format('woff2-variations');
	unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308f, U+30c0, U+30d1, U+30d3, U+30d6, U+30df, U+30e7, U+3153, U+4e16, U+4e8b, U+4ee5, U+5206, U+52a0, U+52d5, U+53e4, U+53ef, U+54c1, U+57ce, U+597d, U+5b8c, U+5ea6, U+5f8c, U+5f97, U+6210, U+6240, U+624b, U+6728, U+6bd4, U+7236, U+7269, U+7279, U+738b, U+7528, U+7530, U+767e, U+798f, U+8005, U+8a18, U+90fd, U+91cc, U+9577, U+9593, U+98a8, U+ac20, U+acf6, U+ad90, U+af5d, U+af80, U+afcd, U+aff0, U+b0a1, U+b0b5, U+b1fd, U+b2fc, U+b380, U+b51b, U+b584, U+b5b3, U+b8fd, U+b93c, U+b9f4, U+bb44, U+bc08, U+bc27, U+bc49, U+be55, U+be64, U+bfb0, U+bfc5, U+c178, U+c21f, U+c314, U+c4f1, U+c58d, U+c664, U+c698, U+c6a7, U+c6c1, U+c9ed, U+cac0, U+cacc, U+cad9, U+ccb5, U+cdcc, U+d0e4, U+d143, U+d320, U+d330, U+d54d, U+ff06, U+ff1f, U+ff5e;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.75.woff2") format('woff2-variations');
	unicode-range: U+b4, U+20a9, U+20ac, U+2190, U+24d8, U+2502, U+2514, U+2592, U+25c7-25c8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30a3, U+30a6, U+30aa, U+30b5, U+30c7, U+30ca-30cb, U+30d0, U+30e3, U+30e5, U+339e, U+4e09, U+4eac, U+4f5c, U+5167-5168, U+516c, U+51fa, U+5408, U+540d, U+591a, U+5b57, U+6211, U+65b9, U+660e, U+6642, U+6700, U+6b63, U+6e2f, U+7063, U+7532, U+793e, U+81ea, U+8272, U+82b1, U+897f, U+8eca, U+91ce, U+ac38, U+ad76, U+ae84, U+aecc, U+b07d, U+b0b1, U+b215, U+b2a0, U+b310, U+b3d7, U+b52a, U+b618, U+b775, U+b797, U+bcd5, U+bd59, U+be80, U+bea8, U+bed1, U+bee4-bee5, U+c060, U+c2ef, U+c329, U+c3dc, U+c597, U+c5bd, U+c5e5, U+c69c, U+c9d6, U+ca29, U+ca5c, U+ca84, U+cc39, U+cc3b, U+ce89, U+cee5, U+cf65, U+cf85, U+d058, U+d145, U+d22d, U+d325, U+d37d, U+d3ad, U+d769, U+ff0c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.76.woff2") format('woff2-variations');
	unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304a, U+3053, U+3061, U+307f, U+3082, U+308c, U+3092, U+30a8, U+30ab, U+30ad, U+30b0, U+30b3, U+30b7, U+30c1, U+30c6, U+30c9, U+30d5, U+30d7, U+30de, U+30e0-30e1, U+30ec-30ed, U+4e0b, U+4e0d, U+4ee3, U+53f0, U+548c, U+5b89, U+5bb6, U+5c0f, U+611b, U+6771, U+6aa2, U+6bcd, U+6c34, U+6cd5, U+6d77, U+767d, U+795e, U+8ecd, U+9999, U+9ad8, U+ac07, U+ac1a, U+ac40, U+ad0c, U+ad88, U+ada4, U+ae01, U+ae65, U+aebd, U+aec4, U+afe8, U+b139, U+b205, U+b383, U+b38c, U+b42c, U+b461, U+b55c, U+b78f, U+b8fb, U+b9f7, U+bafc, U+bc99, U+bed8, U+bfcd, U+c0bf, U+c0f9, U+c167, U+c204, U+c20f, U+c22f, U+c258, U+c298, U+c2bc, U+c388, U+c501, U+c50c, U+c5b9, U+c5ce, U+c641, U+c648, U+c73d, U+ca50, U+ca61, U+cc4c, U+ceac, U+d0d4, U+d5f7, U+d6d7, U+ff1a;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.77.woff2") format('woff2-variations');
	unicode-range: U+2103, U+2463, U+25c6, U+25cb, U+266c, U+3001, U+300a, U+3046, U+304c-304d, U+304f, U+3055, U+3059, U+3063, U+3066-3068, U+306f, U+3089, U+30b8, U+30bf, U+314f, U+4e0a, U+570b, U+5730, U+5916, U+5929, U+5c71, U+5e74, U+5fc3, U+601d, U+6027, U+63d0, U+6709, U+6734, U+751f, U+7684, U+82f1, U+9053, U+91d1, U+97f3, U+ac2f, U+ac4d, U+adc4, U+ade4, U+ae41, U+ae4d-ae4e, U+aed1, U+afb9, U+b0e0, U+b299, U+b365, U+b46c, U+b480, U+b4c8, U+b7b4, U+b819, U+b918, U+baab, U+bab9, U+be8f, U+bed7, U+c0ec, U+c19f, U+c1a5, U+c3d9, U+c464, U+c53d, U+c553, U+c570, U+c5cc, U+c633, U+c6a4, U+c7a3, U+c7a6, U+c886, U+c9d9-c9da, U+c9ec, U+ca0c, U+cc21, U+cd1b, U+cd78, U+cdc4, U+cef8, U+cfe4, U+d0a5, U+d0b5, U+d0ec, U+d15d, U+d188, U+d23c, U+d2ac, U+d729, U+d79b, U+ff01, U+ff08-ff09, U+ff5c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.78.woff2") format('woff2-variations');
	unicode-range: U+2039-203a, U+223c, U+25b3, U+25b7, U+25bd, U+25cf, U+266a, U+3002, U+300b, U+304b, U+3057, U+305f, U+306a-306b, U+307e, U+308a-308b, U+3093, U+30a2, U+30af, U+30b9, U+30c3, U+30c8, U+30e9-30eb, U+33a1, U+4e00, U+524d, U+5357, U+5b50, U+7121, U+884c, U+9751, U+ac94, U+aebe, U+aecd, U+af08, U+af41, U+af49, U+b010, U+b053, U+b109, U+b11b, U+b128, U+b154, U+b291, U+b2e6, U+b301, U+b385, U+b525, U+b5b4, U+b729, U+b72f, U+b738, U+b7ff, U+b837, U+b975, U+ba67, U+bb47, U+bc1f, U+bd90, U+bfd4, U+c27c, U+c324, U+c379, U+c3e0, U+c465, U+c53b, U+c58c, U+c610, U+c653, U+c6cd, U+c813, U+c82f, U+c999, U+c9e0, U+cac4, U+cad3, U+cbd4, U+cc10, U+cc22, U+ccb8, U+ccbc, U+cda5, U+ce84, U+cea3, U+cf67, U+cfe1, U+d241, U+d30d, U+d31c, U+d391, U+d401, U+d479, U+d5c9, U+d5db, U+d649, U+d6d4;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.79.woff2") format('woff2-variations');
	unicode-range: U+b0, U+e9, U+2193, U+2462, U+260e, U+261e, U+300e-300f, U+3044, U+30a4, U+30fb-30fc, U+314d, U+5973, U+6545, U+6708, U+7537, U+ac89, U+ac9c, U+acc1, U+ad04, U+ad75, U+ad7d, U+ae45, U+ae61, U+af42, U+b0ab, U+b0af, U+b0b3, U+b12c, U+b194, U+b1a8, U+b220, U+b258, U+b284, U+b2ff, U+b315, U+b371, U+b3d4-b3d5, U+b460, U+b527, U+b534, U+b810, U+b818, U+b98e, U+ba55, U+bbac, U+bc0b, U+bc40, U+bca1, U+bccd, U+bd93, U+be54, U+be5a, U+bf08, U+bf50, U+bf55, U+bfdc, U+c0c0, U+c0d0, U+c0f4, U+c100, U+c11e, U+c170, U+c20d, U+c274, U+c290, U+c308, U+c369, U+c539, U+c587, U+c5ff, U+c6ec, U+c70c, U+c7ad, U+c7c8, U+c83c, U+c881, U+cb48, U+cc60, U+ce69, U+ce6b, U+ce75, U+cf04, U+cf08, U+cf55, U+cf70, U+cffc, U+d0b7, U+d1a8, U+d2c8, U+d384, U+d47c, U+d48b, U+d5dd, U+d5e8, U+d720, U+d759, U+f981;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.80.woff2") format('woff2-variations');
	unicode-range: U+e0, U+e2, U+395, U+3b7, U+3ba, U+2460-2461, U+25a0, U+3010-3011, U+306e, U+30f3, U+314a, U+314c, U+5927, U+65b0, U+7e41, U+97d3, U+9ad4, U+ad49, U+ae0b, U+ae0d, U+ae43, U+ae5d, U+aecf, U+af3c, U+af64, U+afd4, U+b080, U+b084, U+b0c5, U+b10c, U+b1e8, U+b2ac, U+b36e, U+b451, U+b515, U+b540, U+b561, U+b6ab, U+b6b1, U+b72c, U+b730, U+b744, U+b800, U+b8ec, U+b8f0, U+b904, U+b968, U+b96d, U+b987, U+b9d9, U+bb36, U+bb49, U+bc2d, U+bc43, U+bcf6, U+bd89, U+be57, U+be61, U+bed4, U+c090, U+c130, U+c148, U+c19c, U+c2f9, U+c36c, U+c37c, U+c384, U+c3df, U+c575, U+c584, U+c660, U+c719, U+c816, U+ca4d, U+ca54, U+cabc, U+cb49, U+cc14, U+cff5, U+d004, U+d038, U+d0b4, U+d0d3, U+d0e0, U+d0ed, U+d131, U+d1b0, U+d31f, U+d33d, U+d3a0, U+d3ab, U+d514, U+d584, U+d6a1, U+d6cc, U+d749, U+d760, U+d799;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.81.woff2") format('woff2-variations');
	unicode-range: U+24, U+60, U+3b9, U+3bb, U+3bd, U+2191, U+2606, U+300c-300d, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321c, U+4eba, U+5317, U+ac31, U+ac77, U+ac9f, U+acb9, U+acf0-acf1, U+acfd, U+ad73, U+af3d, U+b00c, U+b04a, U+b057, U+b0c4, U+b188, U+b1cc, U+b214, U+b2db, U+b2ee, U+b304, U+b4ed, U+b518, U+b5bc, U+b625, U+b69c-b69d, U+b7ac, U+b801, U+b86c, U+b959, U+b95c, U+b985, U+ba48, U+bb58, U+bc0c, U+bc38, U+bc85, U+bc9a, U+bf40, U+c068, U+c0bd, U+c0cc, U+c12f, U+c149, U+c1e0, U+c22b, U+c22d, U+c250, U+c2fc, U+c300, U+c313, U+c370, U+c3d8, U+c557, U+c580, U+c5e3, U+c62e, U+c634, U+c6f0, U+c74d, U+c783, U+c78e, U+c796, U+c7bc, U+c92c, U+ca4c, U+cc1c, U+cc54, U+cc59, U+ce04, U+cf30, U+cfc4, U+d140, U+d321, U+d38c, U+d399, U+d54f, U+d587, U+d5d0, U+d6e8, U+d770;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.82.woff2") format('woff2-variations');
	unicode-range: U+d7, U+ea, U+fc, U+2192, U+25bc, U+3000, U+3137, U+3145, U+315c, U+7f8e, U+ac13, U+ac71, U+ac90, U+acb8, U+ace7, U+ad7f, U+ae50, U+aef4, U+af34, U+afbc, U+b048, U+b09a, U+b0ad, U+b0bc, U+b113, U+b125, U+b141, U+b20c, U+b2d9, U+b2ed, U+b367, U+b369, U+b374, U+b3cb, U+b4ec, U+b611, U+b760, U+b81b, U+b834, U+b8b0, U+b8e1, U+b989, U+b9d1, U+b9e1, U+b9fa, U+ba4d, U+ba78, U+bb35, U+bb54, U+bbf9, U+bc11, U+bcb3, U+bd05, U+bd95, U+bdd4, U+be10, U+bed0, U+bf51, U+c0d8, U+c232, U+c2b7, U+c2eb, U+c378, U+c500, U+c52c, U+c549, U+c568, U+c598, U+c5c9, U+c61b, U+c639, U+c67c, U+c717, U+c78a, U+c80a, U+c90c-c90d, U+c950, U+c9e7, U+cbe4, U+cca9, U+cce4, U+cdb0, U+ce78, U+ce94, U+ce98, U+cf8c, U+d018, U+d034, U+d0f1, U+d1b1, U+d280, U+d2f8, U+d338, U+d380, U+d3b4, U+d610, U+d69f, U+d6fc, U+d758;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.83.woff2") format('woff2-variations');
	unicode-range: U+e7, U+2022, U+203b, U+25c0, U+2605, U+2661, U+3147, U+318d, U+672c, U+8a9e, U+acaa, U+acbc, U+ad1c, U+ae4a, U+ae5c, U+b044, U+b054, U+b0c8-b0c9, U+b2a6, U+b2d0, U+b35c, U+b364, U+b428, U+b454, U+b465, U+b4b7, U+b4e3, U+b51c, U+b5a1, U+b784, U+b790, U+b7ab, U+b7f4, U+b82c, U+b835, U+b8e9, U+b8f8, U+b9d8, U+b9f9, U+ba5c, U+ba64, U+babd, U+bb18, U+bb3b, U+bbff, U+bc0d, U+bc45, U+bc97, U+bcbc, U+be45, U+be75, U+be7c, U+bfcc, U+c0b6, U+c0f7, U+c14b, U+c2b4, U+c30d, U+c4f8, U+c5bb, U+c5d1, U+c5e0, U+c5ee, U+c5fd, U+c606, U+c6c5, U+c6e0, U+c708, U+c81d, U+c820, U+c824, U+c878, U+c918, U+c96c, U+c9e4, U+c9f1, U+cc2e, U+cd09, U+cea1, U+cef5, U+cef7, U+cf64, U+cf69, U+cfe8, U+d035, U+d0ac, U+d230, U+d234, U+d2f4, U+d31d, U+d575, U+d578, U+d608, U+d614, U+d718, U+d751, U+d761, U+d78c, U+d790;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.84.woff2") format('woff2-variations');
	unicode-range: U+2665, U+3160, U+4e2d, U+6587, U+65e5, U+ac12, U+ac14, U+ac16, U+ac81, U+ad34, U+ade0, U+ae54, U+aebc, U+af2c, U+afc0, U+afc8, U+b04c, U+b08c, U+b099, U+b0a9, U+b0ac, U+b0ae, U+b0b8, U+b123, U+b179, U+b2e5, U+b2f7, U+b4c0, U+b531, U+b538, U+b545, U+b550, U+b5a8, U+b6f0, U+b728, U+b73b, U+b7ad, U+b7ed, U+b809, U+b864, U+b86d, U+b871, U+b9bf, U+b9f5, U+ba40, U+ba4b, U+ba58, U+ba87, U+baac, U+bbc0, U+bc16, U+bc34, U+bd07, U+bd99, U+be59, U+bfd0, U+c058, U+c0e4, U+c0f5, U+c12d, U+c139, U+c228, U+c529, U+c5c7, U+c635, U+c637, U+c735, U+c77d, U+c787, U+c789, U+c8c4, U+c989, U+c98c, U+c9d0, U+c9d3, U+cc0c, U+cc99, U+cd0c, U+cd2c, U+cd98, U+cda4, U+ce59, U+ce60, U+ce6d, U+cea0, U+d0d0-d0d1, U+d0d5, U+d14d, U+d1a4, U+d29c, U+d2f1, U+d301, U+d39c, U+d3bc, U+d4e8, U+d540, U+d5ec, U+d640, U+d750;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.85.woff2") format('woff2-variations');
	unicode-range: U+5e, U+25b2, U+25b6, U+314e, U+ac24, U+ace1, U+ace4, U+ae68, U+af2d, U+b0d0, U+b0e5, U+b150, U+b155, U+b193, U+b2c9, U+b2dd, U+b3c8, U+b3fc, U+b410, U+b458, U+b4dd, U+b5a0, U+b5a4, U+b5bb, U+b7b5, U+b838, U+b840, U+b86f, U+b8f9, U+b960, U+b9e5, U+bab8, U+bb50, U+bc1d, U+bc24-bc25, U+bca8, U+bcbd, U+bd04, U+bd10, U+bd24, U+be48, U+be5b, U+be68, U+c05c, U+c12c, U+c140, U+c15c, U+c168, U+c194, U+c219, U+c27d, U+c2a8, U+c2f1, U+c2f8, U+c368, U+c554-c555, U+c559, U+c564, U+c5d8, U+c5fc, U+c625, U+c65c, U+c6b1, U+c728, U+c794, U+c84c, U+c88c, U+c8e0, U+c8fd, U+c998, U+c9dd, U+cc0d, U+cc30, U+ceec, U+cf13, U+cf1c, U+cf5c, U+d050, U+d07c, U+d0a8, U+d134, U+d138, U+d154, U+d1f4, U+d2bc, U+d329, U+d32c, U+d3d0, U+d3f4, U+d3fc, U+d56b, U+d5cc, U+d600-d601, U+d639, U+d6c8, U+d754, U+d765;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.86.woff2") format('woff2-variations');
	unicode-range: U+3c-3d, U+2026, U+24d2, U+314b, U+ac11, U+acf3, U+ad74, U+ad81, U+adf9, U+ae34, U+af43, U+afb8, U+b05d, U+b07c, U+b110, U+b118, U+b17c, U+b180, U+b18d, U+b192, U+b2cc, U+b355, U+b378, U+b4a4, U+b4ef, U+b78d, U+b799, U+b7a9, U+b7fd, U+b807, U+b80c, U+b839, U+b9b4, U+b9db, U+ba3c, U+bab0, U+bba4, U+bc94, U+be4c, U+c154, U+c1c4, U+c26c, U+c2ac, U+c2ed, U+c4f4, U+c55e, U+c561, U+c571, U+c5b5, U+c5c4, U+c654-c655, U+c695, U+c6e8, U+c6f9, U+c724, U+c751, U+c775, U+c7a0, U+c7c1, U+c874, U+c880, U+c9d5, U+c9f8, U+cabd, U+cc29, U+cc2c, U+cca8, U+ccab, U+ccd0, U+ce21, U+ce35, U+ce7c, U+ce90, U+cee8, U+cef4, U+cfe0, U+d070, U+d0b9, U+d0c1, U+d0c4, U+d0c8, U+d15c, U+d1a1, U+d2c0, U+d300, U+d314, U+d3ed, U+d478, U+d480, U+d48d, U+d508, U+d53d, U+d5e4, U+d611, U+d61c, U+d68d, U+d6a8, U+d798;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.87.woff2") format('woff2-variations');
	unicode-range: U+23, U+25, U+5f, U+a9, U+ac08, U+ac78, U+aca8, U+acac, U+ace8, U+ad70, U+adc0, U+addc, U+b137, U+b140, U+b208, U+b290, U+b2f5, U+b3c5, U+b3cc, U+b420, U+b429, U+b529, U+b530, U+b77d, U+b79c, U+b7a8, U+b7c9, U+b7f0, U+b7fc, U+b828, U+b860, U+b9ad, U+b9c1, U+b9c9, U+b9dd-b9de, U+b9e8, U+ba38-ba39, U+babb, U+bc00, U+bc8c, U+bca0, U+bca4, U+bcd1, U+bcfc, U+bd09, U+bdf0, U+be60, U+c0ad, U+c0b4, U+c0bc, U+c190, U+c1fc, U+c220, U+c288, U+c2b9, U+c2f6, U+c528, U+c545, U+c558, U+c5bc, U+c5d4, U+c600, U+c644, U+c6c0, U+c6c3, U+c721, U+c798, U+c7a1, U+c811, U+c838, U+c871, U+c904, U+c990, U+c9dc, U+cc38, U+cc44, U+cca0, U+cd1d, U+cd95, U+cda9, U+ce5c, U+cf00, U+cf58, U+d150, U+d22c, U+d305, U+d328, U+d37c, U+d3f0, U+d551, U+d5a5, U+d5c8, U+d5d8, U+d63c, U+d64d, U+d669, U+d734, U+d76c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.88.woff2") format('woff2-variations');
	unicode-range: U+26, U+2b, U+3e, U+40, U+7e, U+ac01, U+ac19, U+ac1d, U+aca0, U+aca9, U+acb0, U+ad8c, U+ae09, U+ae38, U+ae40, U+aed8, U+b09c, U+b0a0, U+b108, U+b204, U+b298, U+b2d8, U+b2eb-b2ec, U+b2f4, U+b313, U+b358, U+b450, U+b4e0, U+b54c, U+b610, U+b780, U+b78c, U+b791, U+b8e8, U+b958, U+b974, U+b984, U+b9b0, U+b9bc-b9bd, U+b9ce, U+ba70, U+bbfc, U+bc0f, U+bc15, U+bc1b, U+bc31, U+bc95, U+bcc0, U+bcc4, U+bd81, U+bd88, U+c0c8, U+c11d, U+c13c, U+c158, U+c18d, U+c1a1, U+c21c, U+c4f0, U+c54a, U+c560, U+c5b8, U+c5c8, U+c5f4, U+c628, U+c62c, U+c678, U+c6cc, U+c808, U+c810, U+c885, U+c88b, U+c900, U+c988, U+c99d, U+c9c8, U+cc3d-cc3e, U+cc45, U+cd08, U+ce20, U+cee4, U+d074, U+d0a4, U+d0dd, U+d2b9, U+d3b8, U+d3c9, U+d488, U+d544, U+d559, U+d56d, U+d588, U+d615, U+d648, U+d655, U+d658, U+d65c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.89.woff2") format('woff2-variations');
	unicode-range: U+d, U+7c, U+ac10, U+ac15, U+ac74, U+ac80, U+ac83, U+acc4, U+ad11, U+ad50, U+ad6d, U+adfc, U+ae00, U+ae08, U+ae4c, U+b0a8, U+b124, U+b144, U+b178, U+b274, U+b2a5, U+b2e8, U+b2f9, U+b354, U+b370, U+b418, U+b41c, U+b4f1, U+b514, U+b798, U+b808, U+b824-b825, U+b8cc, U+b978, U+b9d0, U+b9e4, U+baa9, U+bb3c, U+bc18, U+bc1c, U+bc30, U+bc84, U+bcf5, U+bcf8, U+bd84, U+be0c, U+be14, U+c0b0, U+c0c9, U+c0dd, U+c124, U+c2dd, U+c2e4, U+c2ec, U+c54c, U+c57c-c57d, U+c591, U+c5c5-c5c6, U+c5ed, U+c608, U+c640, U+c6b8, U+c6d4, U+c784, U+c7ac, U+c800-c801, U+c9c1, U+c9d1, U+cc28, U+cc98, U+cc9c, U+ccad, U+cd5c, U+cd94, U+cd9c, U+cde8, U+ce68, U+cf54, U+d0dc, U+d14c, U+d1a0, U+d1b5, U+d2f0, U+d30c, U+d310, U+d398, U+d45c, U+d50c, U+d53c, U+d560, U+d568, U+d589, U+d604, U+d6c4, U+d788;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.90.woff2") format('woff2-variations');
	unicode-range: U+ac04, U+ac1c, U+ac70, U+ac8c, U+acbd, U+acf5, U+acfc, U+ad00, U+ad6c, U+adf8, U+b098, U+b0b4, U+b294, U+b2c8, U+b300, U+b3c4, U+b3d9, U+b4dc, U+b4e4, U+b77c, U+b7ec, U+b85d, U+b97c, U+b9c8, U+b9cc, U+ba54, U+ba74, U+ba85, U+baa8, U+bb34, U+bb38, U+bbf8, U+bc14, U+bc29, U+bc88, U+bcf4, U+bd80, U+be44, U+c0c1, U+c11c, U+c120, U+c131, U+c138, U+c18c, U+c218, U+c2b5, U+c2e0, U+c544, U+c548, U+c5b4, U+c5d0, U+c5ec, U+c5f0, U+c601, U+c624, U+c694, U+c6a9, U+c6b0, U+c6b4, U+c6d0, U+c704, U+c720, U+c73c, U+c740, U+c744, U+c74c, U+c758, U+c77c, U+c785, U+c788, U+c790-c791, U+c7a5, U+c804, U+c815, U+c81c, U+c870, U+c8fc, U+c911, U+c9c4, U+ccb4, U+ce58, U+ce74, U+d06c, U+d0c0, U+d130, U+d2b8, U+d3ec, U+d504, U+d55c, U+d569, U+d574, U+d638, U+d654, U+d68c;
}


@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url("/api/templates/assets/eosatom-community?file=vendor%2Feoc-fonts%2Fpretendard%2FPretendardVariable.subset.91.woff2") format('woff2-variations');
	unicode-range: U+20-22, U+27-2a, U+2c-39, U+3a-3b, U+3f, U+41-4e, U+4f-5d, U+61-7b, U+7d, U+a0-a1, U+ab, U+ad-ae, U+b7, U+bb, U+bf, U+2013-2014, U+201c-201d, U+2122, U+ac00, U+ace0, U+ae30, U+b2e4, U+b85c, U+b9ac, U+c0ac, U+c2a4, U+c2dc, U+c774, U+c778, U+c9c0, U+d558;
}

/* ===== EOC FONTS (vendor @font-face) END ===== */
/* ===== EOC FONTS (settings) START ===== */
/* ===================== 글꼴 — 영문 Space Grotesk + 한글 Pretendard (서버에 직접 올린 파일) =====================
   Space Grotesk 에는 한글 글자가 없어서, 영문은 Space Grotesk 로, 한글은 자동으로 Pretendard 로 떨어진다.
   --mono 는 예전 이름 그대로 두되 같은 조합을 가리키게 해서, var(--mono) 를 쓰던 곳이 모두 함께 바뀐다.
   진짜 고정폭이 필요한 곳(코드, 단축키)만 --code 를 쓴다. 파일: dist/vendor/eoc-fonts (SIL OFL) */
:root{
  --font-ui:"Space Grotesk Variable","Space Grotesk","Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --code:"JetBrains Mono","Cascadia Mono",D2Coding,Consolas,"Pretendard Variable",monospace;
  --mono:var(--font-ui);
}
.eoc-app{font-family:var(--font-ui);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
:where(.eoc-app) :where(code,kbd,pre,samp){font-family:var(--code)}
:where(.eoc-app) :where(button,input,select,textarea){font-family:inherit}
/* 무게: 메뉴·패널 제목 600, 큰 제목 700 (Space Grotesk 는 700 까지) */
.top-nav>a,.top-nav>.nav-item>a,.top-nav>.nav-item>button{font-weight:500}
.panel-title,.panel-title>span.auth-title-main{font-weight:600;letter-spacing:.2px}
.rr-title{font-weight:700;letter-spacing:-.2px}
/* 한글 문단은 단어 단위로 줄바꿈하면 훨씬 깔끔하다 */
:where(.eoc-app) :where(.rr-body,.post-body,.ls-quote,.lt-msg,.best-card h3,.room-row td){word-break:keep-all;overflow-wrap:anywhere}
.posts-panel .feed-table td:nth-child(3){word-break:keep-all;overflow-wrap:anywhere}
/* ===== EOC FONTS (settings) END ===== */

/* ===== EOC ANIME START ===== */
/* 대분류 메뉴 맨 위 강조 게시판 카드 (예: 연예·문화 → 애니·만화). --feat 는 컴포넌트가 넣는다.
   .mega-menu a{display:flex} 보다 강하게 .mega-menu a.mega-feature 로 쓴다 */
.mega-menu a.mega-feature{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"k i" "t i" "s i";gap:1px 10px;margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--feat) 55%,transparent);border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--feat) 16%,transparent),transparent 75%);text-decoration:none;overflow:hidden;white-space:nowrap}
.mega-menu a.mega-feature small{grid-area:k;font-size:9.5px;letter-spacing:1.2px;color:var(--feat);font-weight:700}
.mega-menu a.mega-feature b{grid-area:t;font-size:15px;color:var(--text);font-weight:700;margin:0}
.mega-menu a.mega-feature em{grid-area:s;font-style:normal;font-size:10.5px;color:var(--muted);letter-spacing:.4px}
.mega-menu a.mega-feature i{grid-area:i;align-self:center;font-style:normal;font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 7px;border-radius:3px;background:var(--feat);color:#0b0614}
.mega-menu a.mega-feature:hover{border-color:var(--feat);box-shadow:0 0 14px color-mix(in srgb,var(--feat) 35%,transparent)}
.mega-menu a.mega-feature:hover b{color:var(--feat)}

/* ---- 스포일러 ---- */
.eoc-spoiler-tag{display:inline-block;margin-right:8px;padding:0 6px;border:1px solid #ff5d65;border-radius:3px;color:#ff5d65;background:rgba(255,93,101,.1);font-size:.5em;font-weight:800;letter-spacing:.5px;line-height:1.7;vertical-align:.35em}
.eoc-spoiler-gate{position:relative}
.eoc-spoiler-gate.is-hidden .eoc-spoiler-gate-body{filter:blur(9px);opacity:.55;pointer-events:none;user-select:none;max-height:340px;overflow:hidden}
.eoc-spoiler-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px;z-index:2}
.eoc-spoiler-cover b{font-size:18px;letter-spacing:2px;color:#ff5d65}
.eoc-spoiler-cover span{font-size:12.5px;color:var(--text)}
.eoc-spoiler-cover button{margin-top:4px;padding:8px 18px;border:1px solid #ff5d65;border-radius:4px;background:rgba(255,93,101,.12);color:#ff8a90;font:inherit;font-weight:700;cursor:pointer}
.eoc-spoiler-cover button:hover{background:rgba(255,93,101,.22);color:#fff}
/* 댓글 ||…|| */
.eoc-spoiler{background:color-mix(in srgb,var(--text) 22%,transparent);color:transparent;border-radius:3px;padding:0 2px;cursor:pointer;transition:color .15s,background .15s}
.eoc-spoiler:hover{background:color-mix(in srgb,var(--text) 30%,transparent)}
.eoc-spoiler.is-open{background:color-mix(in srgb,var(--text) 8%,transparent);color:inherit;cursor:text}
.eoc-spoiler:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}
.eoc-comment-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.eoc-comment-foot .eosatom-comment-submit{align-self:auto}
.eoc-spoiler-check{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);cursor:pointer;user-select:none;margin-right:auto}
.eoc-spoiler-check input{accent-color:#ff5d65;margin:0}
/* 글쓰기: 스포일러 체크 */
.wm-spoiler{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;font-size:12px;color:var(--text);cursor:pointer}
.wm-spoiler input{accent-color:#ff5d65;margin:0}
.wm-spoiler span{font-weight:700;color:#ff8a90}
.wm-spoiler em{font-style:normal;font-size:10.5px;color:var(--muted);flex-basis:100%;padding-left:20px}

/* ---- 말머리 ---- */
.wm-prefixes{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px}
.wm-prefix-label{font-size:10.5px;letter-spacing:.5px;color:var(--muted);margin-right:4px}
.wm-prefix{padding:3px 9px;border:1px solid var(--line-soft);border-radius:12px;background:none;color:var(--muted);font:inherit;font-size:11.5px;cursor:pointer}
.wm-prefix:hover{color:var(--text);border-color:var(--room-accent,var(--cyan))}
.wm-prefix.is-on{color:#0b0614;background:var(--room-accent,var(--cyan));border-color:var(--room-accent,var(--cyan));font-weight:700}
/* ---- 게시판 방 (애니·만화 ROOM) ---- */
.room-id.is-board-room{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art text stats" "art text works" "sib sib sib";align-items:start;row-gap:12px}
.room-id.is-board-room .room-id-text h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.room-id.is-board-room .room-crumb{margin-bottom:4px}
.room-works{grid-area:works;display:flex;flex-direction:column;gap:6px;justify-self:end;align-items:flex-end;max-width:360px}
.room-works small{font-size:10px;letter-spacing:1.5px;color:var(--muted)}
.room-works>div{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:flex-end}
.room-works button{padding:0;background:none;border:0;color:var(--ra);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.room-works button:hover{text-decoration:underline;text-underline-offset:4px}
.room-works button.is-on{text-decoration:underline;text-underline-offset:4px}
.room-works-all{font-size:11.5px;color:var(--muted);text-decoration:none;white-space:nowrap}
.room-works-all:hover{color:var(--ra)}
.room.room-anime .room-id{box-shadow:inset 0 0 44px color-mix(in srgb,var(--ra) 12%,transparent),inset 0 -2px 0 color-mix(in srgb,#ff5fd2 45%,transparent)}
.room.room-anime .room-id-text h1{color:#efe4ff;text-shadow:0 0 18px rgba(255,95,210,.35)}
.room.room-anime .room-signature{color:#ff8fe0}
@media (max-width:1500px){
  .room-id.is-board-room{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art text" "art stats" "works works" "sib sib"}
  .room-works{justify-self:start;align-items:flex-start;max-width:none}
  .room-works>div{justify-content:flex-start}
}
@media (max-width:780px){
  .room-id.is-board-room{grid-template-columns:1fr;grid-template-areas:"text" "stats" "works" "sib"}
}
.rr-title-cat{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:4px;background:color-mix(in srgb,var(--room-accent,var(--cyan)) 18%,transparent);color:var(--room-accent,var(--cyan));font-size:.42em;font-weight:800;vertical-align:.3em}
/* ---- ANIME RADAR (AniList) ---- */
.anime-radar{margin:0 0 10px;padding:10px 12px 12px;border:1px solid color-mix(in srgb,var(--ra,var(--room-accent)) 40%,transparent);border-radius:var(--radius);background:var(--panel)}
.anime-radar header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px}
.anime-radar header>b{font-size:12px;letter-spacing:2px;color:var(--room-accent);font-weight:700}
.anime-radar nav{display:flex;flex-wrap:wrap;gap:4px}
.anime-radar nav button{padding:4px 11px;border:1px solid var(--line-soft);border-radius:14px;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.anime-radar nav button em{font-style:normal;margin-left:4px;padding:0 5px;border-radius:8px;background:#ff5fd2;color:#fff;font-size:10px;font-weight:700}
.anime-radar nav button:hover:not(:disabled){color:var(--text);border-color:var(--room-accent)}
.anime-radar nav button.is-on{color:var(--room-accent);border-color:var(--room-accent);background:color-mix(in srgb,var(--room-accent) 12%,transparent);font-weight:700}
.anime-radar nav button:disabled{opacity:.35;cursor:default}
.anime-radar header small{margin-left:auto;font-size:10.5px;color:var(--muted)}
.anime-radar-empty{margin:4px 2px;font-size:12px;color:var(--muted)}
.anime-radar-list{list-style:none;margin:0;padding:0 0 2px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.anime-radar-list::-webkit-scrollbar{display:none}
/* 귀여운 가로 슬라이더 (기본 스크롤바 대신) */
.cute-scroller{display:flex;align-items:center;gap:7px;margin-top:8px;user-select:none}
.cs-arrow{flex:none;width:20px;height:20px;padding:0;border:1.5px solid color-mix(in srgb,var(--room-accent) 60%,transparent);border-radius:50%;background:var(--panel);color:var(--room-accent);font:inherit;font-size:13px;font-weight:800;line-height:16px;cursor:pointer;transition:transform .15s,background .15s,color .15s,box-shadow .15s}
.cs-arrow:hover:not(:disabled){background:linear-gradient(135deg,#b07bff,#ff5fd2);background-color:#c77dff;color:#fff;border-color:transparent;transform:scale(1.12);box-shadow:0 0 12px rgba(255,95,210,.45)}
.cs-arrow:active:not(:disabled){transform:scale(.94)}
.cs-arrow:disabled{opacity:.3;cursor:default}
.cs-track{position:relative;flex:1;height:8px;border-radius:999px;cursor:pointer;touch-action:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--room-accent) 45%,transparent) 1.2px,transparent 1.6px) 0 50% / 10px 8px repeat-x,color-mix(in srgb,var(--room-accent) 10%,var(--panel2));
  border:1px solid color-mix(in srgb,var(--room-accent) 28%,transparent)}
.cs-track:focus-visible{outline:2px solid #ff5fd2;outline-offset:2px}
.cs-thumb{position:absolute;top:-2px;bottom:-2px;min-width:30px;border-radius:999px;cursor:grab;
  background:linear-gradient(90deg,#b07bff,#ff5fd2);background-color:#c77dff;
  box-shadow:0 0 0 2px var(--panel),0 2px 10px rgba(255,95,210,.45);transition:top .15s,bottom .15s,box-shadow .15s}
.cs-thumb::before{content:"";position:absolute;left:7px;right:7px;top:2px;height:2px;border-radius:999px;background:rgba(255,255,255,.35)}
.cs-thumb i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:9px;line-height:1;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9);animation:csTwinkle 1.8s ease-in-out infinite}
.cs-track:hover .cs-thumb{top:-3px;bottom:-3px;box-shadow:0 0 0 2px var(--panel),0 2px 16px rgba(255,95,210,.7)}
.cs-track.is-dragging .cs-thumb{cursor:grabbing;top:-4px;bottom:-4px}
.cs-track.is-dragging .cs-thumb i{animation-duration:.6s}
@keyframes csTwinkle{0%,100%{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-50%,-50%) scale(1.35) rotate(45deg)}}
/* 라이트 모드: 자동 변환이 진하게 바꾸지 않도록 파스텔 그대로 (생성 블록보다 강하게) */
:root[data-mode="light"] .cute-scroller .cs-thumb{background:linear-gradient(90deg,#b98cff,#ff82d9);background-color:#d28cf0;box-shadow:0 0 0 2px #fff,0 2px 10px rgba(255,95,210,.35)}
:root[data-mode="light"] .cute-scroller .cs-thumb i{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.95)}
:root[data-mode="light"] .cute-scroller .cs-thumb::before{background:rgba(255,255,255,.5)}
:root[data-mode="light"] .cute-scroller .cs-arrow:hover:not(:disabled){background:linear-gradient(135deg,#b98cff,#ff82d9);color:#fff}
@media (prefers-reduced-motion:reduce){.cs-thumb i{animation:none}.cs-arrow,.cs-thumb{transition:none}}
@media (hover:none){.cs-arrow{width:24px;height:24px;line-height:20px}.cs-track{height:10px}}
.anime-radar-list li{position:relative;flex:none;width:112px;scroll-snap-align:start}
.ar-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.ar-cover{position:relative;display:block;width:112px;aspect-ratio:2 / 3;border-radius:5px;overflow:hidden;background:color-mix(in srgb,var(--ac,var(--room-accent)) 25%,var(--panel2));border:1px solid var(--line-soft)}
.ar-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.ar-cover i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;color:var(--muted);font-size:22px}
.ar-card:hover .ar-cover img{transform:scale(1.05)}
.ar-card:hover strong{color:var(--room-accent)}
.ar-rank{position:absolute;left:5px;top:5px;min-width:20px;padding:1px 5px;border-radius:4px;background:var(--room-accent);color:#0b0614;font-size:11px;font-weight:800;text-align:center}
.ar-time{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);color:#fff;font-size:11px;font-weight:700}
.ar-card strong{font-size:12px;font-weight:600;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.ar-card small{font-size:10.5px;color:var(--muted)}
.ar-ext{position:absolute;right:5px;top:5px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;text-decoration:none;opacity:0;transition:opacity .15s}
.ar-edit{position:absolute;right:5px;top:29px;width:20px;height:20px;padding:0;border:0;border-radius:4px;background:var(--room-accent);color:#0b0614;font-size:11px;cursor:pointer;opacity:0;transition:opacity .15s}
.anime-radar-list li:hover .ar-edit,.ar-edit:focus-visible{opacity:1}
.anime-radar-list li:hover .ar-ext,.ar-ext:focus-visible{opacity:1}
@media (hover:none){.ar-ext{opacity:.85}}
:root[data-mode="text"] .ar-cover img{display:none}
:root[data-mode="text"] .anime-radar-list li{width:96px}
:root[data-mode="text"] .ar-cover{aspect-ratio:auto;height:22px;background:none;border:0}

/* 목록의 말머리 */
.room-prefix{margin-right:5px;color:var(--room-accent,var(--cyan));font-weight:700;font-size:.92em}

/* ---- 태그(작품) 모아보기 /tag, /tags ---- */
.taghub{--ra:var(--room-accent,var(--cyan));max-width:1180px;margin:14px auto 40px;padding:0 12px;display:flex;flex-direction:column;gap:14px}
.taghub-head{padding:16px 20px;border:1px solid color-mix(in srgb,var(--ra) 50%,transparent);border-radius:var(--radius);background:linear-gradient(110deg,color-mix(in srgb,var(--ra) 12%,transparent),transparent 60%),var(--panel)}
.taghub-head small{font-size:10.5px;letter-spacing:1.5px;color:var(--ra);font-weight:700}
.taghub-head h1{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 6px;font-size:clamp(24px,2.6vw,34px);font-weight:700;color:var(--text)}
.taghub-head p{margin:0;color:var(--muted);font-size:12.5px}
.taghub-stats{display:flex;gap:16px;align-items:baseline}
.taghub-stats b{color:var(--ra);font-size:16px;margin-left:4px}
.taghub-sub{padding:4px 12px;border:1px solid var(--ra);border-radius:14px;background:none;color:var(--ra);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.taghub-sub.is-on{background:var(--ra);color:#0b0614}
.taghub-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.taghub-chips.is-small{margin-top:0}
.taghub-chips button{padding:5px 11px;border:1px solid var(--line-soft);border-radius:14px;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.taghub-chips button em{font-style:normal;margin-left:3px;opacity:.7}
.taghub-chips button:hover{color:var(--text);border-color:var(--ra)}
.taghub-chips button.is-on{color:var(--ra);border-color:var(--ra);background:color-mix(in srgb,var(--ra) 12%,transparent);font-weight:700}
.taghub-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}
.taghub-main,.taghub-side{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);padding:12px 14px}
.taghub-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line-soft)}
.taghub-tabs{display:flex;gap:4px}
.taghub-tabs button{padding:6px 14px;border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.taghub-tabs button.is-on{border-color:var(--ra);color:var(--ra);font-weight:700}
.taghub-list{list-style:none;margin:0;padding:0}
.taghub-list li+li{border-top:1px solid var(--line-soft)}
.taghub-list a{display:flex;gap:12px;padding:11px 2px;text-decoration:none;color:inherit}
.taghub-list a:hover b{color:var(--ra)}
.taghub-list img{flex:none;width:92px;height:62px;object-fit:cover;border-radius:4px;border:1px solid var(--line-soft)}
.taghub-list div{min-width:0;display:flex;flex-direction:column;gap:3px}
.taghub-list b{font-size:14px;font-weight:600;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}
.taghub-list p{margin:0;font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.taghub-list small{font-size:11px;color:var(--muted)}
.taghub-cc{font-style:normal;color:var(--red);margin-left:4px;font-size:.9em}
.taghub-pages{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px;font-size:12px;color:var(--muted)}
.taghub-pages button{padding:5px 12px;border:1px solid var(--line-soft);border-radius:4px;background:none;color:var(--text);font:inherit;cursor:pointer}
.taghub-pages button:disabled{opacity:.4;cursor:default}
.taghub-side h4{margin:0 0 10px;font-size:11px;letter-spacing:1.5px;color:var(--ra)}
.taghub-related{display:flex;flex-wrap:wrap;gap:6px 10px}
.taghub-related a,.taghub-cloud a{color:var(--text);text-decoration:none;font-weight:600}
.taghub-related a em,.taghub-cloud a em{font-style:normal;font-size:.75em;color:var(--muted);margin-left:2px}
.taghub-related a:hover,.taghub-cloud a:hover{color:var(--ra)}
.taghub-muted{margin:0;font-size:12px;color:var(--muted)}
.taghub-all{display:inline-block;margin-top:14px;font-size:12px;color:var(--muted);text-decoration:none}
.taghub-all:hover{color:var(--ra)}
.taghub-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:16px 18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}
@media (max-width:900px){
  .taghub-grid{grid-template-columns:1fr}
  .taghub-list img{width:72px;height:50px}
}
/* ===== EOC ANIME END ===== */

/* ===== EOC NOTICE START ===== */
/* 홈 설정 > 메인 화면 설정 > NOTICE 편집 */
.home-set-row.notice-set{flex-direction:column;align-items:stretch}
.notice-set-list{display:flex;flex-direction:column;gap:6px}
.notice-set-item{display:flex;align-items:center;gap:6px}
.notice-set-item.is-off .notice-set-text,.notice-set-item.is-off .notice-set-url{opacity:.45;text-decoration:line-through}
.home-set-row label.notice-set-on{flex-direction:row;align-items:center;justify-content:center;flex:none;width:26px}
.notice-set-on input{accent-color:var(--cyan);width:16px;height:16px;margin:0;cursor:pointer}
.notice-set .admin-input{text-align:left}
.notice-set-text{flex:1 1 55%;min-width:0}
.notice-set-url{flex:0 1 30%;min-width:0;font-size:12px}
.notice-set-url.is-bad{border-color:var(--red)}
.notice-set-btns{display:flex;gap:4px;flex:none}
.notice-set-del{color:var(--red)}
.notice-set-empty{margin:4px 0;font-size:12px;color:var(--muted)}
.notice-set-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}
.notice-set-add{padding:6px 12px;border:1px dashed var(--line);border-radius:4px;background:none;color:var(--cyan);font:inherit;font-size:12px;cursor:pointer}
.notice-set-add:hover:not(:disabled){border-style:solid}
.notice-set-add:disabled{opacity:.45;cursor:default}
.home-set-row label.notice-set-tag{flex-direction:row;align-items:center;gap:6px;margin-left:auto;font-size:12px;color:var(--muted)}
.notice-set-tag .admin-input{width:220px}
/* 사이트 상단 NOTICE 줄 — 링크가 있는 공지 */
.notice-ticker a.ticker-link{color:inherit;text-decoration:none;cursor:pointer}
.notice-ticker a.ticker-link:hover{color:var(--cyan)}
.notice-ticker .ticker-go{color:var(--cyan);margin-left:2px}
@media (max-width:780px){
  .notice-set-item{flex-wrap:wrap}
  .notice-set-text{flex-basis:calc(100% - 40px)}
  .notice-set-url{flex:1 1 auto}
  .home-set-row label.notice-set-tag{margin-left:0}
  .notice-set-tag .admin-input{width:160px}
}
/* ===== EOC NOTICE END ===== */

/* ===== EOC FIXES START ===== */
/* 메인 03. 전체 게시판: 목록 개수(100개 ▾)를 글쓰기 바로 옆으로 — 둘 다 margin-left:auto 라 가운데 떠 있었다 */
.posts-head .ps-drop + .write-btn{margin-left:0}
/* 방 목록 활동 막대 말풍선: 위쪽 줄은 아래로 펼쳐 표 머리·위 레이어에 가려지지 않게 */
.room-row:nth-child(-n+3) .act-tip{bottom:auto;top:calc(100% + 8px)}
/* 말풍선이 떠 있는 동안만 목록 상자 밖으로 보이게 (평소엔 둥근 모서리 유지) */
.room-list:has(.act:hover),.room-list:has(.act:focus){overflow:visible}
.act:hover,.act:focus{z-index:30}
/* 로그인·회원가입·비밀번호 화면: 첫 상자를 NOTICE 줄 바로 아래 붙인다(메인과 같게) — 위 7px 여백 때문에 NOTICE 글자가 위로 치우쳐 보였다 */
.auth-dashboard{padding-top:0}
/* 메인 왼쪽 게시판 메뉴: 두 줄(1 / span 2)에 걸쳐 있었는데 둘째 줄은 늘 비어(0px) 칸 사이 간격 6px 만큼
   가운데·오른쪽 상자보다 아래로 길었다 → 첫 줄만 차지해 아래 끝을 맞춘다 */
.dashboard > .my-board{grid-row:1}
/* 가운데 03. 전체 게시판 상자는 가운데 칸 끝까지 늘려 왼쪽·오른쪽 상자와 아래 끝을 맞춘다 (오른쪽이 더 길 때 빈 틈이 생겼다) */
.dashboard > .center-column > .posts-panel:last-child{flex:1 1 auto}
/* 글씨 한 단계 크게 (2026-09-28): 메인 08. 주간 인기글 TOP 10 목록 10→11px, 맨 아래 푸터(공지사항·문의 및 신고…) 9→10px, 모바일 10→11px */
.top10.compact li{font-size:11px}
.site-footer{font-size:10px}
@media (max-width:780px){.site-footer{font-size:11px}}
/* ===== EOC FIXES END ===== */

/* ===== EOC NEWSWIRE START ===== */
/* 메인 07. NEWS_WIRE */
.news-wire{display:flex;flex-direction:column;min-height:0}
.news-wire .panel-title{gap:8px}
.nw-tabs{display:flex;gap:4px;margin-left:auto}
.nw-tabs button{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border:1px solid var(--line-soft);border-radius:12px;background:none;color:var(--muted);font:inherit;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}
.nw-tabs button:hover{color:var(--text);border-color:var(--cyan)}
.nw-tabs button.is-on{color:var(--cyan);border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .1)}
.nw-tabs button em{font-style:normal;padding:0 5px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;line-height:15px}
.nw-live{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,93,101,.6);animation:nwPulse 1.6s ease-out infinite}
@keyframes nwPulse{0%{box-shadow:0 0 0 0 rgba(255,93,101,.6)}80%,100%{box-shadow:0 0 0 6px rgba(255,93,101,0)}}
.nw-list{list-style:none;margin:0;padding:2px 10px 6px}
.nw-list li+li{border-top:1px solid var(--line-soft)}
.nw-list a{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "m";gap:2px;padding:6px 0;text-decoration:none;color:var(--text);font-size:12.5px}
.nw-list a:hover .nw-title{color:var(--cyan)}
.nw-sub{grid-area:m;display:flex;align-items:center;gap:6px;min-width:0;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden}
.nw-board{flex:none;max-width:90px;padding:0 5px;border:1px solid var(--line-soft);border-radius:3px;line-height:15px;overflow:hidden;text-overflow:ellipsis}
.nw-title{grid-area:t;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.nw-meta{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nw-empty{padding:18px 12px;font-size:12px;color:var(--muted)}
.nw-hint{margin:auto 10px 8px;padding-top:6px;border-top:1px dashed var(--line-soft);font-size:11px;color:var(--muted)}
.news-wire .eoc-spoiler-tag{font-size:9px;vertical-align:1px;margin-right:5px}
/* LIVE_TALK 아래 접속자 한 줄 */
.sessions-strip{display:flex;align-items:center;gap:12px;padding:4px 12px;line-height:18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden}
.ss-strip-head{display:inline-flex;align-items:center;gap:6px;flex:none;font-family:var(--mono);letter-spacing:.5px}
.ss-strip-head b{color:var(--cyan);font-size:12.5px}
.ss-strip-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:nwPulseG 2s ease-out infinite}
@keyframes nwPulseG{0%{box-shadow:0 0 0 0 rgba(53,226,154,.55)}80%,100%{box-shadow:0 0 0 6px rgba(53,226,154,0)}}
.ss-strip-rooms{display:flex;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ss-strip-rooms span{flex:none}
.ss-strip-rooms span+span::before{content:"·";margin-right:10px;color:var(--line-soft)}
.ss-strip-rooms b{color:var(--text)}
.ss-strip-rooms em{font-style:normal}
/* 10. ONLINE_SESSIONS (LIVE_TALK 아래, 한 칸 전체 너비) — 예전 디자인 그대로, 방 이름을 5줄씩 놓아 세로로 짧게 */
.sessions.sessions-wide{padding-bottom:9px}
.sessions.sessions-wide h3{padding-top:7px}
.sessions.sessions-wide .online-bar{height:9px;margin:6px 11px 8px}
.sessions.sessions-wide .session-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px 14px}
.sessions.sessions-wide .session-grid span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 0 5px 8px;margin:-5px 0 -5px -8px}/* 말줄임용 overflow 가 반짝이는 점의 번짐을 자르지 않도록 여백을 둔다 */
@media (max-width:1400px){.sessions.sessions-wide .session-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:780px){.sessions.sessions-wide .session-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.nw-live,.ss-strip-dot{animation:none}}
/* ===== EOC NEWSWIRE END ===== */

/* ===== EOC ISSUE START ===== */
/* 이슈 페이지 /issue/{키워드}, /issues — 메인 ISSUE_PULSE 에서 들어오는 곳 */
.ih{display:flex;flex-direction:column;gap:14px;min-width:0}
.ih-head{position:relative;padding:16px 20px;border:1px solid rgb(from var(--cyan) r g b / .45);border-radius:var(--radius);background:linear-gradient(110deg,rgb(from var(--cyan) r g b / .1),transparent 60%),var(--panel)}
.ih-head small{font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;color:var(--cyan);font-weight:700}
.ih-head h1{margin:4px 0 8px;font-size:clamp(24px,2.6vw,34px);font-weight:700;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}
.ih-head p{margin:0;color:var(--muted);font-size:12.5px}
/* 해외 이슈 번역: 원문 줄 */
.ih-head .ih-orig{margin:-4px 0 8px;font-size:12px}
.ih-orig b{color:var(--text);font-weight:600}
.ih-news-orig{font-size:11px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ih-stats{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12.5px;color:var(--muted)}
.ih-stats .ih-meter{width:150px}
.ih-state{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.ih-state i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:nwPulse 1.6s ease-out infinite}
.ih-state.is-past i{background:var(--muted);animation:none}
.ih-traffic em,.ih-val{font-style:normal;font-family:var(--mono);font-weight:700;color:var(--red);white-space:nowrap}
.ih-traffic em{font-size:15px;margin-left:4px}
.ih-traffic em i,.ih-val i{font-style:normal;font-size:.72em;margin-left:2px}
.ih-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ih-write,.ih-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.ih-write{border:1px solid var(--cyan);background:var(--cyan);color:var(--bg)}
.ih-write:hover{filter:brightness(1.1)}
.ih-ghost{border:1px solid var(--line-soft);background:none;color:var(--text)}
.ih-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
/* 감지 강도 미터 */
.ih-meter{display:inline-flex;gap:2px;height:8px;width:96px;flex:none}
.ih-meter i{flex:1;min-width:3px;border-radius:1px;background:rgb(from var(--cyan) r g b / .12)}
.ih-meter i.on{background:var(--cyan);box-shadow:0 0 5px rgb(from var(--cyan) r g b / .55)}
.ih-meter i.tip{animation:ipTip 1.6s ease-in-out 1s infinite}
/* 칸 */
.ih-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.ih-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ih-card{padding:12px 16px 14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);min-width:0}
.ih-card h2{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 8px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--text)}
.ih-card h2 small{font-family:inherit;font-size:10.5px;font-weight:500;letter-spacing:0;color:var(--muted)}
.ih-count{font-style:normal;padding:0 7px;border-radius:9px;background:rgb(from var(--cyan) r g b / .14);color:var(--cyan);font-size:11px;line-height:18px}
.ih-live{width:7px;height:7px;border-radius:50%;background:var(--red);animation:nwPulse 1.6s ease-out infinite}
.ih-muted{margin:0;font-size:12px;color:var(--muted)}
/* 관련 뉴스 */
.ih-news{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.ih-news a{display:flex;flex-direction:column;justify-content:space-between;gap:8px;height:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line-soft);border-radius:6px;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}
.ih-news a:hover{border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .05)}
.ih-news b{font-size:13px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ih-news small{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.ih-news small i{font-style:normal;color:var(--cyan)}
/* 우리 글 */
.ih-posts{list-style:none;margin:0;padding:0}
.ih-posts li+li{border-top:1px solid var(--line-soft)}
.ih-posts a{display:flex;gap:12px;padding:10px 2px;text-decoration:none;color:inherit}
.ih-posts a:hover b{color:var(--cyan)}
.ih-posts img{flex:none;width:92px;height:62px;object-fit:cover;border-radius:4px;border:1px solid var(--line-soft)}
.ih-posts div{min-width:0;display:flex;flex-direction:column;gap:3px}
.ih-posts b{font-size:14px;font-weight:600;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}
.ih-posts p{margin:0;font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ih-posts small{font-size:11px;color:var(--muted)}
.ih-cc{font-style:normal;margin-left:4px;color:var(--cyan);font-size:12px}
.ih-first{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px;border:1px dashed var(--line-soft);border-radius:6px}
.ih-first p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}
/* 다른 이슈 / 이슈 목록 */
.ih-side{position:sticky;top:12px}
.ih-side-tabs{display:flex;gap:4px;margin-bottom:6px}
.ih-side-tabs button{flex:1;padding:4px 0;border:1px solid var(--line-soft);border-radius:5px;background:none;color:var(--muted);font:inherit;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.5px;cursor:pointer}
.ih-side-tabs button.is-on{color:var(--cyan);border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .1)}
.ih-issues{list-style:none;margin:0;padding:0}
.ih-issues li+li{border-top:1px solid var(--line-soft)}
.ih-issues a{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:8px 2px;text-decoration:none;color:var(--text);font-size:13px}
.ih-issues.is-compact a{grid-template-columns:22px minmax(0,1fr) auto;gap:8px;padding:7px 2px;font-size:12.5px}
.ih-issues a:hover .ih-kw{color:var(--cyan)}
.ih-issues li.is-on a{cursor:default}
.ih-issues li.is-on .ih-kw{color:var(--cyan);font-weight:700}
.ih-rank{font-family:var(--mono);font-size:11px;color:var(--muted)}
.ih-issues li:nth-child(-n+3) .ih-rank{color:var(--cyan)}
.ih-kw{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.ih-val{font-size:12px;text-align:right}
.ih-when{font-size:10.5px;color:var(--muted);min-width:44px;text-align:right}
.ih-all{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line-soft);font-size:12px;color:var(--cyan);text-decoration:none;text-align:right}
.ih-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ih-credit{margin:0;font-size:10.5px;color:var(--muted);text-align:right}
@media (max-width:980px){
  .ih-grid,.ih-index{grid-template-columns:minmax(0,1fr)}
  .ih-side{position:static}
}
@media (max-width:640px){
  .ih-head{padding:14px}
  .ih-issues a{grid-template-columns:22px minmax(0,1fr) auto;gap:8px}
  .ih-issues a .ih-meter,.ih-issues a .ih-when{display:none}
  .ih-posts img{width:72px;height:50px}
  .ih-news{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.ih-state i,.ih-live,.ih-meter i.tip{animation:none}}
/* ===== EOC ISSUE END ===== */

/* ===== EOC PASSWORD START ===== */
/* 비밀번호 변경(/my/password) · 찾기(/forgot-password) · 재설정(/reset-password) */
.pw-input{position:relative;display:flex;align-items:center;width:100%;max-width:360px}
.pw-input input{flex:1;min-width:0;box-sizing:border-box;height:38px;padding:0 64px 0 12px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg2);color:var(--text);font:inherit;font-size:14px;letter-spacing:.5px}
.pw-input input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgb(from var(--cyan) r g b / .15)}
.pw-input.is-invalid input{border-color:var(--red)}
.pw-input button{position:absolute;right:6px;padding:3px 8px;border:1px solid var(--line-soft);border-radius:4px;background:none;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}
.pw-input button:hover{color:var(--cyan);border-color:var(--cyan)}
.pw-checks{margin-top:8px;font-size:12px;color:var(--muted)}
.pw-checks ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.pw-checks li.ok{color:var(--green)}
.pw-strength{display:inline-flex;align-items:center;gap:3px}
.pw-strength i{width:22px;height:4px;border-radius:2px;background:var(--line-soft)}
.pw-strength b{margin-left:6px;font-weight:600}
.pw-strength.lv1 i:nth-child(1){background:var(--red)}
.pw-strength.lv1 b{color:var(--red)}
.pw-strength.lv2 i:nth-child(-n+2){background:#f5b041}
.pw-strength.lv2 b{color:#f5b041}
.pw-strength.lv3 i{background:var(--green)}
.pw-strength.lv3 b{color:var(--green)}
.pw-field-err{margin:5px 0 0;font-size:12px;color:var(--red)}
/* 마이페이지 비밀번호 변경 */
.my-pw-form{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:start;gap:14px 16px;padding:16px 18px 6px}
.my-pw-form>label{padding-top:10px;font-size:13px;font-weight:600;color:var(--text)}
.my-pw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.my-pw-forgot{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.my-pw-forgot:hover{color:var(--cyan)}
.my-pw-panel .my-profile-note,.my-pw-panel .my-profile-err{margin:6px 18px 14px}
.my-pw-link{margin-left:12px;font-size:12px;color:var(--cyan);text-decoration:none}
.my-pw-link:hover{text-decoration:underline}
@media (max-width:640px){
  .my-pw-form{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px}
  .my-pw-form>label{padding-top:8px}
  .my-pw-form>span:empty{display:none}
  .pw-input{max-width:none}
}
/* 비밀번호 찾기·재설정 */
.pwr .pw-input{max-width:none}
.pwr .eosatom-auth-field .pw-checks{grid-column:2}
.pwr .eosatom-auth-error{margin-left:14px;margin-right:14px}
.pwr-lead{margin:0;padding:10px 14px 6px;font-size:13px;line-height:1.6;color:var(--muted)}
.pwr>.pwr-muted{padding:14px}
.pwr>.pwr-done{margin:14px 14px 0}
.pwr-lead em,.pwr-done em{font-style:normal;color:var(--text);font-weight:600;word-break:break-all}
.pwr-muted{margin:0;font-size:12px;color:var(--muted)}
.pwr-done{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid rgb(from var(--green) r g b / .45);border-radius:8px;background:rgb(from var(--green) r g b / .06)}
.pwr-done.is-bad{border-color:rgb(from var(--red) r g b / .45);background:rgb(from var(--red) r g b / .06)}
.pwr-done b{font-size:15px;color:var(--text)}
.pwr-done p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.pwr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px}
.pwr-actions .eosatom-auth-submit{width:auto;margin:0;padding-left:18px;padding-right:18px}
.pwr .eosatom-auth-footer{margin-top:14px}
.eoc-auth-forgot{justify-content:flex-end;margin-top:6px}
/* ===== EOC PASSWORD END ===== */

/* ===== EOC ACCESSFX START ===== */
/* 로그인·회원가입 접속 연출 (AccessFx.tsx) */
.auth-panel{position:relative}
.auth-panel .eosatom-auth-submit{position:relative;overflow:hidden;isolation:isolate}
/* 평소: 버튼 안에 희미한 스캔라인이 흐르고, 올리면 화살표가 한 칸 */
.auth-panel .eosatom-auth-submit::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .07) 0 1px,transparent 1px 4px);opacity:0;transition:opacity .2s}
.auth-panel .eosatom-auth-submit:hover::before{opacity:1;animation:afxLines 1.2s linear infinite}
@keyframes afxLines{to{background-position:0 16px}}
/* 진행 중: 버튼 글자를 감추고 진행 막대 */
.auth-panel.afx-run .eosatom-auth-submit,.auth-panel.afx-granted .eosatom-auth-submit,.auth-panel.afx-denied .eosatom-auth-submit{color:transparent!important}
.auth-panel.afx-run .eosatom-auth-submit::after{content:"";position:absolute;left:0;top:0;bottom:0;z-index:-1;width:100%;background:linear-gradient(90deg,rgb(255 255 255 / .0),rgb(255 255 255 / .28));transform-origin:left;animation:afxProgress .9s cubic-bezier(.2,.7,.3,1) forwards}
.auth-panel.afx-full.afx-run .eosatom-auth-submit{animation:afxSqueeze .32s ease-out}
@keyframes afxProgress{from{transform:scaleX(0)}to{transform:scaleX(.92)}}
@keyframes afxSqueeze{0%{transform:scaleX(1)}35%{transform:scaleX(.94)}100%{transform:scaleX(1)}}
.auth-panel.afx-granted .eosatom-auth-submit{background:var(--green)!important;border-color:var(--green)!important;box-shadow:0 0 22px rgb(from var(--green) r g b / .55)}
.auth-panel.afx-denied .eosatom-auth-submit{background:rgb(from var(--red) r g b / .18)!important;border-color:var(--red)!important}
.auth-panel.afx-denied .eosatom-auth-input{border-color:var(--red)!important;animation:afxShake .38s ease-in-out}
@keyframes afxShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
.auth-panel.afx-full.afx-granted{animation:afxPulse .5s ease-out}
@keyframes afxPulse{0%{box-shadow:0 0 0 0 rgb(from var(--green) r g b / .7)}100%{box-shadow:0 0 0 14px rgb(from var(--green) r g b / 0)}}
/* 덮개 */
.afx-layer{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;overflow:hidden}
.afx-layer.is-run{pointer-events:auto;cursor:progress}
.afx-edge{position:absolute;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 8px var(--cyan);opacity:0}
.afx-edge.t,.afx-edge.b{height:2px;width:40%}
.afx-edge.l,.afx-edge.r{width:2px;height:40%;background:linear-gradient(180deg,transparent,var(--cyan),transparent)}
.afx-edge.t{top:0;left:-40%;animation:afxEdgeT .26s linear forwards}
.afx-edge.r{right:0;top:-40%;animation:afxEdgeR .2s linear .24s forwards}
.afx-edge.b{bottom:0;right:-40%;animation:afxEdgeB .26s linear .42s forwards}
.afx-edge.l{left:0;bottom:-40%;animation:afxEdgeL .2s linear .66s forwards}
@keyframes afxEdgeT{0%{opacity:1;left:-40%}100%{opacity:1;left:100%}}
@keyframes afxEdgeR{0%{opacity:1;top:-40%}100%{opacity:1;top:100%}}
@keyframes afxEdgeB{0%{opacity:1;right:-40%}100%{opacity:1;right:100%}}
@keyframes afxEdgeL{0%{opacity:1;bottom:-40%}100%{opacity:1;bottom:100%}}
.afx-layer.is-granted .afx-edge,.afx-layer.is-denied .afx-edge{display:none}
.afx-laser{position:absolute;overflow:hidden}
.afx-laser i{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--cyan);box-shadow:0 0 10px 2px rgb(from var(--cyan) r g b / .7),-24px 0 24px rgb(from var(--cyan) r g b / .18);animation:afxLaser .62s cubic-bezier(.4,0,.2,1) .05s both}
@keyframes afxLaser{from{transform:translateX(0);opacity:1}90%{opacity:1}to{transform:translateX(var(--afx-w,460px));opacity:0}}
.afx-btn{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:var(--mono);letter-spacing:1.2px;text-align:center;pointer-events:none;color:var(--bg)}
.afx-btn b{font-size:13.5px;font-weight:800;white-space:nowrap}
.afx-btn small{font-size:10px;font-weight:700;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}
.afx-layer.is-run .afx-btn b{animation:afxBlink .5s steps(2) infinite}
@keyframes afxBlink{50%{opacity:.55}}
.afx-layer.is-granted .afx-btn{color:#04140c}
.afx-layer.is-granted .afx-btn b{animation:afxGrant .3s ease-out}
@keyframes afxGrant{0%{transform:scale(.9);letter-spacing:4px;opacity:0}100%{transform:scale(1);letter-spacing:1.2px;opacity:1}}
.afx-layer.is-denied .afx-btn{color:var(--red)}
.afx-layer.is-denied .afx-btn b{font-size:12px}
/* 회원가입 터미널 */
.afx-term{position:absolute;left:14px;right:14px;top:58px;padding:12px 14px;border:1px solid rgb(from var(--cyan) r g b / .5);border-radius:6px;background:rgb(from var(--bg) r g b / .92);backdrop-filter:blur(3px);font-family:var(--mono);box-shadow:0 10px 30px rgb(0 0 0 / .35);animation:afxTermIn .18s ease-out}
.afx-term small{display:block;margin-bottom:6px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}
.afx-term p{margin:0;font-size:13px;line-height:1.75;white-space:pre;color:var(--text);animation:afxTermLine .16s ease-out both}
.afx-term p.is-ok{color:var(--green)}
.afx-term p.is-bad{color:var(--red)}
.afx-term p.is-hi{color:var(--cyan);font-weight:700}
@keyframes afxTermIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes afxTermLine{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
/* MIN: 테두리·레이저·셔터 없이 버튼 문구만 */
.afx-layer.m-min .afx-term{animation:none}
/* 셔터 (body) */
.afx-shutter{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
.afx-shutter i{position:absolute;top:0;bottom:0;width:50.5%;background:linear-gradient(90deg,var(--bg),var(--bg2));transition:transform .2s cubic-bezier(.6,0,.4,1)}
.afx-shutter i.l{left:0;transform:translateX(-101%);border-right:1px solid rgb(from var(--cyan) r g b / .5)}
.afx-shutter i.r{right:0;transform:translateX(101%);border-left:1px solid rgb(from var(--cyan) r g b / .5);background:linear-gradient(270deg,var(--bg),var(--bg2))}
.afx-shutter .line{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--cyan);box-shadow:0 0 14px 2px var(--cyan);transform:scaleY(0);transition:transform .2s ease-out .05s}
.afx-shutter span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--mono);font-weight:800;letter-spacing:6px;color:var(--cyan);text-shadow:0 0 14px rgb(from var(--cyan) r g b / .7);opacity:0;transition:opacity .15s}
.afx-shutter span em{font-style:normal;font-size:clamp(18px,3vw,30px);padding:2px 10px;background:var(--bg)}
.afx-shutter.is-closed i{transform:translateX(0)}
.afx-shutter.is-closed .line{transform:scaleY(1)}
.afx-shutter.is-closed span{opacity:1}
.afx-shutter.is-open i{transition:transform .42s cubic-bezier(.7,0,.3,1)}
.afx-shutter.is-open i.l{transform:translateX(-101%)}
.afx-shutter.is-open i.r{transform:translateX(101%)}
.afx-shutter.is-open span{opacity:0;transition:opacity .12s}
.afx-shutter.is-open .line{transform:scaleY(0);opacity:0;transition:transform .3s ease-in,opacity .3s}
/* 효과 세기 */
.afx-pref{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:10px 14px 0;font-size:10.5px;color:var(--muted)}
.afx-pref span{margin-right:4px;letter-spacing:.3px}
.afx-pref button{padding:1px 7px;border:1px solid var(--line-soft);border-radius:3px;background:none;color:var(--muted);font:inherit;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.8px;cursor:pointer}
.afx-pref button:hover{color:var(--text)}
.afx-pref button.is-on{color:var(--cyan);border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .1)}
@media (prefers-reduced-motion:reduce){.afx-laser,.afx-edge{display:none}.auth-panel .eosatom-auth-submit:hover::before{animation:none}}
/* ===== EOC ACCESSFX END ===== */

/* ===== EOC WMASK START ===== */
/* 글쓰기 창 닫기 확인 (브라우저 confirm 대신) */
.wm-ask-backdrop{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(0 0 0 / .55);backdrop-filter:blur(2px);animation:wmAskFade .15s ease-out}
.wm-ask{position:relative;width:min(460px,100%);padding:18px 20px 16px;border:1px solid rgb(from var(--cyan) r g b / .6);border-radius:10px;background:linear-gradient(160deg,rgb(from var(--cyan) r g b / .08),transparent 55%),var(--panel);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .12),0 18px 50px rgb(0 0 0 / .55),0 0 30px rgb(from var(--cyan) r g b / .12);overflow:hidden;animation:wmAskIn .2s cubic-bezier(.2,.8,.3,1)}
.wm-ask::before,.wm-ask::after{content:"";position:absolute;width:14px;height:14px;border:2px dotted rgb(from var(--cyan) r g b / .7)}
.wm-ask::before{top:6px;left:6px;border-right:0;border-bottom:0}
.wm-ask::after{bottom:6px;right:6px;border-left:0;border-top:0}
.wm-ask-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan);animation:wmAskScan 1.1s ease-in-out .05s both}
.wm-ask small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;color:var(--muted)}
.wm-ask small b{color:#f5b041;font-weight:700}
.wm-ask h3{margin:6px 0 6px;font-size:17px;font-weight:700;color:var(--text)}
.wm-ask h3 span{color:#f5b041;margin-right:4px}
.wm-ask p{margin:0 0 16px;font-size:13px;line-height:1.65;color:var(--muted)}
.wm-ask-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wm-ask-actions button{padding:10px 12px;border-radius:7px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:filter .15s,border-color .15s,color .15s,background .15s}
.wm-ask-save{border:1px solid var(--cyan);background:var(--cyan);color:var(--bg)}
.wm-ask-save:hover{filter:brightness(1.1)}
.wm-ask-stay{border:1px solid rgb(from var(--cyan) r g b / .5);background:rgb(from var(--cyan) r g b / .08);color:var(--cyan)}
.wm-ask-stay:hover{background:rgb(from var(--cyan) r g b / .16)}
.wm-ask-stay:focus-visible,.wm-ask-save:focus-visible,.wm-ask-discard:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.wm-ask-discard{grid-column:1 / -1;border:1px solid transparent;background:none;color:var(--muted);font-weight:500!important;font-size:12px!important;padding:6px!important}
.wm-ask-discard:hover{color:var(--red);border-color:rgb(from var(--red) r g b / .4)}
@keyframes wmAskFade{from{opacity:0}to{opacity:1}}
@keyframes wmAskIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes wmAskScan{from{transform:translateY(0);opacity:1}to{transform:translateY(190px);opacity:0}}
@media (max-width:480px){.wm-ask-actions{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wm-ask,.wm-ask-backdrop,.wm-ask-scan{animation:none}.wm-ask-scan{display:none}}
/* ===== EOC WMASK END ===== */

/* ===== EOC SHARE START ===== */
/* 글 공유 창 (shareSheet.tsx) */
.eoc-share-backdrop{position:fixed;inset:0;z-index:2147481000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(0 0 0 / .55);backdrop-filter:blur(2px);animation:wmAskFade .15s ease-out}
.eoc-share{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px 20px 16px;border:1px solid rgb(from var(--cyan) r g b / .6);border-radius:12px;background:linear-gradient(160deg,rgb(from var(--cyan) r g b / .08),transparent 55%),var(--panel);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .12),0 18px 50px rgb(0 0 0 / .55),0 0 30px rgb(from var(--cyan) r g b / .12);animation:wmAskIn .2s cubic-bezier(.2,.8,.3,1)}
.eoc-share::before,.eoc-share::after{content:"";position:absolute;width:14px;height:14px;border:2px dotted rgb(from var(--cyan) r g b / .7);pointer-events:none}
.eoc-share::before{top:6px;left:6px;border-right:0;border-bottom:0}
.eoc-share::after{bottom:6px;right:6px;border-left:0;border-top:0}
.eoc-share-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan);animation:wmAskScan 1.1s ease-in-out .05s both;pointer-events:none}
.eoc-share header{position:relative;padding-right:36px}
.eoc-share header small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;color:var(--muted)}
.eoc-share header small b{color:var(--cyan)}
.eoc-share header h3{margin:5px 0 12px;font-size:17px;font-weight:700;color:var(--text)}
.eoc-share-x{position:absolute;top:0;right:0;width:30px;height:30px;border:1px solid var(--line-soft);border-radius:6px;background:none;color:var(--muted);font:inherit;cursor:pointer}
.eoc-share-x:hover{color:var(--cyan);border-color:var(--cyan)}
.eoc-share-card{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:rgb(from var(--bg) r g b / .5)}
.eoc-share-card img{flex:none;width:112px;height:59px;object-fit:cover;border-radius:5px;border:1px solid var(--line-soft)}
.eoc-share-card div{min-width:0;display:flex;flex-direction:column;gap:4px}
.eoc-share-card b{font-size:14px;font-weight:600;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.eoc-share-card span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eoc-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px 6px;margin:16px 0 14px}
.eoc-share-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;cursor:pointer;transition:background .15s}
.eoc-share-btn:hover{background:rgb(from var(--cyan) r g b / .08)}
.eoc-share-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
.eoc-share-btn em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap}
.eoc-share-btn:hover em{color:var(--text)}
.eoc-share-ico{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:transform .15s,box-shadow .15s}
.eoc-share-btn:hover .eoc-share-ico{transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .35)}
.eoc-share-ico svg{width:24px;height:24px}
/* 서비스 브랜드 색은 모든 화면 모드에서 그대로 — 선택자에 data-mode 가 있으면 gen_modes 가 밝은 모드용으로 뒤집지 않는다 */
:root:not([data-mode="_"]) .eoc-share-btn.is-kakao .eoc-share-ico{background:#fee500;color:#191600}
:root:not([data-mode="_"]) .eoc-share-btn.is-x .eoc-share-ico{background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .22)}
:root:not([data-mode="_"]) .eoc-share-btn.is-facebook .eoc-share-ico{background:#1877f2;color:#fff}
:root:not([data-mode="_"]) .eoc-share-btn.is-threads .eoc-share-ico{background:#101010;color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .22)}
:root:not([data-mode="_"]) .eoc-share-btn.is-instagram .eoc-share-ico{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}
.eoc-share-btn.is-copy .eoc-share-ico{background:rgb(from var(--cyan) r g b / .14);color:var(--cyan);box-shadow:inset 0 0 0 1px rgb(from var(--cyan) r g b / .5)}
.eoc-share-btn.is-more .eoc-share-ico{background:rgb(from var(--muted) r g b / .15);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-soft)}
.eoc-share-url{display:flex;gap:6px}
.eoc-share-url input{flex:1;min-width:0;height:36px;padding:0 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg2);color:var(--muted);font:inherit;font-family:var(--mono);font-size:12px}
.eoc-share-url input:focus{outline:none;border-color:var(--cyan);color:var(--text)}
.eoc-share-url button{flex:none;padding:0 14px;border:1px solid var(--cyan);border-radius:6px;background:var(--cyan);color:var(--bg);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.eoc-share-url button:hover{filter:brightness(1.1)}
.eoc-share-msg{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--red)}
.eoc-share-msg.ok{color:var(--green)}
@media (max-width:420px){.eoc-share{padding:16px 14px 14px}.eoc-share-card img{width:88px;height:46px}.eoc-share-ico{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.eoc-share,.eoc-share-backdrop{animation:none}.eoc-share-scan{display:none}}
/* ===== EOC SHARE END ===== */

/* ===== EOC BRAND START ===== */
/* eosatom 마크 (BrandMark.tsx) — 색은 테마(--cyan·--green·--acc-shift)를 따른다 */
.brand-mark{display:block;flex:none;overflow:visible}
.brand-mark .bm-letter,.brand-mark .bm-orb-front{stroke:var(--cyan)}
.brand-mark .bm-orb-back{stroke:rgb(from var(--cyan) r g b / .42)}
.brand-mark .bm-orb-gap{stroke:var(--bm-gap,transparent)}
.brand-mark .bm-dot{fill:var(--green);transform-box:fill-box;transform-origin:center;animation:bmDot 2.4s ease-in-out infinite}
@keyframes bmDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}
/* 헤더: 틈 색 = 헤더 배경색 */
.site-header{--bm-gap:hsl(from rgb(2 10 14) calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.site-header .brand{padding:2px 4px 2px 0;border-radius:8px}
.site-header .brand:hover .bm-orb-front{stroke:var(--green)}
.site-header .brand:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
/* 마크 옆 두 줄: eosatom / COMMUNITY ● LIVE (점은 마크의 궤도 점과 같이 반짝) */
.site-header .brand{gap:9px}
.brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1;font-family:var(--mono)}
.brand-text b{font-size:19px;font-weight:700;letter-spacing:-.3px;color:var(--cyan)}
.brand-text small{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:9.5px;font-weight:500;letter-spacing:1.6px;color:hsl(from #6f9aa0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
.brand-live{width:5px;height:5px;border-radius:50%;background:var(--green);animation:bmDot 2.4s ease-in-out infinite}
/* 두 줄 글자가 들어가서 옛 태그라인(post. share. react.)은 감춘다 */
.site-header .brand + .tagline{display:none}
@media (max-width:1320px){.site-header .brand .brand-mark{width:32px;height:32px}.brand-text b{font-size:17px}}
@media (max-width:640px){.brand-text small{display:none}.brand-text b{font-size:16px}}
@media (prefers-reduced-motion:reduce){.brand-mark .bm-dot,.brand-live{animation:none}}
/* ===== EOC BRAND END ===== */

/* ===== EOC IPSWIPE START ===== */
/* 휴대폰 ISSUE_PULSE: 가로로 밀어 KOREA ↔ GLOBAL — 넘어온 칸이 민 방향에서 미끄러져 들어온다 */
@media (max-width:780px){
  .ip{touch-action:pan-y}
  .ip-signal.ip-slide-l{animation:ipSlideL .26s cubic-bezier(.2,.8,.3,1)}
  .ip-signal.ip-slide-r{animation:ipSlideR .26s cubic-bezier(.2,.8,.3,1)}
}
@keyframes ipSlideL{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes ipSlideR{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ip-signal.ip-slide-l,.ip-signal.ip-slide-r{animation:none}}
/* ===== EOC IPSWIPE END ===== */

/* ===== EOC GUESTBTN START ===== */
/* 헤더 비로그인 버튼: 넓은 화면은 예전처럼 글자 링크, 좁은 화면(메뉴가 ☰ 로 접히는 폭)에서는 작은 버튼 두 개 */
@media (max-width:1199px){
  .header-tools .hdr-link.hdr-guest{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid rgb(from var(--cyan) r g b / .55);border-radius:6px;font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--cyan)}
  .header-tools .hdr-link.hdr-guest-signup{background:var(--cyan);border-color:var(--cyan);color:hsl(from #041013 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
  .header-tools .hdr-link.hdr-guest:hover{filter:brightness(1.1)}
}
@media (max-width:420px){
  .header-tools .hdr-link.hdr-guest{height:28px;padding:0 8px;font-size:12px}
}
/* ===== EOC GUESTBTN END ===== */

/* ===== EOC SWIPE START ===== */
/* 휴대폰 가로 밀기 공통 (useSwipe): 넘어온 내용이 손가락을 민 쪽에서 미끄러져 들어온다 */
@media (max-width:780px){
  .posts-swipe,.ls-today{touch-action:pan-y}
  .swipe-in-r{animation:ipSlideR .26s cubic-bezier(.2,.8,.3,1)}
  .swipe-in-l{animation:ipSlideL .26s cubic-bezier(.2,.8,.3,1)}
  /* 같은 움직임을 이름만 바꿔 번갈아 쓴다 (요소를 새로 만들지 않고 애니메이션을 다시 재생) */
  .swipe-in-r2{animation:ipSlideR2 .26s cubic-bezier(.2,.8,.3,1)}
  .swipe-in-l2{animation:ipSlideL2 .26s cubic-bezier(.2,.8,.3,1)}
  .swipe-toast.is-2{animation-name:swipeToast2}
  /* 넘어간 탭 이름 (잠깐) */
  .swipe-toast{position:fixed;left:50%;bottom:84px;z-index:60;transform:translateX(-50%);padding:7px 16px;border:1px solid rgb(from var(--cyan) r g b / .6);border-radius:20px;background:var(--panel);color:var(--cyan);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.5px;box-shadow:0 8px 24px rgb(0 0 0 / .45);pointer-events:none;animation:swipeToast .9s ease-out forwards}
}
@media (min-width:781px){.swipe-toast{display:none}}
@keyframes ipSlideR2{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes ipSlideL2{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes swipeToast2{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1;transform:translate(-50%,0)}75%{opacity:1}100%{opacity:0}}
@keyframes swipeToast{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1;transform:translate(-50%,0)}75%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.swipe-in-r,.swipe-in-l,.swipe-in-r2,.swipe-in-l2{animation:none}}
/* 로그인·회원가입·비밀번호 화면(휴대폰): 안내 글이 숨겨져 태그만 남던 한 줄 상자는 뺀다 */
@media (max-width:780px){.auth-dashboard > .auth-ticker{display:none}.auth-dashboard > .auth-panel{grid-row:1}}
/* ===== EOC SWIPE END ===== */

/* ===== EOC SKELETON START ===== */
/* 데이터 받기 전 자리 잡기 (2026-09-28): 박스가 처음부터 최종 높이로 그려져 아래 내용이 밀리지 않게 (CLS).
   RealtimeBestStrip·Top10Widget·NewsWire·MyBoardPanel(지금 많이 보는 글) 은 같은 모양의 빈 줄을,
   헤더 메뉴는 게시판 목록을 받을 때까지 숨긴다(자리는 그대로). */
.top-nav.is-pending { visibility: hidden; }
.is-skel { pointer-events: none; }
.best-card.is-skel h3,
.top10 li.is-skel span,
.nw-list.is-skel .nw-title,
.mb-ranks.is-skel li a,
.ip-signal ol.is-skel .ip-kw,
.feed-table tr.is-skel .skel-title {
  flex: 1 1 auto;
  color: transparent;
  border-radius: 3px;
  background: linear-gradient(90deg, rgb(from var(--cyan) r g b / .05) 20%, rgb(from var(--cyan) r g b / .13) 50%, rgb(from var(--cyan) r g b / .05) 80%);
  background-size: 250% 100%;
  animation: eoc-skel 1.6s ease-in-out infinite;
}
.best-card.is-skel .rank, .ip-signal ol.is-skel .ip-rank, .ip-signal ol.is-skel .ip-meter { opacity: .35; }
.best-card.is-skel b, .best-card.is-skel footer { opacity: 0; }
.feed-table tr.is-skel .skel-title { display: inline-block; width: 72%; }
.feed-table tr.is-skel .ec-tiny-icon { opacity: .35; }
@keyframes eoc-skel { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
@media (prefers-reduced-motion: reduce) {
  .best-card.is-skel h3, .top10 li.is-skel span, .nw-list.is-skel .nw-title, .mb-ranks.is-skel li a, .ip-signal ol.is-skel .ip-kw, .feed-table tr.is-skel .skel-title { animation: none; }
}
/* ===== EOC SKELETON END ===== */

/* ===== EOC FEEDWRAP START ===== */
/* 모바일 메인 전체 게시물 제목 (2026-09-28): 한글이 띄어쓰기 단위로만 줄바꿈(keep-all)되어 오른쪽이 비던 것 →
   한글은 글자 단위로 줄 끝까지 채우고, 영어 단어는 그대로 띄어쓰기에서 넘긴다 (word-break: normal). */
@media (max-width: 780px) {
  .posts-panel .feed-table tbody td:nth-child(3) {
    word-break: normal;
    overflow-wrap: anywhere;
    line-break: auto;
  }
}
/* ===== EOC FEEDWRAP END ===== */

/* ===== EOC BH COMPACT START ===== */
/* 헤더 베스트 메뉴 패널 줄이기 (2026-09-28): 1214×515 → 약 1040×390. 노트북·배율 125% 화면에서도 아래로 넘치지 않게 */
.bh-panel { width: min(1040px, calc(100vw - 32px)); max-height: calc(100vh - 78px); grid-template-columns: 196px minmax(0, 1fr) minmax(0, 1.12fr) 236px; gap: 10px; padding: 11px; }
.bh-panel h3 { margin-bottom: 7px; font-size: 12px; }
.bh-loading { min-height: 180px; }
.bh-nav { gap: 1px; padding: 8px 7px; }
.bh-nav a { gap: 9px; padding: 6px 8px; }
.bh-nav a b { font-size: 11.5px; }
.bh-nav a small { font-size: 10px; }
.bh-nav a em { font-size: 15px; }
.bh-nav a svg { width: 16px; height: 16px; }
.bh-nav-quote { padding: 9px 4px 0; font-size: 11.5px; line-height: 1.55; }
.bh-cover { min-height: 300px; }
.bh-cover-top, .bh-cover-bottom { padding: 11px 13px; }
.bh-mast { font-size: clamp(26px, 2.5vw, 36px); }
.bh-cover-bottom strong { font-size: clamp(15px, 1.35vw, 19px); }
.bh-cover-bottom > small { font-size: 11px; }
.bh-cover-foot b { width: 28px; height: 28px; }
.bh-chart { padding: 9px 10px 8px; }
.bh-chart header { margin-bottom: 6px; }
.bh-chart h3 { font-size: 18px; }
.bh-chart ol { gap: 4px; }
.bh-chart li a { grid-template-columns: 18px 44px minmax(0, 1fr) auto; gap: 8px; padding: 4px 7px; }
.bh-rank { font-size: 18px; }
.bh-chart-img { width: 44px; height: 32px; }
.bh-chart-title { font-size: 12px; line-height: 1.35; }
.bh-chart footer { margin-top: 7px; }
.bh-chart footer a { padding: 4px 8px; }
.bh-now { gap: 6px; }
.bh-card { gap: 6px; padding: 8px 9px; }
.bh-card-head { font-size: 11.5px; }
.bh-best-body { grid-template-columns: 52px minmax(0, 1fr); gap: 8px; }
.bh-best-img { width: 52px; height: 40px; }
.bh-best-body strong { font-size: 12px; }
.bh-room-pill { padding: 5px 9px; }
.bh-quote q { font-size: 12px; line-height: 1.5; }
/* 세로가 낮은 화면(노트북·창 모드): 인용구를 빼고 표지를 더 줄인다 */
@media (max-height: 720px) {
  .bh-nav-quote { display: none; }
  .bh-cover { min-height: 250px; }
  .bh-chart-title { -webkit-line-clamp: 1; }
}
/* ===== EOC BH COMPACT END ===== */

/* ===== EOC HDRFIT START ===== */
/* 헤더 메인 메뉴 최대한 살리기 (2026-09-28). GlobalHeaderMega 가 넘치는지 재서 .brand-row[data-fit] 를 단계로 올린다.
   0: 그대로  1: 검색창 → 돋보기 버튼(누르면 아래로 펼침)  2: + 메뉴 간격·글자 줄임  3: 메뉴 숨김 → ☰ */
.search-toggle { display: none; place-items: center; flex: none; width: 36px; height: 34px; padding: 0; border: 1px solid rgb(from var(--cyan) r g b / .45); border-radius: 7px; background: rgb(from var(--cyan) r g b / .06); color: var(--cyan); cursor: pointer; transition: background .15s, box-shadow .15s; }
.search-toggle svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; filter: drop-shadow(0 0 3px rgb(from var(--cyan) r g b / .55)); }
.search-toggle circle { fill: rgb(from var(--cyan) r g b / .1); }
.search-toggle .search-ico-glint { stroke: rgb(from var(--cyan) r g b / .9); stroke-width: 1.4; opacity: .85; }
.search-toggle:hover, .search-toggle.is-on { background: rgb(from var(--cyan) r g b / .16); box-shadow: 0 0 10px rgb(from var(--cyan) r g b / .3); }
.brand-row:not([data-fit="0"]) .search-toggle { display: grid; }
.brand-row:not([data-fit="0"]) .header-tools .search:not(.is-pop) { display: none; }
.brand-row .header-tools .search.is-pop { display: flex; position: absolute; top: calc(100% + 10px); right: 0; z-index: 70; width: min(340px, calc(100vw - 24px)); padding: 7px 10px; box-shadow: 0 12px 30px rgb(0 0 0 / .45), 0 0 0 1px rgb(from var(--cyan) r g b / .35); }
.brand-row .header-tools .search.is-pop .cyber-inline { flex: 1; min-width: 0; }
.brand-row .header-tools .search.is-pop input { width: 100%; }
.brand-row .header-tools .search.is-pop .search-kbd { display: none; }
.brand-row[data-fit="2"] .top-nav > a,
.brand-row[data-fit="2"] .top-nav > .nav-item > a,
.brand-row[data-fit="2"] .top-nav > .nav-item > button { padding-left: 5px; padding-right: 5px; font-size: 13px; }
.brand-row[data-fit="2"] .top-nav .mega-chevron { display: none; }
/* 781~1199px: 메뉴가 들어가면 보여 준다 (예전엔 1199px 이하에서 무조건 숨김) */
@media (min-width: 781px) and (max-width: 1199px) {
  .brand-row:not([data-fit="3"]) .top-nav { display: flex; }
}
.brand-row[data-fit="3"] .top-nav { display: none; }
.brand-row[data-fit="3"] .mobile-menu { display: block; margin-left: auto; }
.brand-row[data-fit="3"] .header-tools { margin-left: auto; }
@media (max-width: 420px) { .search-toggle { width: 32px; height: 30px; } .search-toggle svg { width: 19px; height: 19px; } }

/* ☰ 전체 메뉴: 대분류 + 하위 게시판 모두 */
.mobile-menu-panel { box-sizing: border-box; width: 340px; }
@media (max-width: 500px) { .mobile-menu-panel { width: min(340px, calc(100vw - 16px)); } }
.mm-cats { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.mobile-menu-list .mm-all, .mobile-menu-list .mm-cat-head { display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; border: 1px solid rgb(from var(--cyan) r g b / .3); border-radius: 6px; background: rgb(from var(--cyan) r g b / .07); color: var(--cyan); font-size: 13.5px; font-weight: 800; text-decoration: none; }
.mm-boards { display: flex; flex-wrap: wrap; gap: 5px; padding: 7px 2px 2px; }
.mobile-menu-list .mm-boards a { padding: 4px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); font-size: 12.5px; white-space: nowrap; text-decoration: none; }
.mobile-menu-list .mm-all:hover, .mobile-menu-list .mm-cat-head:hover, .mobile-menu-list .mm-boards a:hover { border-color: var(--cyan); color: var(--cyan); }
/* ===== EOC HDRFIT END ===== */

/* ===== EOC ISSUE TALK START ===== */
/* 이슈 페이지 💬 이슈 댓글 (2026-09-28): 댓글창은 글 읽기 화면과 같은 토론형(CommentThread discussion · CyberTextarea) 모양을 그대로 쓴다 */
.ih-talk .eosatom-comment-thread.is-discussion { margin-top: 2px; }
.ih-talk .discussion-head h2 { font-size: 12px; }
/* ===== EOC ISSUE TALK END ===== */

/* ===== EOC MODES (generated) START ===== */
:root:is([data-mode="light"],[data-mode="text"])[data-accent="green"]{--cyan:#518667}
:root:is([data-mode="light"],[data-mode="text"])[data-accent="blue"]{--cyan:#3174b9}
:root:is([data-mode="light"],[data-mode="text"])[data-accent="violet"]{--cyan:#4e36b4}
:root:is([data-mode="light"],[data-mode="text"])[data-accent="pink"]{--cyan:#af3b64}
:root:is([data-mode="light"],[data-mode="text"])[data-accent="amber"]{--cyan:#b68235}
:root:is([data-mode="light"],[data-mode="text"]){--bg:hsl(from #f9fbfb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--bg2:hsl(from #f5f7f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--panel:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--panel2:hsl(from #f0f4f5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--line:hsl(from #b0e8e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--line-soft:hsl(from #dce6e7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--text:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--muted:hsl(from #809295 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--cyan:hsl(from #089f92 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--blue:#0b82cf;--red:#df0c16;--gold:#d89e0b;--violet:#790cdf;--green:#19b071}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-app{background:linear-gradient(180deg,hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 0,hsl(from #fafbfc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 42%,#fbfcfc 100%)}
:root:is([data-mode="light"],[data-mode="text"]) .site-header{background:hsl(from rgb(249,251,251) calc(h + var(--acc-shift)) s l / .96)}
:root:is([data-mode="light"],[data-mode="text"]) .brand-row{border-bottom:1px solid hsl(from #dce6e7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .brand em{color:hsl(from #54757b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .tagline{color:hsl(from #738d93 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .top-nav>a,:root:is([data-mode="light"],[data-mode="text"]) .top-nav>.nav-item>a,:root:is([data-mode="light"],[data-mode="text"]) .top-nav>.nav-item>button{color:hsl(from #242b2b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mega-menu{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 18px 40px #0000002f}
:root:is([data-mode="light"],[data-mode="text"]) .mega-menu a{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mega-menu a .chevron{color:hsl(from #8aaeb2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .tag-chip{border:1px solid hsl(from #cdd8d9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:#537c7c}
:root:is([data-mode="light"],[data-mode="text"]) .mega-quote{border-top:1px solid hsl(from #e1e9ea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #597579 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mega-quote em{color:hsl(from #93a6a9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .search{border:1px solid hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .search button{color:#537c7c}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-link{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-bell{border:1px solid color-mix(in srgb,var(--cyan) 55%,hsl(from #dee3e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));background:radial-gradient(circle at 35% 30%,hsl(from #dce6e7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #eef4f5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 70%);box-shadow:inset 0 1px #1a1a1a30,0 2px 6px #00000022}
:root:is([data-mode="light"],[data-mode="text"]) .btn-ico{background:hsl(from #f1f7f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:inset 0 1px #1a1a1a35,0 1px 3px #0000001a}
:root:is([data-mode="light"],[data-mode="text"]) .write-btn .btn-ico{background:#f1f7f7cc}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-noti-toast{background:#f5f8f9f2;box-shadow:0 10px 28px #0000002b,0 0 16px rgb(from var(--cyan) r g b / 0.2);color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-noti-toast:hover{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-noti-tag{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-bell:hover{box-shadow:inset 0 1px #1a1a1a30,0 0 10px rgb(from var(--cyan) r g b / 0.333)}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-bell-badge{color:#1a1a1a;box-shadow:0 0 0 2px hsl(from #f9fbfb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@media (prefers-reduced-motion:reduce){:root:is([data-mode="light"],[data-mode="text"]) .btn-ico{background:hsl(from #f1f7f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:inset 0 1px #1a1a1a35,0 1px 3px #0000001a}:root:is([data-mode="light"],[data-mode="text"]) .write-btn .btn-ico{background:#f1f7f7cc}:root:is([data-mode="light"],[data-mode="text"]) .hdr-noti-toast{background:#f5f8f9f2;box-shadow:0 10px 28px #0000002b,0 0 16px rgb(from var(--cyan) r g b / 0.2);color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .hdr-noti-toast:hover{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .hdr-noti-tag{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-btn-solid{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .hdr-avatar{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mobile-menu-panel{background:hsl(from #f4f7f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mobile-menu-tabs button{color:hsl(from #658084 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mobile-menu-tabs button.active{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mobile-menu-list a,:root:is([data-mode="light"],[data-mode="text"]) .mobile-menu-list button{border:1px solid hsl(from #dfe8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mobile-menu-list hr{border-top:1px solid hsl(from #dae1e2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mobile-menu-my .panel-title{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .notice-ticker{color:hsl(from #62787c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .notice-ticker em{color:hsl(from #658084 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .issue-pulse{background:linear-gradient(90deg,hsl(from #f4f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f2f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .issue-title{border-right:1px solid hsl(from #d4dedf calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .issue-col{border-right:1px solid hsl(from #d9e0e1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .issue-col a{border-bottom:1px solid hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .issue-col a b{background:hsl(from #1a92cb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:#f4f7f9}
:root:is([data-mode="light"],[data-mode="text"]) .spark-wrap{border-right:1px solid hsl(from #d9e0e1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .pulse-crossover-row{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .clock span{color:hsl(from #6b8388 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .panel{background:linear-gradient(180deg,hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .panel-title{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .panel-title>span{color:hsl(from #607175 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .side-section{border-bottom:1px solid hsl(from #dce4e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .side-section h3{color:hsl(from #1b2222 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .side-section a,:root:is([data-mode="light"],[data-mode="text"]) .side-section .side-row{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .side-stat-row{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .login-prompt{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .search-rank small{color:#617c7c}
:root:is([data-mode="light"],[data-mode="text"]) .search-rank em{color:#df0c17}
:root:is([data-mode="light"],[data-mode="text"]) .my-board .panel-title>button{color:hsl(from #607175 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .best-card{border:1px solid hsl(from #b8e0de calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f2f5f6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .best-card .rank{color:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .thumb{background:hsl(from #e9eff1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .thumb-0{background:linear-gradient(135deg,hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 0,hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 70%),repeating-linear-gradient(0deg,transparent 0 8px,rgb(from var(--cyan) r g b / 0.133) 8px 9px)}
:root:is([data-mode="light"],[data-mode="text"]) .thumb-1{background:linear-gradient(150deg,#dde1e8,#edf0f2 55%,#86a2b6)}
:root:is([data-mode="light"],[data-mode="text"]) .thumb-2{background:linear-gradient(145deg,#e2dde8,#eef0f3 65%,#e5e3e9)}
:root:is([data-mode="light"],[data-mode="text"]) .thumb-3{background:linear-gradient(155deg,#d1d8e2,#eff2f5 62%,#cad6dc)}
:root:is([data-mode="light"],[data-mode="text"]) .thumb-4{background:linear-gradient(145deg,hsl(from #dae2e6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),#f0f3f5 57%,#d4dde3)}
:root:is([data-mode="light"],[data-mode="text"]) .best-card.c4 b{color:#0c7adf}
:root:is([data-mode="light"],[data-mode="text"]) .best-card footer{color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .posts-head{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .tabs a,:root:is([data-mode="light"],[data-mode="text"]) .tabs button{border-left:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .tabs a.active,:root:is([data-mode="light"],[data-mode="text"]) .tabs button.active{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-btn{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .posts-panel th,:root:is([data-mode="light"],[data-mode="text"]) .posts-panel td{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .posts-panel th{color:hsl(from #758c90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .posts-panel tbody tr:hover{background:hsl(from #edf3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .posts-panel .notice td:nth-child(2){color:#df0c16}
:root:is([data-mode="light"],[data-mode="text"]) .posts-panel strong{color:#df0c18}
:root:is([data-mode="light"],[data-mode="text"]) .cat-0{color:hsl(from #0ca0dd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cat-1{color:#700cdf}
:root:is([data-mode="light"],[data-mode="text"]) .cat-2{color:#df0c42}
:root:is([data-mode="light"],[data-mode="text"]) .cat-3{color:#df860c}
:root:is([data-mode="light"],[data-mode="text"]) .cat-4{color:#1fc089}
:root:is([data-mode="light"],[data-mode="text"]) .cat-5{color:hsl(from #0ca3df calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cat-6{color:#df9e0c}
:root:is([data-mode="light"],[data-mode="text"]) .cat-7{color:#df0c28}
:root:is([data-mode="light"],[data-mode="text"]) .cat-8{color:#7e0cdf}
:root:is([data-mode="light"],[data-mode="text"]) .cat-9{color:hsl(from #586d6f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cat-10{color:hsl(from #0ca0dd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cat-11{color:#700cdf}
:root:is([data-mode="light"],[data-mode="text"]) .cat-12{color:#df0c42}
:root:is([data-mode="light"],[data-mode="text"]) .cat-13{color:#df860c}
:root:is([data-mode="light"],[data-mode="text"]) .cat-14{color:#1fc089}
:root:is([data-mode="light"],[data-mode="text"]) .preview-body p{color:hsl(from #566d6f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .preview-body footer{color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .preview-pager button{color:hsl(from #607175 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .terminal-card{border:1px solid hsl(from #ccd8de calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:linear-gradient(160deg,hsl(from #f2f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),#f5f7f9)}
:root:is([data-mode="light"],[data-mode="text"]) .compact li{border-bottom:1px solid hsl(from #e7eeef calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .live em{color:hsl(from #75888b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .watching b{color:#0b8ad5}
:root:is([data-mode="light"],[data-mode="text"]) .sessions h3{color:#24c78c}
:root:is([data-mode="light"],[data-mode="text"]) .online-bar i:nth-child(1){background:#0b7cd3}
:root:is([data-mode="light"],[data-mode="text"]) .online-bar i:nth-child(2){background:#1e0cdf}
:root:is([data-mode="light"],[data-mode="text"]) .online-bar i:nth-child(3){background:#7d0cdf}
:root:is([data-mode="light"],[data-mode="text"]) .online-bar i:nth-child(4){background:#df0c4f}
:root:is([data-mode="light"],[data-mode="text"]) .online-bar i:nth-child(5){background:#df7e0c}
:root:is([data-mode="light"],[data-mode="text"]) .online-bar i:nth-child(6){background:#2cb945}
:root:is([data-mode="light"],[data-mode="text"]) .online-bar i:nth-child(7){background:hsl(from #259eae calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .session-grid b{color:#0c68df}
:root:is([data-mode="light"],[data-mode="text"]) .top10 b{color:#c19f2a}
:root:is([data-mode="light"],[data-mode="text"]) .status-bar{background:hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #607173 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .site-footer{background:hsl(from #f3f6f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #dee7e8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #7c9194 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .footer-brand{border-right:1px solid hsl(from #d9dfe0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .footer-brand span{color:hsl(from #6b8388 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .footer-legal{border-left:1px solid hsl(from #d9dfe0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .compact li.hotnow em{color:hsl(from #75888b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .best-top-card{background:rgba(26,26,26,0.015)}
:root:is([data-mode="light"],[data-mode="text"]) .anon-banner{background:rgba(216,158,11,0.08);border:1px solid rgba(232,216,176,0.3)}
:root:is([data-mode="light"],[data-mode="text"]) .write-textarea{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-preview{background:hsl(from #f6f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-error{border:1px solid rgba(232,176,180,0.3);background:rgba(223,12,26,0.06)}
:root:is([data-mode="light"],[data-mode="text"]) .write-btn-ghost{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reaction-btn{background:hsl(from #f2f5f6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reaction-btn.active{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reaction-btn.reported{background:rgba(223,12,26,0.08)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content pre{background:hsl(from #f4f7f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #10dbbe calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content blockquote{color:hsl(from #597579 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-status-row{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #e7eeef calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .admin-input,:root:is([data-mode="light"],[data-mode="text"]) .admin-select{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .admin-save{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .admin-badge{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .admin-table td{border-bottom:1px solid hsl(from #e7eeef calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-link-btn.danger{color:hsl(from #75888b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .notif-table tr.unread{background:hsl(from #ebf2f3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .notif-table tr:not(.unread) .notif-subject{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-profile-body{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-profile-card{border-right:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:linear-gradient(160deg,hsl(from #f2f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),#f5f7f9)}
:root:is([data-mode="light"],[data-mode="text"]) .my-avatar{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-profile-id p{color:hsl(from #566d6f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-val{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-profile-note{color:hsl(from #566d6f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #dce4e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .board-info-quote{color:hsl(from #658084 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-meta{color:hsl(from #758c90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-meta b{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content pre{background:hsl(from #f4f7f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #10dbbe calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content blockquote{color:hsl(from #597579 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-photo{border:1px solid hsl(from #b8e0de calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-actions{border-top:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-actions button{border-right:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-actions button.active{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-actions .post-actions-list{border-left:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-nav-table th{color:hsl(from #758c90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-nav-table td{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-nav-table td:hover{background:hsl(from #edf3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-comment-item{border-bottom:1px solid hsl(from #e7eeef calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-comment-item-reply{border-left:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-comment-action-btn{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-comment-action-btn-ghost{color:hsl(from #758c90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-write-textarea{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-comment-submit{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-comments-login-hint{border:1px dashed hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .notice-ticker .ticker-meta{color:hsl(from #658084 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .auth-intro-body{border-bottom:1px solid hsl(from #dce4e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .auth-desc{color:hsl(from #566d6f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .auth-perk{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-error{border:1px solid rgba(232,176,179,0.35);background:rgba(223,12,22,0.06)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-field{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-label{color:hsl(from #758c90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-input,:root:is([data-mode="light"],[data-mode="text"]) .eosatom-search-page-input{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-input::placeholder{color:hsl(from #93a6a9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-agree{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-check-row{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .auth-req{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-submit,:root:is([data-mode="light"],[data-mode="text"]) .eosatom-search-page-btn{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-auth-footer{border-top:1px dashed hsl(from #dce4e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-section{background:linear-gradient(180deg,hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-section-title{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-search-result-row{border-top:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-search-result-row:hover{background:hsl(from #edf3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-photo-item{border:1px solid hsl(from #b8e0de calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #e9eff1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-photo-item-loading,:root:is([data-mode="light"],[data-mode="text"]) .eosatom-photo-item-error{background:hsl(from rgb(249,251,251) calc(h + var(--acc-shift)) s l / .6)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-photo-item-remove{background:hsl(from rgb(249,251,251) calc(h + var(--acc-shift)) s l / .8)}
:root:is([data-mode="light"],[data-mode="text"]) .eosatom-photo-add-btn{border:1px dashed hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-panel .posts-head .write-html-toggle{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-form th{color:hsl(from #758c90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-form td{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-form .write-select,:root:is([data-mode="light"],[data-mode="text"]) .write-form .write-input{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-panel .write-textarea{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-panel .write-preview{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-photos{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .side-kv{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .side-note{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ticker-typed{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .boot-intro{background:hsl(from #f9fbfb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .boot-screen{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .boot-dots{color:hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .boot-skip{color:hsl(from #8eaaae calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-backdrop{background:hsl(from rgb(251,252,253) calc(h + var(--acc-shift)) s l / .72)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / 0.133),0 24px 60px #00000033,0 0 36px rgb(from var(--cyan) r g b / 0.102)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-head{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-head input::placeholder{color:hsl(from #93a6a9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk kbd,:root:is([data-mode="light"],[data-mode="text"]) .status-cmd kbd,:root:is([data-mode="light"],[data-mode="text"]) .search-kbd kbd{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-list{scrollbar-color:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) transparent}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-item{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-item.active{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-color:#b0e8e366}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-foot{border-top:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cmdk-brand{color:hsl(from #8aaeb2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .stream-body::after{background:linear-gradient(transparent,hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .stream-line.clickable:hover{background:hsl(from #edf3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .stream-time{color:hsl(from #92a7aa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .stream-text{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .stream-text em{color:hsl(from #809295 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .new-post-toast{background:#f5f8f9f2;box-shadow:0 10px 30px #0000002b,0 0 18px rgb(from var(--cyan) r g b / 0.165);color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .new-post-toast:hover{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .npt-tag{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-panel{box-shadow:inset 0 1px #0d262615,0 2px 8px #00000015}
:root:is([data-mode="light"],[data-mode="text"]) .mb-title{border-bottom:1px solid hsl(from #dce4e6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-panel-icon{border:1px solid color-mix(in srgb,var(--cyan) 55%,hsl(from #dee3e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));background:linear-gradient(145deg,hsl(from #dce6e7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #ebf1f3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));box-shadow:inset 0 1px #1a1a1a40,0 2px 6px #00000022}
:root:is([data-mode="light"],[data-mode="text"]) .ec-panel-icon::after{background:#1a1a1a99}
:root:is([data-mode="light"],[data-mode="text"]) .ec-tiny-icon{border:1px solid color-mix(in srgb,var(--cyan) 38%,#93a0a9);background:linear-gradient(140deg,hsl(from #e2eaec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #eef2f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));box-shadow:inset 0 1px #1a1a1a45,0 2px 5px #00000026}
:root:is([data-mode="light"],[data-mode="text"]) .ec-tiny-icon::after{color:#df970c;text-shadow:0 1px 3px #0000002b}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-free{background:linear-gradient(140deg,#8a92b2,#e3e5eb)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-issue{background:linear-gradient(140deg,#dcd8d2,#efedea)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-humor{background:linear-gradient(140deg,#a791ab,#ece8ec)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-ai-it{background:linear-gradient(140deg,#ced2db,#e1e4eb)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-game{background:linear-gradient(140deg,#d1ccd7,#e8e6ed)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-sports{background:linear-gradient(140deg,#d2dcd5,#e8eeea)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-money{background:linear-gradient(140deg,#dddbd2,#f0efea)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-relationship{background:linear-gradient(140deg,#d6cdd2,#ede8ec)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-travel{background:linear-gradient(140deg,#d6d3ce,#ecebe8)}
:root:is([data-mode="light"],[data-mode="text"]) .ec-icon-hobby{background:linear-gradient(140deg,hsl(from #ced5d4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #e6eceb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .mb-links a,:root:is([data-mode="light"],[data-mode="text"]) .mb-board-row>a{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-links a:hover,:root:is([data-mode="light"],[data-mode="text"]) .mb-board-row:hover{background:hsl(from #e7f0f1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-h3{border-top:1px solid hsl(from #d9e0e2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #1e3439 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-h3 a{color:hsl(from #1e3439 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-empty{color:hsl(from #6a7f88 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-mini-list a{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-tag{color:#537c7c;border:1px solid hsl(from #cdd8d9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-ranks li{border-bottom:1px solid hsl(from #e1e8ea calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-ranks a{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-shortcuts{border-top:1px solid hsl(from #d9e0e2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mb-shortcuts summary{color:hsl(from #1e3439 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-tag-chip{border:1px solid hsl(from #cdd8d9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-tag-name{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .posts-panel tr.appeal-row td{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mod-badge{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .mod-filters button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mod-filters button.active{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mod-table td.mod-reason{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mod-table tr.open{background:hsl(from #ebf2f3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mod-review-reason p{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .mod-check{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .hot-panel .panel-title>span.watch-label{color:hsl(from #607175 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .hot-panel li>span{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .live.hot-panel em{color:hsl(from #75888b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-switch{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-switch i{background:hsl(from #eaf0f1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-switch i::after{background:hsl(from #809295 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-switch.on i{background:hsl(from #e4eff0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .my-avatar-edit{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 2px 8px #0000002b}
:root:is([data-mode="light"],[data-mode="text"]) .user-avatar{border:1px solid color-mix(in srgb,var(--cyan) 45%,hsl(from #dee3e5 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));background:hsl(from #eaf0f1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #102321 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:inset 0 1px #1a1a1a25}
:root:is([data-mode="light"],[data-mode="text"]) .user-avatar.anon{background:hsl(from #e6eaeb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-color:hsl(from #90a8ac calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .op-badge{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-owner-actions{border-left:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-state-msg span{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .thumb-count{background:hsl(from rgb(247,250,250) calc(h + var(--acc-shift)) s l / .82);border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .write-anon-banner{border:1px solid rgba(232,216,176,0.35);background:rgba(216,158,11,0.06)}
:root:is([data-mode="light"],[data-mode="text"]) .write-anon-banner span{color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm-backdrop{background:rgba(0,0,0,0.138)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm{background:linear-gradient(180deg,hsl(from rgb(243,247,248) calc(h + var(--acc-shift)) s l / .97),rgba(0,0,0,0.242));border:1px solid hsl(from #b6e2de calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-head{border-bottom:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-head h2 em{color:#df0cb0;text-shadow:0 0 12px rgba(223,12,176,0.121)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-head-sub{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-head-meta{border-left:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-head-meta dt{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-brand{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-brand i{color:#df0cb0}
:root:is([data-mode="light"],[data-mode="text"]) .wm-count{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-board-box span{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-board-box.is-fixed{border-color:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-anon{border:1px solid rgba(232,216,176,0.35);background:rgba(216,158,11,0.06);color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-input{border:1px solid hsl(from #b8e0dd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-input::placeholder{color:hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-modes button{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-modes i{color:hsl(from #d0d7d8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-help{border:1px dashed hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-help code{background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #11dac7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-editor{border:1px solid hsl(from #b8e0dd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:rgba(0,0,0,0.05)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-toolbar{border-bottom:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-tool{color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-tool:hover:not(:disabled){border-color:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-tool.is-on{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-color:hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-sep{background:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-emoji-pop{background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 10px 30px rgba(0,0,0,0.15),0 0 16px rgb(from var(--cyan) r g b / .25)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-emoji-pop button:hover{background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-editor-loading{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-fallback-note{border-bottom:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-len{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck.ck-editor__editable .ck-placeholder::before{color:hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)!important}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck-content blockquote{color:hsl(from #597579 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck-content code{background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #11dac7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck-content pre{background:hsl(from #f9fbfb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck-content .table table,:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck-content .table td,:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck-content .table th{border-color:hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-wm .ck-content .table th{background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-chip{border:1px solid hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-chip button{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-error{border:1px solid rgba(232,176,179,0.4);background:rgba(223,12,22,0.07)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-draft{border:1px dashed rgba(232,216,176,0.6);background:rgba(216,158,11,0.05);color:#ba9b30}
:root:is([data-mode="light"],[data-mode="text"]) .wm-draft button{border:1px solid rgba(232,216,176,0.5)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-draft button:hover{background:rgba(216,158,11,0.1)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-tips{border:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-btn{color:hsl(from #141f1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-btn.is-on{background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-publish{color:#1a1a1a;background:linear-gradient(135deg,#df0cb0 0%,#c011d1 45%,#820cdf 100%);box-shadow:0 0 18px rgba(223,12,176,0.121),0 0 46px rgba(130,12,223,0.055)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-publish:hover:not(:disabled){background:linear-gradient(135deg,#df0cb0 0%,#c011d1 45%,#820cdf 100%);box-shadow:0 0 24px rgba(223,12,176,0.165),0 0 60px rgba(130,12,223,0.077)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-toast{background:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-state span{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]):root{--ck-color-base-background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-base-foreground:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-base-border:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-text:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-shadow-drop:rgba(0,0,0,0.125);--ck-color-shadow-inner:rgba(0,0,0,0.075);--ck-color-panel-background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-panel-border:hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-toolbar-background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-toolbar-border:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-default-hover-background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-default-active-background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-on-background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-button-on-hover-background:hsl(from #e3edee calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-input-background:hsl(from #f3f7f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-input-border:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-input-text:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-labeled-field-label-background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-dropdown-panel-background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-dropdown-panel-border:hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-button-hover-background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-button-on-background:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-list-button-on-background-focus:hsl(from #e8f1f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-widget-hover-border:hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-widget-blurred-border:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-tooltip-text:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-image-caption-text:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-engine-placeholder-text:hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-switch-button-off-background:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--ck-color-switch-button-on-background:hsl(from #07887d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content strong,:root:is([data-mode="light"],[data-mode="text"]) .post-view-content b{color:hsl(from #0d2624 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content h2,:root:is([data-mode="light"],[data-mode="text"]) .post-view-content h3,:root:is([data-mode="light"],[data-mode="text"]) .post-view-content h4{color:hsl(from #13201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content hr{border-top:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content figure.image>figcaption{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content td,:root:is([data-mode="light"],[data-mode="text"]) .post-view-content th{border:1px solid hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content th{background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content .media-embed{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:#ffffff}
:root:is([data-mode="light"],[data-mode="text"]) .post-tags a{border:1px solid hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-rail{background:linear-gradient(180deg,hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .rail-item{color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rail-item svg{color:hsl(from #13201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rail-flyout{background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 12px 30px rgba(0,0,0,0.15),0 0 16px color-mix(in srgb,var(--ra) 25%,transparent)}
:root:is([data-mode="light"],[data-mode="text"]) .rail-flyout a{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rail-flyout a:hover,:root:is([data-mode="light"],[data-mode="text"]) .rail-flyout a.is-active{background:hsl(from #eaf0f2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rail-flyout-empty{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-id{background:radial-gradient(120% 140% at 0 0,color-mix(in srgb,var(--ra) 10%,transparent),transparent 55%),linear-gradient(180deg,hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .room-id-text h1{color:hsl(from #0d2624 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-id-text h1 small i{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tagline{color:hsl(from #141f1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-desc{color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-stat{border-left:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-stat small{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-dot{background:#19b071;box-shadow:0 0 8px #19b07138}
:root:is([data-mode="light"],[data-mode="text"]) .room-toptags .room-plus{color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-quote{color:hsl(from #141f1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-quote cite{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-hot{background:linear-gradient(90deg,color-mix(in srgb,var(--ra) 7%,transparent),transparent 40%),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-hot-label{border-right:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-hot-items a{color:hsl(from #141f1f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-hot-items em{color:hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-hot-empty{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-clock{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-clock b{color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-search{border:1px solid color-mix(in srgb,var(--ra) 55%,hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));background:hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-search input::placeholder{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-search-scope{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-search-clear{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tags button{border:1px solid hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tags button.is-on{color:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tags .room-plus{color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tab-list button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tab-list button.is-on{color:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-write{color:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-filter{border:1px dashed hsl(from #ccdedd calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-filter button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-list{background:linear-gradient(180deg,hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .room-table th{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-table td{border-bottom:1px solid hsl(from rgb(216,226,227) calc(h + var(--acc-shift)) s l / .45)}
:root:is([data-mode="light"],[data-mode="text"]) .room-table .c-no{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-table .c-date{color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-row .c-title a{color:hsl(from #13201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-cat.tone-2{color:#0c7adf}
:root:is([data-mode="light"],[data-mode="text"]) .room-cat.tone-5{color:#df0ca3}
:root:is([data-mode="light"],[data-mode="text"]) .room-row.is-notice td{background:rgba(223,12,22,0.035)}
:root:is([data-mode="light"],[data-mode="text"]) .room-welcome .wb{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-welcome i{color:hsl(from #d0d7d8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-lastvisit td::before{border-top:1px dashed rgba(232,216,176,0.55)}
:root:is([data-mode="light"],[data-mode="text"]) .room-lastvisit span{background:hsl(from #f4f7f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .act i{background:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .act-1 i:nth-child(-n+2){background:color-mix(in srgb,var(--ra) 70%,hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .act-3 i{box-shadow:0 0 5px rgba(216,158,11,0.132)}
:root:is([data-mode="light"],[data-mode="text"]) .act-tip{background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 8px 22px rgba(0,0,0,0.138);color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-pages button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-pages button.is-on{color:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-pages span{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context-tab{background:hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context{background:linear-gradient(180deg,hsl(from #f2f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f8fafb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));box-shadow:-10px 0 30px rgba(0,0,0,0.125)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context-head button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context h4{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context-stats div{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context-stats dt{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context-boards li{border-bottom:1px solid hsl(from rgb(216,226,227) calc(h + var(--acc-shift)) s l / .45)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context-boards a,:root:is([data-mode="light"],[data-mode="text"]) .room-context-hot a{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-context-hot span{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-crumb{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-crumb b{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-id.is-board h1{color:hsl(from #0d2624 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-fav{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-siblings{border-top:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-siblings a{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-siblings a em{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-card{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f4f7f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #13201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-card.is-new{border-color:rgba(232,216,176,0.5)}
:root:is([data-mode="light"],[data-mode="text"]) .room-card-new{color:hsl(from #f7fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-card-meta{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-card-stats{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-rail.is-compact:hover,:root:is([data-mode="light"],[data-mode="text"]) .room-rail.is-compact.has-flyout{box-shadow:12px 0 30px rgba(0,0,0,0.113)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-main{background:linear-gradient(180deg,hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .reading-crumb{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-focus-btn{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #202b2a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-title{color:hsl(from #0d2624 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-meta{border-bottom:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-author b{color:hsl(from #13201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-time{color:hsl(from #798d90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .post-view-content.reading-content{color:hsl(from #151e1e calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-actions{border-top:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-bottom:1px solid hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-actions button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-comments h2 span{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-prevnext a,:root:is([data-mode="light"],[data-mode="text"]) .reading-prevnext .empty{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #13201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-prevnext small{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-prevnext .empty span{color:hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-related li{border-bottom:1px dashed hsl(from #dee8e9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .reading-related a{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@media (max-width:780px){:root:is([data-mode="light"],[data-mode="text"]) .room-meta-m{color:hsl(from #798d90 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}}
@media (max-width:1199px){:root:is([data-mode="light"],[data-mode="text"]) .footer-legal{border-top:1px solid hsl(from #d9dfe0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}}
@media (max-width:780px){:root:is([data-mode="light"],[data-mode="text"]) .issue-title{border-bottom:1px solid hsl(from #d9e0e1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .issue-col{border-bottom:1px solid hsl(from #d9e0e1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .my-profile-card{border-bottom:1px solid hsl(from #e5ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .footer-brand{border-bottom:1px solid hsl(from #d9dfe0 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .wm-board-cur{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}}
:root:is([data-mode="light"],[data-mode="text"]) .bd{--bd-ivory:#201d14;--bd-paper:#675f4b;--bd-red:#d70b0b;--bd-ink:#f7f8f8;--bd-card:#f3f4f4;--bd-line:hsl(from #e6e7e7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-up{color:#19b071}
:root:is([data-mode="light"],[data-mode="text"]) .bd-new{color:#f7f8f8}
:root:is([data-mode="light"],[data-mode="text"]) .bd-eq{color:hsl(from #99a3a3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-band{background:linear-gradient(90deg,hsl(from #f4f7f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f8f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .bd-band>*{border-right:1px solid hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-band-brand b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-live{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-live i{background:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-band-txt{color:hsl(from #637577 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-band-txt b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-band-stat b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-band-side{color:hsl(from #96a5a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-side-in{background:hsl(from #f7f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-side h4:not(:first-child){border-top:1px solid hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-side nav a{color:hsl(from #5a6d6f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-side nav a svg{color:hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-side nav a:hover{background:hsl(from #eff3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-toc-nav a.is-on{background:rgba(215,11,11,0.1)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-rooms a svg{color:var(--c,hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .bd-rooms a:hover{color:var(--c,#1a1a1a)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-side-quote{border-top:1px solid hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-side-quote b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-main{background:linear-gradient(180deg,#f7f8f8,#f9fafa)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-mast-info b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-mast-side{color:hsl(from #99a2a3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-past{border:1px dashed #e0dcd9;background:rgba(216,158,11,0.06)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-past a{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-cover{background:#f5f6f6}
:root:is([data-mode="light"],[data-mode="text"]) .bd-cover-shade{background:linear-gradient(180deg,rgba(0,0,0,0.062) 0%,rgba(0,0,0,0.025) 30%,rgba(0,0,0,0.205) 62%,rgba(0,0,0,0.242) 100%)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-label{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-cover-pull{text-shadow:0 1px 8px rgba(0,0,0,0.175)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-cover-vert{color:rgba(32,29,20,0.55)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-cover-body>p{color:hsl(from #596261 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-meta{color:hsl(from #717b7b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border-top:1px solid rgba(26,26,26,0.12)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-meta>*{border-right:1px solid rgba(26,26,26,0.14)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-box-h small{color:hsl(from #99a2a3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-toc li a:hover .bd-toc-t{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-quote-side{color:hsl(from #99a2a3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-sec-h small{color:hsl(from #99a2a3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-feat-img{background:#f5f6f6}
:root:is([data-mode="light"],[data-mode="text"]) .bd-feat-tag{color:hsl(from #f6f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-feat p{color:hsl(from #7d8686 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-feat-m{color:hsl(from #7d8686 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-num-grid b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-back-img{background:#f5f6f6}
:root:is([data-mode="light"],[data-mode="text"]) .bd-back-t b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-chart-list b{color:hsl(from #7d8686 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-chart-t{color:hsl(from #242727 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bd-chart-list a:hover .bd-chart-t{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bd-foot{color:hsl(from #99a2a3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@media (max-width:1100px){:root:is([data-mode="light"],[data-mode="text"]) .bd-band-live{border-bottom:1px solid hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .bd-side-in{background:hsl(from rgb(247,249,249) calc(h + var(--acc-shift)) s l / .96)}}
:root:is([data-mode="light"],[data-mode="text"]) .issue-col h2 small{color:hsl(from #8da3a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .issue-col h2 a:hover{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .issue-col>a:hover span{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .spark-head{color:hsl(from #8da3a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .spark-bars i.now{background:hsl(from #0cdfcb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .spark-foot{color:hsl(from #92a7aa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .footer-links .footer-nav a.is-strong{color:hsl(from #1f292a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .footer-links p a,:root:is([data-mode="light"],[data-mode="text"]) .footer-legal a{color:hsl(from #587377 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .footer-links p i{color:hsl(from #cfd8d9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .status-meta span+span::before{color:hsl(from #d0d9da calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-nav-group+.sp-nav-group{border-top:1px solid hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-nav a{color:hsl(from #5a6d6f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-nav a:hover{background:hsl(from #eff3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .sp-nav a.is-strong{color:hsl(from #1f292a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-path{color:hsl(from #8da3a6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-doc-head h1{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .sp-body{color:hsl(from #232c2c calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-body h3{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .sp-body strong{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .sp-body th{background:hsl(from #eff3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #1f292a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-body blockquote{background:rgba(216,158,11,0.05);color:#6d6446}
:root:is([data-mode="light"],[data-mode="text"]) .sp-missing h1{color:#1a1a1a}
@media (max-width:780px){:root:is([data-mode="light"],[data-mode="text"]) .issue-tabs button{border:1px solid hsl(from #d9e0e1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #809295 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}:root:is([data-mode="light"],[data-mode="text"]) .sp-nav-group+.sp-nav-group{border-left:1px solid hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-field.is-focus .eosatom-write-textarea,:root:is([data-mode="light"],[data-mode="text"]) .cyber-field:focus-within .eosatom-write-textarea{background-color:hsl(from #f0f5f6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-field::before{background:conic-gradient(from var(--cy-a),transparent 0 68%,rgb(from var(--cyan) r g b / .25) 76%,hsl(from #0cdfcb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 86%,#1a1a1a 89%,hsl(from rgb(12,223,203) calc(h + var(--acc-shift)) s l / .4) 92%,transparent 96%);-webkit-mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) content-box exclude,linear-gradient(#ffffff 0 0)}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-caret{background:hsl(from #0cdfcb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-sent{border:1.5px solid hsl(from #0e2926 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-sent::after{border:1px solid hsl(from rgb(177,231,226) calc(h + var(--acc-shift)) s l / .8)}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-field.is-focus .cyber-target,:root:is([data-mode="light"],[data-mode="text"]) .cyber-field:focus-within .cyber-target{background-color:hsl(from #f0f5f6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-box:focus-within{background-color:hsl(from #f0f5f6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .cyber-box::before{background:conic-gradient(from var(--cy-a),transparent 0 68%,rgb(from var(--cyan) r g b / .25) 76%,hsl(from #0cdfcb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 86%,#1a1a1a 89%,hsl(from rgb(12,223,203) calc(h + var(--acc-shift)) s l / .4) 92%,transparent 96%);-webkit-mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) content-box exclude,linear-gradient(#ffffff 0 0)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-theme-dot{background:radial-gradient(circle at 35% 30%,rgba(26,26,26,0.75) 0 16%,var(--dot) 46%);box-shadow:0 0 0 1px rgba(0,0,0,0.138),0 0 6px color-mix(in srgb,var(--dot) 60%,transparent)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-theme-dot.is-on{box-shadow:0 0 0 1.5px #fafbfc,0 0 0 3px var(--dot),0 0 12px var(--dot)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tab-list .room-tab-bot{color:color-mix(in srgb,var(--violet) 85%,#1a1a1a)}
:root:is([data-mode="light"],[data-mode="text"]) .room-tab-list .room-tab-bot.is-on{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .posts-head .tabs .tab-bot{color:color-mix(in srgb,var(--violet) 85%,#1a1a1a)}
:root:is([data-mode="light"],[data-mode="text"]) .posts-head .tabs .tab-bot.active{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-head h1{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-tabs button:hover{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-tabs em{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-msg.is-err{color:#260d0e}
:root:is([data-mode="light"],[data-mode="text"]) .bc-btn{color:#f7f9fa}
:root:is([data-mode="light"],[data-mode="text"]) .bc-toggle i{background:#e7eaeb}
:root:is([data-mode="light"],[data-mode="text"]) .bc-toggle i::after{background:#909d9e}
:root:is([data-mode="light"],[data-mode="text"]) .bc-card b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-table select,:root:is([data-mode="light"],[data-mode="text"]) .bc-table input{background:#f3f6f7}
:root:is([data-mode="light"],[data-mode="text"]) .bc-dot{background:#99a3a3}
:root:is([data-mode="light"],[data-mode="text"]) .bc-err-inline{color:#4a181b}
:root:is([data-mode="light"],[data-mode="text"]) .bc-chip.d-drop{border-color:#9e9e9e;color:#7c8788}
:root:is([data-mode="light"],[data-mode="text"]) .bc-chip.pol-strict{color:#4a181b}
:root:is([data-mode="light"],[data-mode="text"]) .bc-chips select{background:#f3f6f7}
:root:is([data-mode="light"],[data-mode="text"]) .bc-src-title b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-grid label small{color:#94a6a8}
:root:is([data-mode="light"],[data-mode="text"]) .bc-grid input,:root:is([data-mode="light"],[data-mode="text"]) .bc-grid select,:root:is([data-mode="light"],[data-mode="text"]) .bc-grid textarea,:root:is([data-mode="light"],[data-mode="text"]) .bc-add-rule input,:root:is([data-mode="light"],[data-mode="text"]) .bc-add-rule select,:root:is([data-mode="light"],[data-mode="text"]) .bc-inline select{background:#f3f6f7}
:root:is([data-mode="light"],[data-mode="text"]) .bc-test{background:#f5f8f9}
:root:is([data-mode="light"],[data-mode="text"]) .bc-test-head b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-pol{color:#4a181b}
:root:is([data-mode="light"],[data-mode="text"]) .bc-error{color:#4a181b}
:root:is([data-mode="light"],[data-mode="text"]) .bc-cand-title{background:#f3f6f7;color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-cand-title-text{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bc-reason code{color:#637577;background:#eff3f4}
:root:is([data-mode="light"],[data-mode="text"]) .rr-crumb a{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-crumb i{color:#93a6a9}
:root:is([data-mode="light"],[data-mode="text"]) .rr-act{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-act b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-menu{background:hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 10px 30px rgba(0,0,0,0.125)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-menu button:hover{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-menu button.danger:hover{color:#391315}
:root:is([data-mode="light"],[data-mode="text"]) .rr-article{background:linear-gradient(180deg,hsl(from #f1f5f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f4f6f8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .rr-chip{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-chip:hover{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-title{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-byline{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-byline b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-content h3{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-content blockquote{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-code{background:hsl(from #f4f7f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-code-copy{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-code-lines{color:#93a6a9}
:root:is([data-mode="light"],[data-mode="text"]) .rr-react>button{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-react .rr-like{color:#df0c1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-react .rr-like:hover,:root:is([data-mode="light"],[data-mode="text"]) .rr-react .rr-like.is-on{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-author-text b{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-author-stats dd{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-info dd{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-toc a{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-toc a:hover{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-art::after{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,0.212))}
:root:is([data-mode="light"],[data-mode="text"]) .rr-art-text b{text-shadow:0 0 8px rgba(0,0,0,0.2)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-art-text em{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-quote{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-sec-head span{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-stream-tabs button{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-stream-tabs button:hover{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-stream-table td.c-author{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-stream-table td.c-num,:root:is([data-mode="light"],[data-mode="text"]) .rr-stream-table td.c-date{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-stream-table tr.is-current td.c-title a{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-hot-label{color:#df0c1a}
:root:is([data-mode="light"],[data-mode="text"]) .rr-hot-row a{color:hsl(from #13201f calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-hot-row a:hover{color:#df0c1a}
@media (max-width:780px){:root:is([data-mode="light"],[data-mode="text"]) .rr-mobile-bar{background:hsl(from #f4f8f9 calc(h + var(--acc-shift)) s l / .96)}:root:is([data-mode="light"],[data-mode="text"]) .rr-mobile-bar button{color:hsl(from #192323 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}}
:root:is([data-mode="light"],[data-mode="text"]) .rr-follow{color:#f7f9fa}
:root:is([data-mode="light"],[data-mode="text"]) .mf-btn{color:#f7f9fa}
:root:is([data-mode="light"],[data-mode="text"]) .bh-item.is-open>button{color:#da9610;border-bottom-color:#e4d4b4}
:root:is([data-mode="light"],[data-mode="text"]) .bh-item.is-open .mega-chevron{color:#da9610}
:root:is([data-mode="light"],[data-mode="text"]) .bh-panel{--bh-gold:#d28c12;--bh-gold-soft:rgba(210,140,18,0.35);--bh-red:#df0c0c;--bh-ivory:#201c13;background:linear-gradient(180deg,#f6f7f8,#f9fafa);box-shadow:0 0 0 1px rgba(210,140,18,0.026),0 0 34px rgba(210,140,18,0.04),0 24px 60px rgba(0,0,0,0.175)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-panel h3 small{color:#a9a192}
:root:is([data-mode="light"],[data-mode="text"]) .bh-loading{color:#a9a192}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav{border:1px solid rgba(228,210,180,0.28);background:rgba(210,140,18,0.03)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a{color:#37342c}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a svg{color:#6c634f}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a b{color:#272319}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a small{color:#98938a}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a:hover{background:rgba(210,140,18,0.08);border-color:rgba(228,210,180,0.3)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a.is-on{background:linear-gradient(90deg,rgba(223,12,12,0.18),rgba(223,12,12,0.04));border-color:rgba(232,176,176,0.55)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a.is-on b,:root:is([data-mode="light"],[data-mode="text"]) .bh-nav a.is-on svg{color:#df1d0c}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav-quote{border-top:1px solid rgba(228,210,180,0.18);color:#685f4a}
:root:is([data-mode="light"],[data-mode="text"]) .bh-nav-quote cite{color:#a9a192}
:root:is([data-mode="light"],[data-mode="text"]) .bh-cover{border:1px solid rgba(228,210,180,0.4);background:#f5f5f5}
:root:is([data-mode="light"],[data-mode="text"]) .bh-cover-shade{background:linear-gradient(180deg,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0.037) 38%,rgba(0,0,0,0.05) 55%,rgba(0,0,0,0.23) 100%)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-cover-top small{color:#675e4b}
:root:is([data-mode="light"],[data-mode="text"]) .bh-cover-bottom strong{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .bh-cover-bottom>small{color:#665e4d}
:root:is([data-mode="light"],[data-mode="text"]) .bh-cover-foot{color:#797263}
:root:is([data-mode="light"],[data-mode="text"]) .bh-cover:hover .bh-cover-foot b{color:#f9f8f6}
:root:is([data-mode="light"],[data-mode="text"]) .bh-chart{border:1px solid rgba(228,210,180,0.28);background:rgba(26,26,26,0.015)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-chart header small{color:#a9a192}
:root:is([data-mode="light"],[data-mode="text"]) .bh-chart li a{border:1px solid rgba(228,210,180,0.16);color:#2a271f}
:root:is([data-mode="light"],[data-mode="text"]) .bh-chart li a:hover{border-color:rgba(228,210,180,0.55);background:rgba(210,140,18,0.06)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-delta{color:#df1d0c}
:root:is([data-mode="light"],[data-mode="text"]) .bh-delta.is-down{color:#0c6edf}
:root:is([data-mode="light"],[data-mode="text"]) .bh-delta.is-same{color:#948465}
:root:is([data-mode="light"],[data-mode="text"]) .bh-empty{color:#a9a192}
:root:is([data-mode="light"],[data-mode="text"]) .bh-chart footer{color:#98938a}
:root:is([data-mode="light"],[data-mode="text"]) .bh-chart footer a{border:1px solid rgba(228,210,180,0.4)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-chart footer a:hover{background:rgba(210,140,18,0.1)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-card{border:1px solid rgba(228,210,180,0.25);background:rgba(26,26,26,0.015);color:#2a271f}
:root:is([data-mode="light"],[data-mode="text"]) a.bh-card:hover{border-color:rgba(228,210,180,0.6)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-card-head{color:#272319}
:root:is([data-mode="light"],[data-mode="text"]) .bh-card-head em{color:#df1d0c}
:root:is([data-mode="light"],[data-mode="text"]) .bh-card-head em.bh-muted{color:#98938a}
:root:is([data-mode="light"],[data-mode="text"]) .bh-card-head em.bh-dot{color:#21b976}
:root:is([data-mode="light"],[data-mode="text"]) .bh-card-head em.bh-dot::before{background:#21b976}
:root:is([data-mode="light"],[data-mode="text"]) .bh-best-body small{color:#98938a}
:root:is([data-mode="light"],[data-mode="text"]) .bh-room-pill small{color:#797263}
:root:is([data-mode="light"],[data-mode="text"]) .bh-quote q{color:#2a271f}
:root:is([data-mode="light"],[data-mode="text"]) .bh-time svg{color:#6c634f}
:root:is([data-mode="light"],[data-mode="text"]) .bh-time b{color:#272319}
:root:is([data-mode="light"],[data-mode="text"]) .bh-time b small{color:#98938a}
:root:is([data-mode="light"],[data-mode="text"]) .bh-all{background:linear-gradient(180deg,rgba(210,140,18,0.22),rgba(210,140,18,0.08));color:#d99711;box-shadow:0 0 16px rgba(210,140,18,0.044)}
:root:is([data-mode="light"],[data-mode="text"]) .bh-art{background:#f4f5f5}
:root:is([data-mode="light"],[data-mode="text"]) .room-tab-list{scrollbar-color:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) transparent}
:root:is([data-mode="light"],[data-mode="text"]) .room-listhead{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-listhead-count{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-sort-btn{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-sort-k{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .room-sort-menu{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 12px 30px rgba(0,0,0,0.138),0 0 14px color-mix(in srgb,var(--ra) 18%,transparent)}
:root:is([data-mode="light"],[data-mode="text"]) .room-sort-menu button small{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-console{background:radial-gradient(120% 160% at 50% 0,rgb(from var(--cyan) r g b / .08),transparent 60%),linear-gradient(180deg,hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .sp-head b{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-dots i{background:#df160c}
:root:is([data-mode="light"],[data-mode="text"]) .sp-dots i:nth-child(2){background:#cd900b}
:root:is([data-mode="light"],[data-mode="text"]) .sp-dots i:nth-child(3){background:#1d902e}
:root:is([data-mode="light"],[data-mode="text"]) .sp-form{border:1px solid hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-submit{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-trend button{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-results{background:hsl(from #f8fafb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .sp-row-excerpt{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip{background:radial-gradient(60% 120% at 50% 0,rgb(from var(--cyan) r g b / .07),transparent 70%),linear-gradient(180deg,hsl(from #f4f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f8fafa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l))}
:root:is([data-mode="light"],[data-mode="text"]) .ip-col h2 small{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-brand-top{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-words{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-brand h1{color:hsl(from #0e2926 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-brand p{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-clock p{color:hsl(from #7c8f92 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-foot{color:hsl(from #7c8f92 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-foot b{color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ip-ecg-dot{fill:#0d2624}
:root:is([data-mode="light"],[data-mode="text"]) .eo-tip::after{background:hsl(from #f1f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 8px 20px rgba(0,0,0,0.138),0 0 10px rgb(from var(--cyan) r g b / .2)}
:root:is([data-mode="light"],[data-mode="text"]) .eo-tip::before{background:hsl(from #f1f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .lt{--lt:#df0c72}
:root:is([data-mode="light"],[data-mode="text"]) .lt-list{scrollbar-color:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) transparent}
:root:is([data-mode="light"],[data-mode="text"]) .lt-list li.is-mine .lt-text{color:hsl(from #0d2623 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-acts{background:hsl(from #f3f6f7 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-mute-menu{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 8px 18px rgba(0,0,0,0.125)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-form{border:1px solid color-mix(in srgb,var(--lt) 35%,hsl(from #85b3b8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));background:hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-send:hover:not(:disabled){color:#f7f9fa}
:root:is([data-mode="light"],[data-mode="text"]) .lt-slat{background:linear-gradient(180deg,hsl(from #e4ebec calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l),hsl(from #f1f5f6 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l) 72%,hsl(from #ebf0f1 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l));box-shadow:inset 0 1px rgba(26,26,26,0.07)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-logo svg{stroke:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-logo b{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-logo small{color:hsl(from #7c8f92 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .lt-bar span{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .search-ico .search-ico-glint{stroke:#0d2624}
:root:is([data-mode="light"],[data-mode="text"]) .rr-art-text{background:rgba(0,0,0,0.15)}
:root:is([data-mode="light"],[data-mode="text"]) .rr-react .rr-dislike{color:#0c7adf}
:root:is([data-mode="light"],[data-mode="text"]) .rr-react .rr-dislike:hover,:root:is([data-mode="light"],[data-mode="text"]) .rr-react .rr-dislike.is-on{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-backdrop{background:hsl(from rgb(251,252,253) calc(h + var(--acc-shift)) s l / .72)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .133),0 24px 60px #00000033,0 0 36px rgb(from var(--cyan) r g b / .102)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-head{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-reasons button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-detail{background:hsl(from #f9fbfc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #162123 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-error{color:#df0c0c}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-actions button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-actions button.primary{border-color:#e8b0b0;color:#df0c0c}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-report-actions button.primary:hover:not(:disabled){background:rgba(223,12,12,0.12)}
:root:is([data-mode="light"],[data-mode="text"]) .bc-usage-bar{background:hsl(from #eff3f4 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bc-translate-test input{background:hsl(from #f9fbfc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bc-translate-err{color:#df0c0c}
:root:is([data-mode="light"],[data-mode="text"]) .bc-orig-title{color:#798d90}
:root:is([data-mode="light"],[data-mode="text"]) .live-signal .ls-badge{color:#df0c20}
:root:is([data-mode="light"],[data-mode="text"]) .ls-period{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ls-sub{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ls-dot{background:#df0c20;box-shadow:0 0 8px #df0c2038}
:root:is([data-mode="light"],[data-mode="text"]) .ls-meta span{color:hsl(from #546264 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ls-sponsor-tag{color:#dfa10c;border:1px solid #e8d8b0}
:root:is([data-mode="light"],[data-mode="text"]) .ls-adm-state.on{color:#df0c20}
:root:is([data-mode="light"],[data-mode="text"]) .ls-adm-warn{color:#dfa10c}
:root:is([data-mode="light"],[data-mode="text"]) .posts-head .page-size button{color:hsl(from #607175 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-backdrop{background:hsl(from rgb(251,252,253) calc(h + var(--acc-shift)) s l / .74)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .13),0 24px 60px #00000033,0 0 40px rgb(from var(--cyan) r g b / .12)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-head{border-bottom:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-term{background:hsl(from #f9fbfc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);border:1px solid hsl(from #e2eaeb calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #64797b calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-term .guest{color:#dfa10c}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-term .warn{color:#df0c0c}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-term .warn em{color:#df0c0c}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-actions button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-actions button.primary{color:#f7f9fa}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-actions button.primary:hover{color:#f7f9fa}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-gate-foot{color:hsl(from #94a6a8 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .page-size button{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);background:hsl(from #f6f9f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);color:hsl(from #607175 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .page-size button.on{color:#f7f9fa}
:root:is([data-mode="light"],[data-mode="text"]) .posts-head .page-size button{border-color:hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .bc-keep textarea{background:hsl(from #f9fbfc calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ps-drop-btn{border:1px solid hsl(from #d8e2e3 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ps-drop-k{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ps-drop-btn i{color:hsl(from #688184 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ps-drop-menu{background:hsl(from #f5f8f9 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);box-shadow:0 12px 30px rgba(0,0,0,0.138),0 0 16px color-mix(in srgb,var(--ps) 20%,transparent)}
:root:is([data-mode="light"],[data-mode="text"]) .ps-drop-menu button em{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ps-drop-menu button small{color:hsl(from #86989a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .live-signal .ls-badge.is-final{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .live-signal .ls-badge.is-trend{color:#dfa10c}
:root:is([data-mode="light"],[data-mode="text"]) .ls-adm-badge.live{color:#df0c20}
:root:is([data-mode="light"],[data-mode="text"]) .ls-adm-auto{color:#dfa10c;border:1px solid #e8d8b0}
:root:is([data-mode="light"],[data-mode="text"]) .ls-adm-row-actions button.danger{color:#df0c0c;border-color:rgba(232,176,176,0.45)}
:root:is([data-mode="light"],[data-mode="text"]) .ls-adm-list{color:hsl(from #4d6365 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .ls-adm-list li.ok{color:#dfa10c}
:root:is([data-mode="light"],[data-mode="text"]) .mega-menu a.mega-feature i{color:#f7f6f9}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-spoiler-tag{border:1px solid #e8b0b3;color:#df0c16;background:rgba(223,12,22,0.1)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-spoiler-cover b{color:#df0c16}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-spoiler-cover button{border:1px solid #e8b0b3;background:rgba(223,12,22,0.12);color:#df0c17}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-spoiler-cover button:hover{background:rgba(223,12,22,0.22);color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-spoiler-check input{accent-color:#df0c16}
:root:is([data-mode="light"],[data-mode="text"]) .wm-spoiler input{accent-color:#df0c16}
:root:is([data-mode="light"],[data-mode="text"]) .wm-spoiler span{color:#df0c17}
:root:is([data-mode="light"],[data-mode="text"]) .wm-prefix.is-on{color:#f7f6f9}
:root:is([data-mode="light"],[data-mode="text"]) .room.room-anime .room-id{box-shadow:inset 0 0 44px color-mix(in srgb,var(--ra) 12%,transparent),inset 0 -2px 0 color-mix(in srgb,#df0ca338 45%,transparent)}
:root:is([data-mode="light"],[data-mode="text"]) .room.room-anime .room-id-text h1{color:#170d26;text-shadow:0 0 18px rgba(223,12,163,0.077)}
:root:is([data-mode="light"],[data-mode="text"]) .room.room-anime .room-signature{color:#df0ca4}
:root:is([data-mode="light"],[data-mode="text"]) .anime-radar nav button em{background:#df0ca3;color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .cs-arrow:hover:not(:disabled){background:linear-gradient(135deg,#610cdf,#df0ca3);background-color:#840cdf;color:#1a1a1a;box-shadow:0 0 12px rgba(223,12,163,0.099)}
:root:is([data-mode="light"],[data-mode="text"]) .cs-track:focus-visible{outline:2px solid #e8b0d8}
:root:is([data-mode="light"],[data-mode="text"]) .cs-thumb{background:linear-gradient(90deg,#610cdf,#df0ca3);background-color:#840cdf;box-shadow:0 0 0 2px var(--panel),0 2px 10px rgba(223,12,163,0.099)}
:root:is([data-mode="light"],[data-mode="text"]) .cs-thumb::before{background:rgba(26,26,26,0.35)}
:root:is([data-mode="light"],[data-mode="text"]) .cs-thumb i{color:#1a1a1a;text-shadow:0 0 6px rgba(26,26,26,0.9)}
:root:is([data-mode="light"],[data-mode="text"]) .cs-track:hover .cs-thumb{box-shadow:0 0 0 2px var(--panel),0 2px 16px rgba(223,12,163,0.154)}
:root:is([data-mode="light"],[data-mode="text"]) .ar-rank{color:#f7f6f9}
:root:is([data-mode="light"],[data-mode="text"]) .ar-time{background:linear-gradient(0deg,rgba(0,0,0,0.212),transparent);color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .ar-ext{background:rgba(0,0,0,0.15);color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .ar-edit{color:#f7f6f9}
:root:is([data-mode="light"],[data-mode="text"]) .taghub-sub.is-on{color:#f7f6f9}
:root:is([data-mode="light"],[data-mode="text"]) .nw-tabs button em{color:#1a1a1a}
:root:is([data-mode="light"],[data-mode="text"]) .nw-live{box-shadow:0 0 0 0 rgba(223,12,22,0.132)}
:root:is([data-mode="light"],[data-mode="text"]) .pw-strength.lv2 i:nth-child(-n+2){background:#d4870b}
:root:is([data-mode="light"],[data-mode="text"]) .pw-strength.lv2 b{color:#d4870b}
:root:is([data-mode="light"],[data-mode="text"]) .auth-panel .eosatom-auth-submit::before{background:repeating-linear-gradient(0deg,rgba(26,26,26,0.07) 0 1px,transparent 1px 4px)}
:root:is([data-mode="light"],[data-mode="text"]) .auth-panel.afx-run .eosatom-auth-submit::after{background:linear-gradient(90deg,rgba(26,26,26,0),rgba(26,26,26,0.28))}
:root:is([data-mode="light"],[data-mode="text"]) .afx-layer.is-granted .afx-btn{color:#f6f9f8}
:root:is([data-mode="light"],[data-mode="text"]) .afx-term{box-shadow:0 10px 30px rgba(0,0,0,0.087)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-ask-backdrop{background:rgba(0,0,0,0.138)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-ask{box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .12),0 18px 50px rgba(0,0,0,0.138),0 0 30px rgb(from var(--cyan) r g b / .12)}
:root:is([data-mode="light"],[data-mode="text"]) .wm-ask small b{color:#d4870b}
:root:is([data-mode="light"],[data-mode="text"]) .wm-ask h3 span{color:#d4870b}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-share-backdrop{background:rgba(0,0,0,0.138)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-share{box-shadow:0 0 0 1px rgb(from var(--cyan) r g b / .12),0 18px 50px rgba(0,0,0,0.138),0 0 30px rgb(from var(--cyan) r g b / .12)}
:root:is([data-mode="light"],[data-mode="text"]) .eoc-share-btn:hover .eoc-share-ico{box-shadow:0 6px 16px rgba(0,0,0,0.087)}
:root:is([data-mode="light"],[data-mode="text"]) .site-header{--bm-gap:hsl(from rgb(249,251,251) calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
:root:is([data-mode="light"],[data-mode="text"]) .brand-text small{color:hsl(from #7e979a calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}
@media (max-width:1199px){:root:is([data-mode="light"],[data-mode="text"]) .header-tools .hdr-link.hdr-guest-signup{color:hsl(from #f7f9fa calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l)}}
@media (max-width:780px){:root:is([data-mode="light"],[data-mode="text"]) .swipe-toast{box-shadow:0 8px 24px rgba(0,0,0,0.113)}}
:root:is([data-mode="light"],[data-mode="text"]) .brand-row .header-tools .search.is-pop{box-shadow:0 12px 30px rgba(0,0,0,0.113), 0 0 0 1px rgb(from var(--cyan) r g b / .35)}
/* ===== EOC MODES (generated) END ===== */
/* ===== EOC MODES (hand) START ===== */
/* 화면 모드 — <html data-mode="light|text">. 위 생성 블록이 색을 밝게 뒤집고, 여기서 기본 팔레트·장식 정도를 다듬는다.
   LIGHT: 구조·강조색은 그대로, 글로우만 걷음.  TEXT: 게시판형 — 아이콘·그래프·배너·애니메이션 없이 글 목록 위주. */

/* ---- 상태바 THEME 선택 (DARK / LIGHT / TEXT) ---- */
.eoc-mode{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}
.eoc-mode em{font-style:normal;font-size:9px;letter-spacing:.8px;color:var(--muted);margin-right:3px}
.eoc-mode-btn{padding:0 5px;height:15px;line-height:13px;border:1px solid var(--line-soft);border-radius:3px;background:none;cursor:pointer;
  font:inherit;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.6px;color:var(--muted);transition:color .15s,border-color .15s,background .15s}
.eoc-mode-btn:hover{color:var(--cyan);border-color:var(--cyan)}
.eoc-mode-btn:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}
.eoc-mode-btn.is-on{color:var(--cyan);border-color:var(--cyan);background:rgb(from var(--cyan) r g b / .12)}
@media (max-width:780px){
  .eoc-mode em{display:none}
  .eoc-mode-btn{height:20px;line-height:18px;padding:0 7px;font-size:9.5px}
}

/* ---- LIGHT ---- */
:root[data-mode="light"]{
  color-scheme:light;
  --bg:#f5f7f8;--bg2:#eef2f4;--panel:#ffffff;--panel2:#f7f9fa;
  --text:#1f2a30;--muted:#5f747a;
  --line:hsl(from #7fc9c2 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);--line-soft:rgba(0,0,0,.08);
  --cyan:hsl(from #00897d calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);
  --blue:#1f7fd1;--red:#d8434c;--gold:#b98300;--violet:#8a4fd8;--green:#16935f;
}
:root[data-mode="light"][data-accent="green"]{--cyan:#3d8a62}
:root[data-mode="light"][data-accent="blue"]{--cyan:#3f73a8}
:root[data-mode="light"][data-accent="violet"]{--cyan:#6a5bb0}
:root[data-mode="light"][data-accent="pink"]{--cyan:#a85676}
:root[data-mode="light"][data-accent="amber"]{--cyan:#94702f}
:root:is([data-mode="light"],[data-mode="text"]),:root:is([data-mode="light"],[data-mode="text"]) body{background:var(--bg)}
:root[data-mode="light"] .eoc-app{background:var(--bg);color:var(--text)}
:root[data-mode="light"] .panel,:root[data-mode="light"] .room-rail{background:var(--panel);border-color:var(--line-soft);box-shadow:0 1px 2px rgba(15,30,35,.05)}
:root[data-mode="light"] .mb-panel{box-shadow:0 1px 2px rgba(15,30,35,.05)}
:root[data-mode="light"] .site-header{background:rgba(255,255,255,.96);border-bottom-color:var(--line-soft);box-shadow:0 1px 0 rgba(0,0,0,.04)}
:root[data-mode="light"] .brand-row{border-bottom-color:var(--line-soft)}
:root[data-mode="light"] .mega-menu{background:#fff;border-color:var(--line-soft);box-shadow:0 12px 30px rgba(15,30,35,.12)}
:root[data-mode="light"] .status-bar{background:#fff;border-color:var(--line-soft)}
:root[data-mode="light"] .site-footer{background:#eef2f4}
:root[data-mode="light"] :is(.ip,.ip-grid){background:#fff;border-color:rgb(from var(--cyan) r g b / .28)}
:root[data-mode="light"] .issue-pulse{background:#fff}
:root[data-mode="light"] .best-card{background:#fff;border-color:var(--line-soft)}
:root[data-mode="light"] .best-card:hover{border-color:var(--cyan)}
:root[data-mode="light"] .thumb{background:#e6ecee}
/* 글로우·네온 글자 걷기 */
:root[data-mode="light"] *{text-shadow:none!important}
:root[data-mode="light"] .ip-grid::after,:root[data-mode="light"] .eoc-theme-sweep{display:none}
:root[data-mode="light"] .eoc-theme-dot{box-shadow:0 0 0 1px rgba(0,0,0,.18)}
:root[data-mode="light"] .eoc-theme-dot.is-on{box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--dot);animation:none}
:root[data-mode="light"] ::selection{background:rgb(from var(--cyan) r g b / .22)}
:root[data-mode="light"] :is(input,select,textarea){color-scheme:light}

/* ---- TEXT ---- */
:root[data-mode="text"]{
  color-scheme:light;
  --bg:#ffffff;--bg2:#f6f6f6;--panel:#ffffff;--panel2:#fafafa;
  --text:#222222;--muted:#6b6b6b;--line:#dcdcdc;--line-soft:#e8e8e8;
  --cyan:hsl(from #0a7a70 calc(h + var(--acc-shift)) calc(s * var(--acc-sat, 1)) l);
  --blue:#1a64b8;--red:#c0392b;--gold:#8a6d00;--violet:#6f42c1;--green:#1e7d4f;
  --radius:3px;
}
:root[data-mode="text"][data-accent="green"]{--cyan:#37805a}
:root[data-mode="text"][data-accent="blue"]{--cyan:#39689b}
:root[data-mode="text"][data-accent="violet"]{--cyan:#6052a3}
:root[data-mode="text"][data-accent="pink"]{--cyan:#9b4d6c}
:root[data-mode="text"][data-accent="amber"]{--cyan:#87662a}
/* 장식 전부 끄기: 애니메이션·전환·그림자·그라데이션 */
:root[data-mode="text"] *,:root[data-mode="text"] *::before,:root[data-mode="text"] *::after{
  animation:none!important;transition:none!important;text-shadow:none!important;box-shadow:none!important;background-image:none!important;filter:none!important}
:root[data-mode="text"] .eoc-app{background:#fff!important;color:var(--text)}
:root[data-mode="text"] :is(.panel,.room-rail,.mb-panel,.issue-pulse,.ip,.ip-grid,.ip-col,.best-card,.status-bar,.site-footer,.mega-menu,.live-signal){background-color:#fff!important;border-color:var(--line)!important}
:root[data-mode="text"] .panel{border-radius:3px}
:root[data-mode="text"] .site-header{background:#fff!important;border-bottom-color:var(--line)}
:root[data-mode="text"] .brand-row{border-bottom-color:var(--line-soft)}
:root[data-mode="text"] .site-footer{background:#f6f6f6!important}
/* 아이콘·그래프·배너·장식 숨김 */
:root[data-mode="text"] :is(.ec-tiny-icon,.btn-ico,.pt-ico,.ec-panel-icon,.room-banner-art,.rr-art-svg,.eoc-theme-sweep,
  .ip-corner,.ip-beacon,.ip-words,.ip-meter,.ip-bars,.ip-hatch,.ip-foot,.ip-flow,.ip-brand-mid,.ip-state i,.ls-dot){display:none!important}
:root[data-mode="text"] .ip-grid::after{display:none!important}
:root[data-mode="text"] .eoc-theme-dot{background-color:var(--dot)!important;box-shadow:0 0 0 1px rgba(0,0,0,.2)!important}
:root[data-mode="text"] .eoc-theme-dot.is-on{box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--dot)!important}

/* ISSUE_PULSE → 한 줄 텍스트 요약 (KOREA | GLOBAL | TIME) */
:root[data-mode="text"] .ip{margin:0 7px 6px;padding:0;border:1px solid var(--line);border-radius:3px}
:root[data-mode="text"] .ip-grid{border:0;min-height:0;border-radius:0}
:root[data-mode="text"] .ip-col{padding:6px 12px;border-right-color:var(--line-soft)!important}
:root[data-mode="text"] .ip-col h2{flex-direction:row;align-items:baseline;gap:8px;margin:0 0 3px}
:root[data-mode="text"] .ip-col h2 a{font-size:12.5px;letter-spacing:0;color:var(--text)}
:root[data-mode="text"] .ip-col h2 small{font-size:10px;color:var(--muted)}
:root[data-mode="text"] .ip-signal li+li{border-top:0}
:root[data-mode="text"] .ip-signal li a,:root[data-mode="text"] .ip-signal.is-stacked li a{grid-template-columns:22px minmax(0,1fr) auto;grid-template-rows:auto;row-gap:0;gap:6px;padding:1px 0;font-size:12px}
:root[data-mode="text"] .ip-signal.is-stacked :is(.ip-rank,.ip-kw,.ip-val){grid-row:auto;grid-column:auto}
:root[data-mode="text"] .ip-kw{font-size:12px!important;font-weight:500}
:root[data-mode="text"] .ip-rank{background:none!important;border:0!important;color:var(--muted)!important;width:auto!important;height:auto!important;font-size:11px!important}
:root[data-mode="text"] .ip-val{color:var(--muted)!important;font-size:10.5px}
:root[data-mode="text"] .ip-brand h1{font-size:14px!important;color:var(--text)!important;letter-spacing:0}
:root[data-mode="text"] .ip-brand{background:none!important}
:root[data-mode="text"] .ip-clock{gap:2px}
:root[data-mode="text"] .ip-clock small{font-size:11px;color:var(--muted)}
:root[data-mode="text"] .ip-clock strong{font-size:18px!important;color:var(--text);font-weight:700}
:root[data-mode="text"] .ip-state{font-size:10px;color:var(--muted)!important}
:root[data-mode="text"] .ip-clock p{display:none}
:root[data-mode="text"] .ip-clock small{margin-right:10px}
@media (min-width:781px){
  :root[data-mode="text"] .ip-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.45fr)!important}
  :root[data-mode="text"] .ip-brand{display:none!important}
}

/* REALTIME_BEST → 한 줄 목록 */
:root[data-mode="text"] .best-grid{display:block!important;padding:2px 8px 4px;overflow:visible}
:root[data-mode="text"] .best-card{display:flex!important;align-items:baseline;gap:8px;width:100%;min-width:0!important;padding:5px 2px!important;
  border:0!important;border-bottom:1px solid var(--line-soft)!important;border-radius:0!important}
:root[data-mode="text"] .best-card:last-child{border-bottom:0!important}
:root[data-mode="text"] .best-card .thumb{display:none!important}
:root[data-mode="text"] .best-card .rank{position:static;background:none;color:var(--muted);font-size:12px;font-weight:700;padding:0;min-width:18px;text-align:right}
:root[data-mode="text"] .best-card b{flex:none;font-size:11px;font-weight:600;color:var(--muted)}
:root[data-mode="text"] .best-card h3{flex:1;min-width:0;margin:0;min-height:0;font-size:13px;font-weight:500;-webkit-line-clamp:1;line-clamp:1}
:root[data-mode="text"] .best-card:hover h3{text-decoration:underline;color:var(--cyan)}
:root[data-mode="text"] .best-card footer{flex:none;font-size:10.5px;color:var(--muted)}

/* 목록 썸네일·배너 이미지 줄이기 (본문 이미지는 그대로) */
:root[data-mode="text"] :is(.thumb,.gallery-grid .thumb){display:none!important}
:root[data-mode="text"] a:hover{text-decoration:underline}
:root[data-mode="text"] ::selection{background:#cfe6e3}
@media (prefers-reduced-motion:reduce){.eoc-mode-btn{transition:none}}
/* ===== EOC MODES (hand) END ===== */