/* ═════════ 한지붕 판: 세 사람 '우리 사이' 카드 · 들킬 위험 (style.css · cotton.css 위에 덧씌워요) ═════════ */
.set-rels{display:flex;flex-direction:column;gap:10px}
.set-rel .rel-av{width:30px;height:30px;flex:none}
.set-rel .rel-who{font-size:13px;color:var(--gray);white-space:nowrap}
.set-rel b{font-size:17px}
.set-rel.risk .rh{font-size:20px}
.set-rel.risk>i b{background:linear-gradient(90deg,#ffb347,#ff5e3a)}

/* ═════════ 인스타: 새 게시물·스토리 · DM 답장 · 하이라이트 ═════════ */
.ist.add .iav{position:relative}
.ist.add .iav::after{content:'+';position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:#0095f6;color:#fff;border:2px solid #fff;font:700 15px/16px var(--font);text-align:center}
.itabs button{display:grid;place-items:center}
.dm-dot.n{width:auto;min-width:17px;height:17px;padding:0 4px;top:-6px;right:-8px;font:700 10.5px/13px var(--font);color:#fff;text-align:center}
.dm-row.un b{font-weight:700}.dm-row.un small{color:#111;font-weight:600}
.dm-un{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#0095f6;flex:none}
.dm-st{display:block;font-size:12px;color:#8e8e8e;margin:0 4px 3px}
.dm-m p.big{background:none!important;font-size:52px;padding:0 2px;line-height:1.1}
.dm-foot{flex:none;background:#fff}
.dm-chips{padding:8px 12px 0}
.dm-chips .sc-chip{background:#f3f7ff;border-color:#c9dcff;color:#0b3a7a}
.inew-go{color:#0095f6;font-weight:700;font-size:16px}
.inew-pre{margin:8px 14px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#f2f2f2;display:grid;place-items:center;color:#8e8e8e;font-size:14px}
.inew-pre .inew-art{width:100%;height:100%}
.inew-caps{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 12px}
.inew-caps .sc-chip{width:auto;padding:7px 12px;border-radius:999px;background:#efefef;border-color:transparent;color:#262626;font-size:13.5px;animation:none}
.inew-caps .sc-chip.on{background:#262626;color:#fff}
.inew-grid .ph.on{outline:3px solid #0095f6;outline-offset:-3px}
.ihl-row{display:flex;gap:14px;padding:2px 16px 14px;overflow-x:auto;scrollbar-width:none}
.ihl-row button{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;width:66px;font-size:12px;color:#262626}
.ihl-c{width:62px;height:62px;border-radius:50%;padding:2px;border:1px solid #dbdbdb;overflow:hidden;display:block}
.ihl-c .ihl-art{width:100%;height:100%;border-radius:50%}
.ihl-row small{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ═════════ 차량 연결 (카플레이) ═════════ */
#carplay{position:absolute;left:10px;right:10px;top:54px;z-index:40;border-radius:22px;background:linear-gradient(160deg,#1c1d22,#0b0b0e);color:#fff;padding:12px 14px 12px;box-shadow:0 12px 30px rgba(0,0,0,.45);pointer-events:none;font-family:var(--font)}
#carplay[hidden]{display:none}
.cp-top{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#a8acb6}
.cp-top b{color:#fff;font-size:13px;letter-spacing:.02em}.cp-top em{font-style:normal;flex:1}.cp-top time{font-variant-numeric:tabular-nums}
.cp-dot{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 8px #30d158}
.cp-msg{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.08)}
.cp-msg[hidden]{display:none}
.cp-msg .cp-ic .ic{width:34px;height:34px;border-radius:9px}
.cp-msg b{font-size:15px}.cp-msg p{margin:2px 0 4px;font-size:16px;line-height:1.35}.cp-msg small{font-size:11.5px;color:#8e93a0}
.cp-sub{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:13.5px;line-height:1.35}
.cp-sub:empty{display:none}
.cp-sub p{margin:0;color:#e9eaee}.cp-sub p b{color:#9ad0ff;margin-right:6px;font-weight:600}.cp-sub p.me b{color:#ffd60a}

/* ═════════ 나의 찾기 ═════════ */
.ic-findmy{background:linear-gradient(160deg,#5ee27b,#28b14a)}
.fm-map{position:relative;margin:4px 16px 14px;height:250px;border-radius:18px;overflow:hidden;background:
  linear-gradient(115deg,transparent 46%,rgba(120,170,230,.55) 46% 50%,transparent 50%),
  repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 34px),#eef1e8}
.fm-place{position:absolute;transform:translate(-50%,-50%);font-style:normal;font-size:11px;color:#7a7f73;white-space:nowrap}
.fm-pin{position:absolute;transform:translate(-50%,-110%);padding:2px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.fm-pin .kav{width:30px;height:30px}
.fm-pin.me{background:#0a84ff}
.fm-row .mid{display:flex;flex-direction:column}.fm-row small{color:var(--gray);font-size:13px}

/* 수위 있는 말을 막았을 때 */
.block-toast { position: absolute; left: 50%; bottom: 96px; transform: translate(-50%, 12px); z-index: 60; padding: 9px 16px; border-radius: 18px; background: rgba(30, 30, 34, .9); color: #fff; font-size: 13px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }
.block-toast.on { opacity: 1; transform: translate(-50%, 0); }
.shake { animation: inShake .32s; }
@keyframes inShake { 20%, 60% { transform: translateX(-4px); } 40%, 80% { transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) { .shake { animation: none; } .block-toast { transition: none; } }
/* 인스타 검색 */
.isr-bar{padding:8px 14px 10px}
.isr-bar input{width:100%;border:0;border-radius:10px;background:#efefef;padding:9px 12px;font-size:15px;outline:none}
.isr-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;text-align:left;background:none;border:0}
.isr-row span{display:flex;flex-direction:column;min-width:0}
.isr-row b{font-size:14px;font-weight:600}
.isr-row small{font-size:13px;color:#737373}
.isr-hint{padding:24px 16px;color:#8e8e8e;font-size:14px;text-align:center}
.ipr-btns button{border:0;font:inherit}
/* 시작 화면 나이 고르기 */
.su-age{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;background:#f2f2f7;border-radius:12px;padding:6px 8px 6px 16px;height:52px}
.su-age span{font-size:17px;font-weight:500;flex:none;margin-right:auto}
.su-age button{flex:0 0 64px;height:38px;border:0;border-radius:9px;background:transparent;font-size:16px;font-weight:600;color:#8e8e93}
.su-age button.on{background:#fff;color:#000;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.su-age-hint{display:block;margin-top:6px;font-size:12.5px;color:#8e8e93;min-height:16px}