/* When In Guam: pre-launch additions (weather, maps, sharing, engagement, insights, pricing, legal, settings extras).
   Uses the theme tokens from styles.css, so light and dark both work. */

/* ---------- shared bits ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.seg{display:inline-flex;gap:2px;padding:3px;background:var(--mist);border:1px solid var(--line);border-radius:999px;flex-wrap:nowrap}
.seg button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px;color:var(--muted);white-space:nowrap}
.seg button .ico{width:16px;height:16px}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.page-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:12px}
.page-bar strong{font-family:var(--display);font-weight:600}
.single-post{margin-bottom:12px}
.sec-h{font-family:var(--display);font-size:18px;display:flex;align-items:center;gap:8px;margin:20px 4px 10px}
.set-actions.center{justify-content:center}
.hashtag,.mention{color:var(--blue-ink);font-weight:600}
.hashtag:hover,.mention:hover{text-decoration:underline}
.edited-mark{font-size:12px;color:var(--muted);font-weight:500}
.hidden-line,.repost-line{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin:0 0 6px}
.hidden-line{color:var(--red-fg);background:var(--red-l);padding:6px 10px;border-radius:10px}
.hidden-line .ico,.repost-line .ico{width:15px;height:15px}
.post.is-hidden{opacity:.75}
.share-count{font-size:12.5px;color:var(--muted)}
.fcbadge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--brown);color:#fff;margin-left:3px;vertical-align:-3px}
.fcbadge .ico{width:12px;height:12px;stroke-width:2.4}
.pro-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(110deg,var(--red),var(--brown))}
.pro-chip .ico{width:13px;height:13px}
.pro-chip.big{font-size:14px;padding:4px 12px}
.pro-status{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--green-ink);margin:8px 0}
.collab-invite{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;margin:8px 0;border-radius:12px;background:var(--blue-l);color:var(--blue-ink);font-size:13.5px}
.collab-invite span{flex:1;min-width:160px}
.post-menu .row-btn.danger,.row-btn.danger{color:var(--red-fg)}
.c-more{opacity:.6;width:28px;height:28px;display:grid;place-items:center;border-radius:50%}
.c-more:hover{opacity:1;background:var(--mist)}
.comment{position:relative}
.comment .post-menu{top:28px}

/* ---------- sheets (modals that slide up on phones) ---------- */
.sheet-modal{width:min(520px,100%)}
.sheet-body{padding:14px 18px 20px;display:flex;flex-direction:column;gap:12px}
.sheet-grip{display:none}
@media (max-width:820px){
  .modal-root:has(.sheet-modal){place-items:end center;padding:0}
  .sheet-modal{border-radius:20px 20px 0 0;max-height:88vh;max-height:88dvh;animation:sheetUp .22s ease;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .sheet-grip{display:block;width:40px;height:5px;border-radius:3px;background:var(--line2);margin:8px auto 0}
}
@keyframes sheetUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.reason-list{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
.reason-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:14px}
.reason-opt:has(input:checked){border-color:var(--red);background:var(--red-l)}
.reason-opt input{accent-color:var(--red)}

/* ---------- share ---------- */
.share-card{display:flex;gap:10px;align-items:stretch;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-2,var(--mist));margin:8px 0}
.share-card img{width:92px;min-height:72px;object-fit:cover;flex-shrink:0}
.share-card .sc-ico{width:72px;display:grid;place-items:center;background:var(--mist);color:var(--muted);flex-shrink:0}
.sc-txt{padding:9px 10px 9px 0;min-width:0;display:flex;flex-direction:column;gap:2px}
.sc-txt b{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sc-txt small .ico{width:13px;height:13px;vertical-align:-2px}
.share-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.share-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:14px;background:var(--mist);font-size:12.5px;font-weight:600;text-align:center}
.share-opt:hover,.share-opt.on{background:var(--blue-l);color:var(--blue-ink)}
.share-url{word-break:break-all}
.share-form textarea{min-height:70px}
.msg-share .share-card{max-width:280px;background:var(--surface)}

/* ---------- engagement bar for events / listings / business posts ---------- */
.engage{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-top:1px solid var(--line);margin-top:10px;padding-top:6px}
.engage-acts{display:flex;gap:4px;flex-wrap:wrap;width:100%}
.engage .act{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;font-weight:600;font-size:13.5px;color:var(--text-2)}
.engage .act:hover{background:var(--mist)}
.engage .act.liked{color:var(--red-fg)}
.engage .act b{font-weight:700}
.engage .ico{width:18px;height:18px}
.engage-comments{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding-top:6px}

/* ---------- feed ---------- */
.feed-more{display:grid;place-items:center;padding:18px;color:var(--muted)}
.feed-end{text-align:center;color:var(--muted);padding:18px;font-size:13px}
.suggest-card{padding:14px 16px}
.suggest-card h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--display);font-size:15px}
.suggest-card .sg-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
.suggest-card .sg-item{flex:0 0 140px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 8px;border:1px solid var(--line);border-radius:14px}
.suggest-card .sg-item b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.sc-place-row{display:flex;gap:12px;align-items:center}
.sc-place-row .sc-tile{width:96px;height:96px;flex-shrink:0;border-radius:12px;overflow:hidden}
.sc-place-row span{display:flex;flex-direction:column;gap:2px;min-width:0}
.sc-news{display:block;padding:10px 12px;border-radius:12px;background:var(--mist)}
.home-wx{display:none}
@media (max-width:820px){.home-wx{display:block;margin-bottom:12px}}

