/* TWINS v0.2.70 — human LEVEL / TYPE slots / profile media / daily flow / Google map polish */

/* TWIN page: % is about how well the TWIN understands the person. LEVEL belongs to the person. */
.twin-understanding-meta{display:flex;flex-direction:column;align-items:center;gap:5px}
.twin-understanding-meta>span{font-weight:800}
.twin-understanding-meta>small{font-size:12px;color:var(--muted,#aaa1b2);letter-spacing:.01em}
.twin-understanding-meta>small b{color:#f06ad9;font-size:14px}

/* Human LEVEL */
.profile-level-badge,.me-level-badge{display:inline-flex;align-items:center;width:max-content;border:1px solid rgba(232,73,199,.34);background:rgba(232,73,199,.09);color:#f296df;border-radius:999px;font-weight:800;letter-spacing:.02em}
.profile-level-badge{margin:10px 0 0;padding:5px 10px;font-size:13px}
.me-level-badge{margin-top:5px;padding:3px 8px;font-size:12px}
.me-user-card>div{display:flex;flex-direction:column;align-items:flex-start}

/* Public + private profile media: max 3 public + private photo + private video. */
.profile-media-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:18px 0 22px;max-width:680px}
.profile-media-request-form{display:contents}
.profile-media-thumb{position:relative;display:block;aspect-ratio:1/1;width:100%;min-width:0;padding:0;border:0;border-radius:12px;overflow:hidden;background-color:#18131b;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);cursor:pointer}
a.profile-media-thumb{text-decoration:none}
.profile-media-thumb.is-locked::before{content:"";position:absolute;inset:-10px;background-image:var(--locked-bg);background-position:center;background-size:cover;filter:blur(12px);transform:scale(1.15);opacity:.48}
.profile-media-thumb.is-locked::after{content:"";position:absolute;inset:0;background:rgba(10,7,12,.38)}
.profile-media-lock{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.profile-media-thumb.is-pending{opacity:.72;cursor:default}
.profile-media-thumb.is-unlocked .profile-media-lock{inset:auto 7px 7px auto;width:27px;height:27px;border-radius:999px;background:rgba(8,6,10,.74);font-size:12px}

/* Quick actions live immediately under compatibility. */
.profile-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 6px}
.profile-quick-actions form{margin:0}
.profile-quick-actions button{width:100%;min-height:58px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:#17131a;color:#f9f4fa;display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-weight:800;cursor:pointer}
.profile-quick-actions button span{font-size:19px;line-height:1}
.profile-quick-actions button.message{border-color:rgba(151,109,255,.35)}
.profile-quick-actions button.like{border-color:rgba(234,97,193,.32)}
.profile-quick-actions button.type{border-color:rgba(255,57,144,.40)}
.profile-quick-actions button.type.is-active{background:rgba(224,25,143,.18);color:#ff8ed2}
.type-slot-status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 2px 22px;color:#aaa1b2;font-size:12px}
.type-slot-status span{font-weight:800;color:#d8cfdd}
.type-slot-status small{color:#8f8597;text-align:right}

/* TYPE slot status on Relations. */
.relation-type-slot-note{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 14px;padding:11px 13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}
.relation-type-slot-note strong{font-size:13px;color:#efe8f2}
.relation-type-slot-note small{font-size:11px;color:#9c92a3;text-align:right}

/* Authorized private album sheet, opened from the compact media strip. */
.profile-private-gallery-sheet{position:fixed;inset:0;z-index:1300;display:flex;align-items:flex-end;justify-content:center}
.profile-private-gallery-sheet[hidden]{display:none!important}
.profile-private-gallery-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}
.profile-private-gallery-panel{position:relative;z-index:1;width:min(720px,100%);max-height:82vh;overflow:auto;border-radius:24px 24px 0 0;background:#120e14;border:1px solid rgba(255,255,255,.10);padding:18px 18px calc(22px + env(safe-area-inset-bottom))}
.profile-private-gallery-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.profile-private-gallery-panel header small{color:#9c92a3}
.profile-private-gallery-panel header h2{margin:2px 0 0;font-size:20px}
.profile-private-gallery-panel header button{border:0;background:#26202a;color:#fff;width:36px;height:36px;border-radius:999px;font-size:22px}
.profile-private-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.profile-private-gallery-grid>button{position:relative;aspect-ratio:1;border:0;border-radius:12px;overflow:hidden;background:#201925 center/cover no-repeat;padding:0}
.profile-private-gallery-grid.videos>button img{width:100%;height:100%;object-fit:cover}
.profile-private-gallery-grid.videos>button span{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;color:#fff;text-shadow:0 2px 10px #000}

/* Daily questions: choosing an answer IS the action. */
.daily-answer-form>.daily-scale{margin-bottom:0}
.daily-answer-form>button,.starter-answer-submit{display:none!important}
.daily-final-comment{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:24px}
.daily-final-comment small{color:#c983ed;font-weight:800;letter-spacing:.08em}
.daily-final-comment p{margin:0;font-size:21px;line-height:1.65;font-weight:700;color:#fff}

/* Photo manager wording is intentionally self-explanatory; no extra help block required. */
.twin-memory-card .manage-heading small{max-width:720px;line-height:1.7}

/* Map stays dark until Google Maps is ready. No legacy map flash. */
.location-picker-v252 .location-map,.location-picker-page .location-map{background:#0b080d}

@media (max-width:560px){
  .profile-media-strip{gap:5px;margin:14px 0 18px}
  .profile-media-thumb{border-radius:9px}
  .profile-media-lock{font-size:16px}
  .profile-quick-actions{gap:6px}
  .profile-quick-actions button{min-height:54px;border-radius:14px;flex-direction:column;gap:2px;font-size:12px}
  .profile-quick-actions button span{font-size:18px}
  .type-slot-status{align-items:flex-start;flex-direction:column;gap:3px}
  .type-slot-status small{text-align:left}
  .relation-type-slot-note{align-items:flex-start;flex-direction:column;gap:4px}
  .relation-type-slot-note small{text-align:left}
}