/* 피드백 모드 — ?feedback 일 때만 feedback.js가 요소를 붙인다 */
.fb-on{padding-top:0}
.fb-bar{position:fixed;left:16px;bottom:16px;z-index:90;display:flex;align-items:center;gap:.8rem;
  padding:.55rem .6rem .55rem 1rem;border-radius:999px;background:#111;color:#eee;box-shadow:0 10px 30px rgba(0,0,0,.35);
  font:500 .82rem/1.3 "Pretendard Variable",Pretendard,system-ui,sans-serif;white-space:nowrap;max-width:calc(100vw - 24px)}
.fb-bar b{color:#ff4a17}
.fb-bar .fb-count{color:#9a9a9a}
.fb-bar a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fb-bar .fb-off{border:0;border-radius:999px;background:#2a2a2a;color:#fff;padding:.35rem .8rem;font:inherit;cursor:pointer}

.fb-block{position:relative;transition:box-shadow .15s,background .15s}
.fb-block:hover,.fb-block.fb-active{box-shadow:0 0 0 2px rgba(255,74,23,.55);border-radius:4px}
.fb-block.fb-has{box-shadow:inset 3px 0 0 #ff4a17}
.fb-block.fb-has:hover{box-shadow:inset 3px 0 0 #ff4a17,0 0 0 2px rgba(255,74,23,.55)}
.fb-btn{position:absolute;right:-40px;top:50%;transform:translateY(-50%);z-index:5;display:inline-flex;align-items:center;gap:2px;
  height:28px;min-width:28px;padding:0 6px;border:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);
  font:600 12px/1 "Pretendard Variable",Pretendard,system-ui,sans-serif;color:#ff4a17;cursor:pointer;opacity:0;transition:opacity .15s}
.fb-block:hover > .fb-btn,.fb-block.fb-has > .fb-btn,.fb-block.fb-active > .fb-btn,.fb-btn:focus-visible{opacity:1}
tr.fb-block td:last-child,tr.fb-block th:last-child{position:relative}
tr.fb-block:hover .fb-btn,tr.fb-block.fb-has .fb-btn,tr.fb-block.fb-active .fb-btn{opacity:1}

.fb-pop{position:fixed;z-index:95;width:340px;max-height:min(560px,calc(100vh - 100px));overflow:auto;background:#fff;color:#15181c;
  border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.28);font:400 .88rem/1.55 "Pretendard Variable",Pretendard,system-ui,sans-serif;text-align:left}
.fb-pop[hidden],.fb-dim[hidden]{display:none}
.fb-pop header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #eceef1}
.fb-pop .fb-x{border:0;background:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#8d959e}
.fb-quote{margin:.8rem 1rem 0;padding:.55rem .75rem;border-left:3px solid #ff4a17;background:#f7f8f9;color:#565d66;font-size:.8rem}
.fb-list{list-style:none;margin:.6rem 1rem 0;padding:0;display:grid;gap:.5rem}
.fb-list:empty{display:none}
.fb-list li{padding:.55rem .7rem;border-radius:8px;background:#f3f4f6}
.fb-list b{font-size:.8rem}.fb-list time{margin-left:.4rem;color:#8d959e;font-size:.72rem}
.fb-list p{margin:.2rem 0 0;font-size:.85rem;white-space:pre-wrap}
.fb-pop form{display:grid;gap:.5rem;padding:.8rem 1rem 1rem}
.fb-pop textarea,.fb-pop input{width:100%;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:8px;padding:.6rem .7rem;font:inherit;font-size:16px}
.fb-pop textarea:focus,.fb-pop input:focus{outline:none;border-color:#ff4a17}
.fb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.fb-actions{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.fb-msg{color:#565d66;font-size:.78rem}
.fb-actions button{border:0;border-radius:8px;background:#ff4a17;color:#fff;padding:.55rem 1.1rem;font:600 .85rem/1 inherit;cursor:pointer}
.fb-actions button:disabled{opacity:.5}
.fb-dim{position:fixed;inset:0;z-index:94;background:rgba(0,0,0,.45)}

@media (max-width:900px){ .fb-btn{right:4px;opacity:1} }
@media (max-width:640px){
  .fb-bar{left:12px;right:12px;bottom:12px;font-size:.75rem;gap:.5rem;justify-content:space-between}
  .fb-bar > span:first-of-type{display:none}
  .fb-pop{left:0!important;right:0;bottom:0;top:auto!important;width:100%;border-radius:18px 18px 0 0;max-height:80dvh}
  .has-cb.fb-on .cb{bottom:70px}
  .has-cb.fb-on .cb-panel{bottom:0}
}