/* ---------- mention autocomplete ---------- */
.mention-box{position:absolute;z-index:200;list-style:none;margin:0;padding:6px;width:260px;background:var(--elev);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-pop)}
.mention-box button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:9px;text-align:left}
.mention-box button.on,.mention-box button:hover{background:var(--mist)}
.mention-box b{font-size:13.5px;display:block}

/* ---------- search / tag pages ---------- */
.search-head{padding:12px 12px 0}
.search.big-search{display:flex;max-width:none;width:100%;padding:2px 14px}
.big-search input{font-size:16px}
.sr-n{font-weight:500;color:var(--muted)}
.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.search-tabs{overflow-x:auto;scrollbar-width:none;border-top:0;margin-top:0;padding:0 12px}
.search-tabs::-webkit-scrollbar{display:none}
.search-tabs .tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sr-sec{margin-top:12px}
.sr-sec h3{font-family:var(--display);font-size:15px;margin:4px 4px 8px;display:flex;align-items:center;gap:8px}
.sr-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.sr-item{display:flex;gap:10px;align-items:center;padding:10px 12px}
.tag-hero h1{display:flex;align-items:center;gap:6px}
.nav-btn.nav-search-m{display:none}
@media (max-width:820px){.nav-btn.nav-search-m{display:flex}}

/* ---------- insights ---------- */
.ins-hero{gap:12px;flex-wrap:wrap}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px}
.kpi span{color:var(--muted)}
.kpi b{font-family:var(--display);font-size:22px}
.kpi.tone-blue span{color:var(--blue)} .kpi.tone-green span{color:var(--green)} .kpi.tone-red span{color:var(--red-fg)} .kpi.tone-brown span{color:var(--brown-fg)}
.ins-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ins-chart{width:100%;height:120px;color:var(--ink)}
.ins-taps{list-style:none;margin:0;padding:0}
.ins-taps li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}
.ins-taps li span{flex:1}
.ins-table-wrap{overflow-x:auto}
.ins-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ins-table th,.ins-table td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.ins-table th:first-child,.ins-table td:first-child{text-align:left;white-space:normal;min-width:150px}
.ins-table td small{display:block}
@media (max-width:820px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.ins-charts{grid-template-columns:1fr}}

/* ---------- pricing ---------- */
.pro-hero,.boost-hero{padding:22px;text-align:center;background:linear-gradient(140deg,var(--surface) 40%,var(--red-l));}
.pro-hero h1,.boost-hero h1{font-family:var(--display);font-size:24px;margin:10px 0 4px;display:flex;align-items:center;justify-content:center;gap:8px}
.pro-hero p,.boost-hero p{color:var(--text-2);margin:0 auto;max-width:520px}
.boost-hero .pro-status,.pro-hero .pro-status{justify-content:center}
.perk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.perk-list li{display:flex;gap:10px;align-items:flex-start}
.perk-list.sm{font-size:13.5px;text-align:left;margin:10px 0 14px}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}
.price-card{position:relative;padding:18px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.price-card h3{margin:0;font-family:var(--display)}
.price-card .price{font-family:var(--display);font-size:28px;font-weight:700;margin:0}
.price-card .price small{display:inline;font-size:14px;font-weight:500}
.price-card.best{border:2px solid var(--red)}
.best-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:11.5px;font-weight:700;padding:2px 10px;border-radius:999px}
.price-card .btn{justify-content:center}
.coming-soon{padding:16px}
.coming-soon h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--display)}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cs-grid>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:14px;background:var(--mist);text-align:center}
.cs-grid b{font-size:14px}

/* ---------- freelancers ---------- */
.fl-cta{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px;grid-column:1/-1;background:var(--blue-l);color:var(--blue-ink)}
.fl-cta span{flex:1} .fl-cta small{color:inherit;opacity:.85}
.fl-card{display:flex;gap:12px;align-items:center;padding:14px}
.fl-info{flex:1;min-width:0}
.fl-info h3{margin:0;font-size:15px}
.fl-info p{margin:2px 0;display:flex;align-items:center;gap:6px;font-size:13.5px}
.fl-skill{font-weight:600}

/* ---------- explore map ---------- */
.ex-viewrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}
.ex-map-wrap{margin:8px 0 14px}
.ex-map-box{height:min(520px,60vh);border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--gm-sea)}
.sat-map{position:relative}
.sat-canvas{position:absolute;inset:0}
.sat-loading,.sat-error{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);text-align:center;padding:20px}
.sat-ctl{margin:10px!important}
.sat-switch{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--elev);box-shadow:var(--shadow-pop);border:1px solid var(--line)}
.sat-switch button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-weight:600;font-size:13px;color:var(--text-2);cursor:pointer;font-family:var(--font)}
.sat-switch button .ico{width:16px;height:16px}
.sat-switch button[aria-pressed="true"]{background:var(--red);color:#fff}
.sat-pop{font-family:var(--font);min-width:160px}
.sat-pop b{display:block;font-size:14px;color:#1E2A30}
.sat-pop small{color:#5E6A71}
.sat-pop a{color:#2C5F82;font-weight:600}
.leaflet-container{font-family:var(--font)}
[data-theme="dark"] .leaflet-bar a,[data-theme="dark"] .leaflet-control-attribution{background:#1e222b;color:#c5cad2;border-color:#2a2f39}
[data-theme="dark"] .leaflet-control-attribution a{color:#AFD2EC}
[data-theme="dark"] .leaflet-popup-content-wrapper,[data-theme="dark"] .leaflet-popup-tip{background:#1e222b}
[data-theme="dark"] .sat-pop b{color:#e8eaed} [data-theme="dark"] .sat-pop small{color:#9aa1ad} [data-theme="dark"] .sat-pop a{color:#AFD2EC}

/* ---------- weather ---------- */
.wx-page{display:flex;flex-direction:column;gap:12px}
.wx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;flex-wrap:wrap}
.wx-top h1{margin:0;font-family:var(--display);font-size:22px;display:flex;align-items:center;gap:8px}
.wx-top p{margin:2px 0 0;font-size:13px}
.wx-top-acts{display:flex;gap:6px;align-items:center}
.wx-place{display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line2);border-radius:999px;background:var(--field)}
.wx-place select{border:0;background:none;padding:8px 0;outline:none;max-width:200px}
.wx-place .ico{width:16px;height:16px;color:var(--red-fg)}
.wx-hero{border-radius:var(--radius);padding:20px;color:#fff;background:linear-gradient(150deg,#65A0C8,#3F7FA9);box-shadow:var(--shadow);position:relative;overflow:hidden}
.wx-hero[data-sky="clear"]{background:linear-gradient(150deg,#7EC0E8,#3F8FC4 60%,#F2B865 140%)}
.wx-hero[data-sky="partly"]{background:linear-gradient(150deg,#86B9DA,#4F89B5)}
.wx-hero[data-sky="cloudy"]{background:linear-gradient(150deg,#8D9AA3,#5E6E78)}
.wx-hero[data-sky="rain"]{background:linear-gradient(150deg,#5D7F96,#3A5568)}
.wx-hero[data-sky="storm"]{background:linear-gradient(150deg,#4A4F66,#2B2E3E)}
.wx-hero[data-sky^="night"]{background:linear-gradient(150deg,#26365A,#141C33)}
.wx-hero[data-sky="night-rain"],.wx-hero[data-sky="night-storm"]{background:linear-gradient(150deg,#2B3446,#151A24)}
.wx-hero-main{display:flex;align-items:center;gap:16px}
.wx-hero-ico .ico{filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}
.wx-hero-temp{font-family:var(--display);font-size:54px;font-weight:700;line-height:1}
.wx-hero-temp small{display:inline;font-size:20px;color:inherit;opacity:.85;vertical-align:top;margin-left:2px}
.wx-hero-cond{font-size:17px}
.wx-hero p{margin:4px 0 0;opacity:.92;font-size:13.5px}
.wx-hero-rain{display:inline-flex;align-items:center;gap:6px;margin-top:14px!important;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-weight:600}
.wx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px}
.wx-stat{display:flex;gap:10px;align-items:center;padding:10px}
.wx-stat-ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--blue-l);color:var(--blue-ink);flex-shrink:0}
.wx-stat small{font-size:12px} .wx-stat b{display:block;font-size:16px} .wx-stat em{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.uv{padding:0 6px;border-radius:6px;color:#fff}
.uv-low{background:#6BA571}.uv-moderate{background:#D9A23A}.uv-high{background:#E07A3F}.uv-very-high{background:#C74C40}.uv-extreme{background:#8B4BA8}
.wx-sec{padding:16px 18px}
.wx-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.wx-sec h2,.wx-sec-head h2{margin:0;font-family:var(--display);font-size:17px;display:flex;align-items:center;gap:8px}
.wx-hourly{display:flex;gap:4px;overflow-x:auto;list-style:none;margin:0;padding:0 0 6px;scroll-snap-type:x proximity}
.wx-hourly li{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:12px;scroll-snap-align:start;font-size:12.5px}
.wx-hourly li:first-child{background:var(--blue-l)}
.wx-hourly li.wet .wx-h-pp{color:var(--blue-ink);font-weight:700}
.wx-h-time{color:var(--muted);font-weight:600}
.wx-h-bar{width:8px;height:34px;border-radius:4px;background:var(--mist);display:flex;align-items:flex-end;overflow:hidden}
.wx-h-bar i{display:block;width:100%;background:var(--blue);border-radius:4px}
.wx-h-pp{display:flex;align-items:center;gap:2px;color:var(--muted)} .wx-h-pp .ico{width:12px;height:12px}
.wx-h-in{font-size:11px;color:var(--muted)}
.wx-daily{list-style:none;margin:0;padding:0}
.wx-daily li{display:grid;grid-template-columns:76px 30px 62px 34px 1fr 34px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}
.wx-daily li:last-child{border-bottom:0}
.wx-d-day small{font-size:11.5px}
.wx-d-pp{display:flex;align-items:center;gap:2px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.wx-d-pp small{flex-basis:100%;font-size:11px}
.wx-d-pp.wet{color:var(--blue-ink);font-weight:700}
.wx-d-pp .ico{width:12px;height:12px}
.wx-d-lo{color:var(--muted);text-align:right} .wx-d-hi{font-weight:700}
.wx-d-range{position:relative;height:6px;border-radius:3px;background:var(--mist)}
.wx-d-range i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--red))}
.wx-d-extra{grid-column:1/-1;font-size:11.5px;color:var(--muted);display:none}
@media (min-width:821px){.wx-daily li{grid-template-columns:90px 30px 70px 34px 1fr 34px 120px}.wx-d-extra{display:flex;grid-column:auto;align-items:center;gap:4px;justify-content:flex-end}.wx-d-extra .ico{width:13px;height:13px}}
.wx-radar-frame{position:relative;height:min(460px,62vh);border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#1b3a52,#0f2333);border:1px solid var(--line)}
.wx-radar-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wx-radar-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;width:100%}
.wx-radar-load small{color:rgba(255,255,255,.8)}
.wx-alerts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wx-alerts li{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.wx-alerts li.severe{border-color:var(--red);background:var(--red-l)}
.wx-alerts summary{display:flex;gap:10px;align-items:flex-start;cursor:pointer;list-style:none}
.wx-alerts summary::-webkit-details-marker{display:none}
.wx-alerts li.severe summary .ico{color:var(--red-fg)}
.wx-alerts pre,.wx-outlook pre{white-space:pre-wrap;font-size:12.5px;max-height:320px;overflow:auto;background:var(--mist);padding:10px;border-radius:10px}
.wx-none,.wx-sys{display:flex;gap:8px;align-items:center;margin:0 0 8px}
.wx-outlook summary{cursor:pointer;font-weight:600}
.wx-skel{border-radius:12px;background:linear-gradient(90deg,var(--skeleton),var(--mist),var(--skeleton));background-size:200% 100%;animation:wxShimmer 1.3s infinite linear}
@keyframes wxShimmer{to{background-position:-200% 0}}
.wx-error{text-align:center;color:var(--muted);padding:18px}
.wx-error-acts{display:flex;justify-content:center;gap:8px;margin-top:8px}
.wx-stale{color:var(--red-fg)}
.wx-credits a,.wx-links a{color:var(--blue-ink)}
.wx-links{display:flex;flex-wrap:wrap;gap:8px}
.wx-instr{font-size:13px;color:var(--muted)}
.wx-widget{padding:0;overflow:hidden}
.wx-w-body{padding:14px 16px}
.wx-widget[data-sky] .wx-w-main{color:var(--ink)}
.wx-w-main{display:flex;align-items:center;gap:10px}
.wx-w-ico{color:var(--blue)} .wx-widget[data-sky^="night"] .wx-w-ico{color:#7d8fc4} .wx-widget[data-sky="clear"] .wx-w-ico{color:#E3A33A}
.wx-w-temp{font-family:var(--display);font-size:32px;font-weight:700;line-height:1}
.wx-w-temp small{display:inline;font-size:14px;vertical-align:top}
.wx-w-txt{min-width:0}
.wx-w-rain{display:flex;align-items:center;gap:6px;font-size:13px;margin:8px 0 6px;color:var(--text-2)}
.wx-w-rain .ico{width:16px;height:16px}
.wx-w-stats{display:flex;gap:12px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.wx-w-stats span{display:inline-flex;align-items:center;gap:4px} .wx-w-stats .ico{width:14px;height:14px}
.wx-w-alert{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border-radius:10px;background:var(--blue-l);color:var(--blue-ink);font-size:13px;font-weight:600}
.wx-w-alert.severe{background:var(--red);color:#fff}
.wx-w-more{display:flex;align-items:center;gap:2px;margin-top:8px;font-size:13px;font-weight:600;color:var(--blue-ink)}
.wx-w-more .ico{width:16px;height:16px}
.wx-w-err{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.wx-banner{position:relative;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#C74C40;color:#fff;font-size:14px}
.wx-b-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.wx-b-txt span{opacity:.92;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wx-b-acts{display:flex;gap:10px;font-weight:700;font-size:13px}
.wx-b-acts a{text-decoration:underline}
.wx-b-x{color:#fff;display:grid;place-items:center;width:32px;height:32px}
@media (max-width:820px){
  .wx-stats{grid-template-columns:repeat(2,1fr)}
  .wx-hero-temp{font-size:46px}
  .wx-b-acts a:not(:first-child){display:none}
  .wx-radar-frame{height:58vh}
  .wx-top-acts{width:100%}.wx-place{flex:1}.wx-place select{max-width:none;width:100%}
}

/* ---------- legal ---------- */
.legal-doc{padding:20px 22px 26px;max-width:820px}
.legal-doc h1{font-family:var(--display);font-size:24px;display:flex;align-items:center;gap:8px;margin:14px 0 2px}
.legal-tabs{display:flex;gap:6px;flex-wrap:wrap}
.legal-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--mist);font-size:13px;font-weight:600}
.legal-tab .ico{width:16px;height:16px}
.legal-tab.active{background:var(--red);color:#fff}
.legal-draft{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;margin:14px 0 0;border-radius:12px;background:#FFF4D6;color:#6B4E00;font-size:13.5px}
[data-theme="dark"] .legal-draft{background:#3a2f12;color:#F2D58A}
.legal-body{line-height:1.65;color:var(--text-3)}
.legal-body h2{font-family:var(--display);font-size:17px;color:var(--ink);margin:22px 0 6px}
.legal-body ul{padding-left:20px}
.legal-body .tbd{background:#FFF4D6;color:#6B4E00;padding:0 4px;border-radius:4px;font-size:12px;font-weight:700}
[data-theme="dark"] .legal-body .tbd{background:#3a2f12;color:#F2D58A}
.legal-back{margin-top:18px}
.auth-legal{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12.5px;margin-top:10px}
.auth-legal a{color:var(--blue-ink);text-decoration:underline}
.terms-row{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;margin:6px 0}
.terms-row input{margin-top:3px;accent-color:var(--red);width:16px;height:16px;flex-shrink:0}
.terms-row a{color:var(--blue-ink);text-decoration:underline}
.side-legal{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--muted);padding:8px}
.side-legal a:hover{text-decoration:underline}

/* ---------- settings extras ---------- */
.danger-zone{border:1px solid var(--red)!important}
.danger-zone h2{color:var(--red-fg)}
.btn.danger:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}
.set-form{display:flex;flex-direction:column;gap:10px;max-width:420px}
.f-err{color:var(--red-fg);font-weight:600;min-height:0}
.fl-fields{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}
.fl-fields legend{display:flex;align-items:center;gap:6px;font-weight:700;padding:0 6px}
.fl-fields[disabled]{opacity:.6}
.check-row{display:flex;align-items:center;gap:8px;font-size:14px}
.check-row input{accent-color:var(--green);width:18px;height:18px}
.ios-note{text-align:left;display:flex;gap:6px;align-items:flex-start}
.link-list{list-style:none;margin:0;padding:0}
.grant-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.grant-form .set-actions{grid-column:1/-1}
@media (max-width:820px){.grant-form{grid-template-columns:1fr}.share-opts{grid-template-columns:repeat(2,1fr)}.cs-grid{grid-template-columns:repeat(3,1fr);gap:6px}}
#fcInviteForm{display:flex;flex-wrap:wrap;gap:8px}
#fcInviteForm input{flex:1 1 220px;min-width:0;border:1px solid var(--line2);border-radius:12px;padding:9px 12px;background:var(--field)}
#fcInviteForm .btn{flex:0 0 auto}
/* profile Grid / List toggle */
.ig-viewbar{display:flex;justify-content:flex-end;margin:0 0 10px}
.ig-list{display:flex;flex-direction:column;gap:12px}
#insBody .side-section h3,#main .perk-list~h3,.set-card .side-section h3{justify-content:flex-start;gap:8px}

/* ---------- Off-island members ---------- */
.oi-badge{display:inline-flex;align-items:center;gap:3px;background:var(--green-l);color:var(--green-ink);font-weight:600;font-size:11px;border-radius:999px;padding:0 7px;line-height:1.7;white-space:nowrap;vertical-align:middle;border:1px solid color-mix(in srgb,var(--green) 35%,transparent)}
.oi-badge .ico{width:12px;height:12px}
.where.offisland{display:inline;white-space:normal}
.where.offisland .oi-badge{margin-left:4px}
.offisland-field{margin-bottom:10px}
.oi-vlabel{margin:8px 0 4px;font-weight:600}
.auth-community{margin:10px 0 0;text-align:center;font-size:14px}
.auth-community a{display:inline-flex;align-items:center;gap:6px;color:var(--blue-d);font-weight:600}
.auth-community .ico{width:16px;height:16px}

/* ---------- Community map ---------- */
.cm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.cm-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;margin:0}
.cm-stat b{font-size:24px;line-height:1.1}
.cm-stat small{color:var(--muted,#66737A);font-size:12px;line-height:1.3}
.cm-stat-ico{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;margin-bottom:4px}
.cm-green .cm-stat-ico{background:var(--green-l);color:var(--green-d)} .cm-blue .cm-stat-ico{background:var(--blue-l);color:var(--blue-d)} .cm-brown .cm-stat-ico{background:var(--brown-l);color:var(--brown-fg)}
.cm-sec{padding:16px;margin-bottom:12px} .cm-sec h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 4px}
.cm-guam{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:16px;align-items:start;margin-top:10px}
.cm-gmap{width:100%;height:auto}
.gm-bubble{fill:#C74C40;fill-opacity:.42;stroke:#C74C40;stroke-width:1}
.gm-bubble.few{fill:#8E5533;fill-opacity:.3;stroke:#8E5533;stroke-dasharray:2 1.5}
.gm-bubble-n{font-size:7px;font-weight:700;fill:#fff;pointer-events:none}
.cm-bars{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cm-bars li{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:8px;align-items:center;font-size:13px}
.cm-bar{height:8px;border-radius:99px;background:var(--line,#e3e6e8);overflow:hidden} .cm-bar i{display:block;height:100%;background:var(--green);border-radius:99px}
.cm-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-world{height:260px;border-radius:12px;overflow:hidden;margin:10px 0;background:var(--blue-l)}
.cm-world-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.cm-region h4{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:14px}
.cm-places{list-style:none;margin:0;padding:0} .cm-places li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--line,#e3e6e8);font-size:13px}
.cm-privacy{display:flex;gap:6px;align-items:flex-start}
.cm-back{display:inline-flex;margin-bottom:6px}
.cm-card{max-width:860px}
.community-view .legal-panel{align-items:flex-start}
.ex-community{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:10px 0 0;text-decoration:none;color:inherit}
.ex-community span{flex:1;display:flex;flex-direction:column} .ex-community small{color:var(--muted,#66737A)}
.adm-community h4{display:flex;align-items:center;gap:6px;margin:16px 0 8px}
@media (max-width:640px){
  .cm-guam{grid-template-columns:1fr} .cm-gmap{max-width:240px;margin:0 auto;display:block}
  .cm-stat b{font-size:20px} .cm-stat{padding:10px}
  .cm-world{height:200px}
}
[data-theme="dark"] .gm-bubble{fill:#EE8478;stroke:#EE8478}
[data-theme="dark"] .gm-bubble.few{fill:#E2B28F;stroke:#E2B28F}
[data-theme="dark"] .gm-bubble-n{fill:#1e222b}
[data-theme="dark"] .cm-bar{background:#2a2f39}
[data-theme="dark"] .cm-places li{border-color:#2a2f39}
[data-theme="dark"] .auth-community a{color:#AFD2EC}

/* ---------- Hidden likes ---------- */
.like-line{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:inherit;background:none;border:0;padding:0}
button.like-line:disabled{cursor:default;opacity:1}
.like-line b{font-weight:700}
.hl-note{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--muted,#66737A);margin-left:4px}
.hl-note .ico{width:12px;height:12px}
.hl-toggle{display:inline-flex;align-items:center;gap:5px;cursor:pointer;user-select:none}
.hl-toggle input{width:16px;height:16px;accent-color:var(--blue-d)}
.edit-modal .check-row{display:flex;gap:10px;align-items:flex-start}
.edit-modal .check-row small{display:block;margin-top:2px}

/* ===== Story viewers sheet, Story Archive, Highlights (031) ===== */
.sv-mine .sv-seen{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;font-size:13px;padding:6px 10px 6px 4px;border-radius:999px;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.sv-mine .sv-seen:hover,.sv-mine .sv-seen:focus-visible{background:rgba(255,255,255,.16)}
.sv-mine .sv-left{flex:1;opacity:.9;font-size:12.5px}
.sv-mine .sv-pills{display:flex;gap:6px;pointer-events:auto}
.sv-mine .sv-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:4px}
.sv-sheet-wrap{position:fixed;inset:0;z-index:5;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center}
.sv-sheet{width:min(460px,100%);max-height:70vh;max-height:70dvh;background:var(--surface);color:var(--ink);border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.35);padding-bottom:env(safe-area-inset-bottom);animation:svSheetUp .22s ease-out}
@keyframes svSheetUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.sv-sheet .sheet-grip{display:block;width:40px;height:4px;border-radius:2px;background:var(--line2);margin:8px auto 0}
.sv-sheet-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 16px;border-bottom:1px solid var(--line)}
.sv-sheet-bar strong{display:inline-flex;align-items:center;gap:6px;font-size:15px}
.sv-sheet-body{overflow-y:auto;padding:6px 12px 14px}
.sv-viewer{display:flex;align-items:center;gap:10px;padding:8px 4px}
.sv-viewer .pr-main{flex:1;min-width:0;display:flex;flex-direction:column}
.sv-viewer .pr-main small{color:var(--muted)}
.sv-vw-acts{display:flex;gap:10px;align-items:center}
.sv-vw-like{color:var(--red)}
.sv-vw-reply{color:var(--blue-d,#3F7FA9)}
.sv-vw-note{display:flex;align-items:center;gap:6px;color:var(--muted);margin:10px 4px 0}
@media (min-width:821px){.sv-sheet{border-radius:18px;margin-bottom:24px}}

/* thumbs (9:16) */
.st-thumb{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;color:#fff;text-align:center}
.st-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.st-thumb.text{padding:8px;gap:4px;align-content:center;font-weight:700;font-size:12px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.st-thumb.text .ico{width:22px;height:22px}
.st-thumb.text span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.st-thumb.empty{background:var(--surface-2);color:var(--muted)}

/* Archive */
.arch-head{padding:16px 18px 10px;margin-bottom:12px}
.arch-head h1{display:flex;align-items:center;gap:8px;font-size:22px;margin:6px 0 4px}
.arch-head>p{display:flex;align-items:flex-start;gap:6px;margin:0 0 6px}
.arch-sub{font-size:14px;margin:14px 0 4px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.back-link{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--muted);font-size:13.5px}
.arch-body{padding:6px 14px 18px}
.arch-day{font-size:14px;font-weight:700;margin:16px 2px 8px}
.arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}
.arch-tile{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);padding:0;transition:transform .12s}
.arch-tile:hover{transform:translateY(-1px)}
.arch-date{position:absolute;top:6px;left:6px;background:rgba(255,255,255,.94);color:#1E2A30;border-radius:8px;padding:2px 6px;display:flex;flex-direction:column;align-items:center;line-height:1.05;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.arch-date b{font-size:15px}.arch-date small{font-size:10px;font-weight:600;text-transform:uppercase}
.arch-live{position:absolute;bottom:6px;left:6px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;border-radius:999px;padding:1px 7px}
.arch-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 10px;color:var(--muted)}
.arch-empty h3{color:var(--ink);margin:6px 0 0}
.arch-m-body{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 16px 18px;align-items:start}
.arch-prev{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;padding:0;border:1px solid var(--line)}
.arch-play{position:absolute;inset:auto 0 0 0;margin:auto;top:0;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;left:0;right:0}
.arch-acts{display:flex;flex-direction:column;gap:4px}
.arch-acts .row-btn span:not(.sq){display:flex;flex-direction:column;text-align:left}
.arch-acts .row-btn small{color:var(--muted);font-weight:500;font-size:12px}
.arch-acts .row-btn.danger{color:var(--red-d,#A63A30)}
@media (max-width:520px){.arch-m-body{grid-template-columns:110px 1fr;gap:12px}.arch-grid{grid-template-columns:repeat(3,1fr)}}

/* Highlights */
.hl-row-wrap:empty{display:none}
.hl-row{display:flex;gap:14px;overflow-x:auto;padding:10px 2px 4px;margin:0;list-style:none;scrollbar-width:none}
.hl-row::-webkit-scrollbar{display:none}
.hl-row.wrap{flex-wrap:wrap;overflow:visible}
.hl-item{display:flex;flex-direction:column;align-items:center;gap:5px;width:72px;padding:0;background:none}
.hl-ring{position:relative;display:block;width:66px;height:66px;border-radius:50%;padding:3px;background:var(--surface);border:1.5px solid var(--line2);overflow:visible}
.hl-ring .st-thumb{border-radius:50%;font-size:9px;padding:4px}
.hl-ring .st-thumb.text span{-webkit-line-clamp:2}
.hl-ring.new{display:grid;place-items:center;color:var(--muted);border-style:dashed}
.hl-ring.big{width:84px;height:84px;flex-shrink:0}
.hl-item:hover .hl-ring{border-color:var(--blue)}
.hl-name{font-size:12px;font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.hl-check{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;border:2px solid var(--surface)}
.hl-pick-body{padding:12px 16px 18px}
.hle-body{padding:12px 16px 18px;overflow-y:auto}
.hle-top{display:flex;gap:14px;align-items:center}
.hle-title{flex:1}
.hle-help{font-size:13px;margin:12px 0 8px}
.hle-tile{border:2px solid transparent}
.hle-tile.on{border-color:var(--blue)}
.hle-pick{position:absolute;inset:0;padding:0;background:none;width:100%;height:100%}
.hle-num{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.25);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.hle-tile.on .hle-num{background:var(--blue)}
.hle-cover{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(255,255,255,.94);color:#1E2A30;border-radius:999px;font-size:11.5px;font-weight:700;padding:3px 6px;display:inline-flex;align-items:center;justify-content:center;gap:3px}
.hle-cover.on{background:var(--green);color:#fff}
.hle-del{margin-top:16px;width:100%;justify-content:center;color:var(--red-d,#A63A30)}
[data-theme="dark"] .hl-ring{background:#1b1f27;border-color:#353b47}
[data-theme="dark"] .sv-sheet{background:#181c23}
[data-theme="dark"] .arch-tile{border-color:#2a2f39}

/* ===== UI polish: profile action row (no clipping at 360–430px) ===== */
.igp-actions>.btn{min-width:0;padding:8px 14px;gap:6px;overflow:hidden}
.igp-actions>.btn .lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.igp-actions>.btn.icon-only{padding:0}
.igp-actions>.btn.icon-only .lbl{display:none}
@media (max-width:560px){
  .igp-actions.mine{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
  .igp-actions.mine>.btn{grid-column:span 2;max-width:none;padding:8px 12px;font-size:14px}
  .igp-actions.mine>.btn:nth-child(-n+2){grid-column:span 3}
  .igp-actions.mine>.btn.icon-only{width:auto;flex:none;padding:8px 12px}
  .igp-actions.mine>.btn.icon-only .lbl{display:inline}
  .igp-actions:not(.mine){flex-wrap:wrap}
  .igp-actions:not(.mine)>.btn{flex:1 1 auto;padding:8px 14px}
}

/* ===== Send feedback (032) ===== */
.fb-hero{background:linear-gradient(110deg,var(--surface) 35%,var(--green-l) 100%)}
.fb-form{padding:16px 18px 18px;margin:12px 0;display:flex;flex-direction:column;gap:14px}
.fb-types{border:0;padding:0;margin:0}
.fb-types legend{font-weight:700;margin-bottom:8px;padding:0}
.fb-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fb-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font-weight:600;font-size:13px;min-width:0;text-align:center;color:var(--ink)}
.fb-type span{min-width:0;overflow-wrap:anywhere;line-height:1.2}
.fb-type .ico{color:var(--muted)}
.fb-type.on{border-color:var(--green);background:var(--green-l);color:var(--green-ink)}
.fb-type.on .ico{color:var(--green-ink)}
.fb-form .field textarea{width:100%;resize:vertical;min-height:110px}
.fb-count{display:block;text-align:right;color:var(--muted);font-size:12px;margin-top:4px}
.fb-shot{display:flex;flex-direction:column;gap:8px}
.fb-shot-lbl{font-weight:600;font-size:14px}
.fb-shot-add{align-self:flex-start;display:inline-flex;align-items:center;gap:6px}
.fb-shot-prev{position:relative;width:140px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.fb-shot-prev img{display:block;width:100%;max-height:220px;object-fit:cover}
.fb-shot-rm{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.55);color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
.fb-info{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface-2)}
.fb-info summary{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
.fb-info dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 6px;font-size:13px}
.fb-info dt{color:var(--muted)}
.fb-info dd{margin:0;min-width:0;overflow-wrap:anywhere}
.fb-actions{display:flex;justify-content:flex-end}
.fb-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px}
.fb-mine{padding:16px 18px}
.fb-mine h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 10px}
.fb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fb-item{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.fb-item:first-child{border-top:0}
.fb-ico{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--blue-l);color:var(--blue-d);display:grid;place-items:center}
.fb-item-main{min-width:0;flex:1}
.fb-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fb-item p{margin:4px 0;overflow-wrap:anywhere}
.fb-status{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 10px;white-space:nowrap}
.fb-status.fb-new{background:var(--blue-l);color:var(--blue-d)}
.fb-status.fb-planned{background:#F6E7DA;color:#8E5533}
.fb-status.fb-done{background:var(--green-l);color:var(--green-ink)}
.fb-kind-tag{display:inline-flex;align-items:center;gap:3px;font-weight:600}
.fb-adm-msg{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.fb-adm-dev{display:block;overflow-wrap:anywhere}
.fb-adm-row[data-status="done"]{opacity:.7}
.fb-adm-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.fb-adm-status select{padding:6px 10px;border-radius:10px}
.fb-adm-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
[data-theme="dark"] .fb-status.fb-planned{background:#3b2a1d;color:#E9C29F}
[data-theme="dark"] .fb-type{background:#1b1f27;border-color:#2f3541}
[data-theme="dark"] .fb-type.on{background:#1f3324;border-color:#6BA571;color:#BFE3C4}
[data-theme="dark"] .fb-type.on .ico{color:#BFE3C4}
@media (max-width:420px){.fb-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-type{flex-direction:row;justify-content:flex-start;padding:12px}}

/* ===== UI polish: site-wide control safety (audited at 360/390/430, light + dark) ===== */
.btn{max-width:100%}
.btn[data-pay-interest]{white-space:normal;text-align:center;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding-left:16px;padding-right:16px}
.tag,.chip,.pill,.cat-chip,.visitor-badge,.oi-badge,.pro-chip,.follows-you,.you-tag{max-width:100%}
@media (max-width:400px){
  .igp-actions.mine>.btn:nth-child(n+3){font-size:13px;gap:5px}
}
@media (max-width:400px){
  .igp-actions.mine>.btn:nth-child(3){grid-column:span 4;font-size:14px}
  .igp-actions.mine>.btn.icon-only{grid-column:span 1;padding:0}
  .igp-actions.mine>.btn.icon-only .lbl{display:none}
}

/* Admin > Site activity */
.adm-activity{padding:16px}
.sa-head{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;margin-bottom:4px}
.sa-head h3{margin:0;display:flex;align-items:center;gap:8px}
.sa-period button{padding:7px 14px}
.sa-stats{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));margin-top:12px}
.sa-stats .cm-stat{padding:12px 14px;min-width:0}
.sa-stats .cm-stat b{font-size:22px;font-variant-numeric:tabular-nums}
.cm-red .cm-stat-ico{background:var(--red-l);color:var(--red-fg,var(--red))}
.sa-none{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 16px;margin:4px 0 8px;border:1px dashed var(--line2,var(--line));border-radius:14px;color:var(--muted)}
.sa-none b{color:var(--ink)}
.sa-sec{padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
.sa-sec h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}
.sa-empty{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px}
.sa-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding:8px 10px 0;background:var(--mist);border-radius:12px;border:1px solid var(--line)}
.sa-col{flex:1 1 0;min-width:2px;height:100%;display:flex;align-items:flex-end}
.sa-col i{display:block;width:100%;background:var(--green);border-radius:4px 4px 0 0;min-height:3px}
.sa-col:hover i{background:var(--green-d)}
.sa-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:4px 2px 0}
.sa-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sa-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:inherit;min-width:0}
.sa-row:hover{background:var(--mist)}
.sa-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.sa-main small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
.sa-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums}
.sa-meta .ico{width:14px;height:14px}
.sa-dot{width:3px;height:3px;border-radius:50%;background:var(--line2,#ccc);margin:0 2px}
.sa-bars li{grid-template-columns:minmax(80px,40%) 1fr auto}
.sa-bars li > b{text-align:right;white-space:nowrap}
.sa-bars li > b small{font-weight:500}
.sa-bars a{color:inherit}
@media (max-width:480px){
  .sa-head{flex-direction:column;align-items:stretch}
  .sa-period{width:100%} .sa-period button{flex:1 1 0;justify-content:center}
  .sa-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-bars li{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .sa-bars li .cm-bar{grid-column:1 / -1;grid-row:2}
}
[data-theme="dark"] .sa-chart{background:rgba(255,255,255,.04)}
[data-theme="dark"] .cm-red .cm-stat-ico{background:rgba(199,76,64,.18);color:#F08A80}
.adm-activity .sa-head h3{justify-content:flex-start;flex:0 1 auto} .adm-activity .sa-sec h4{justify-content:flex-start}