*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;font-family:"Hiragino Maru Gothic ProN","Yu Gothic UI","Meiryo",system-ui,-apple-system,sans-serif;color:#f7f3ea;background:#111418;overscroll-behavior:none}
body{
  min-height:100vh;
  padding-bottom:env(safe-area-inset-bottom);
  padding-top:env(safe-area-inset-top);
  background:
    linear-gradient(180deg,#171a20 0%,#111418 42%,#151019 100%);
  background-attachment:fixed;
}
:root{
  --pink:#ff4d8d; --pink2:#ff9bbb;
  --cyan:#39d7d2;  --yellow:#f3c84b;
  --purple:#8b75ff; --green:#79e38f;
  --bg:#111418; --panel:#1c2028; --panel2:#171a21;
  --surface:#191d24; --surface2:#222733; --surface3:#101318;
  --text:#f7f3ea; --muted:#aeb6c8;
  --line:rgba(247,243,234,0.12);
  --shadow:0 12px 30px rgba(0,0,0,0.36);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-top:env(safe-area-inset-top,0px);
}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:16px}
a{color:var(--cyan)}
img{max-width:100%;display:block}


.appbar{
  position:sticky;top:0;z-index:60;
  background:rgba(17,20,24,0.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  padding-top:var(--safe-top);
}
.appbar-inner{
  display:flex;align-items:center;gap:8px;
  padding:10px 14px;
}
.app-back{
  width:36px;height:36px;border-radius:10px;border:none;
  background:rgba(255,255,255,0.08);color:var(--text);font-size:18px;display:none;
}
.app-back:active{background:rgba(255,255,255,0.16)}
.appbar.show-back .app-back{display:inline-flex;align-items:center;justify-content:center}
.app-title{
  font-weight:900;font-size:16px;letter-spacing:0;
  color:var(--text);
  flex:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.app-title small{display:block;font-weight:700;font-size:9px;letter-spacing:.16em;color:var(--muted);-webkit-text-fill-color:var(--muted)}
.app-action{
  width:36px;height:36px;border-radius:10px;border:none;
  background:var(--pink);color:#fff;font-size:18px;
  box-shadow:0 8px 18px rgba(255,77,141,0.28);
  display:inline-flex;align-items:center;justify-content:center;
}
.app-action.ghost{background:rgba(255,255,255,0.08);box-shadow:none;color:#d6dbea}


main{
  max-width:860px;margin:0 auto;
  padding:14px 14px calc(80px + var(--safe-bottom)) 14px;
}
.page{display:none;animation:fade .2s ease}
.page.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.card{
  background:linear-gradient(180deg,var(--surface),var(--panel2));
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:var(--shadow);
  padding:14px;
}
.card+.card{margin-top:12px}
.card h2{margin:0 0 10px;font-size:14px;letter-spacing:0;color:var(--text)}
.card h2::before{content:"▎";color:var(--pink);margin-right:4px}
.muted{color:var(--muted);font-size:12px;line-height:1.6}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.grid{display:grid;gap:10px}
.grid.cols-2{grid-template-columns:1fr 1fr}
.grid.cols-3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:520px){
  .grid.cols-2{grid-template-columns:1fr}
  .grid.cols-3{grid-template-columns:1fr 1fr}
}


.field{display:flex;flex-direction:column;gap:5px;font-size:12px}
.field label{color:#c4cbda;letter-spacing:0;font-size:11px}
.field input,.field select,.field textarea{
  background:#101318;border:1px solid var(--line);color:var(--text);border-radius:8px;
  padding:11px 12px;outline:none;transition:.15s;width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,77,141,0.18)}
.field textarea{min-height:72px;resize:vertical}
.checkrow{display:flex;align-items:center;gap:8px;font-size:13px;color:#d6dbea;background:#101318;padding:10px 12px;border:1px solid var(--line);border-radius:8px}
.checkrow input[type=checkbox]{accent-color:var(--pink);width:18px;height:18px}


.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:none;font-weight:800;font-size:14px;
  padding:12px 16px;border-radius:9px;
  background:var(--pink);color:#fff;
  box-shadow:0 8px 18px rgba(255,77,141,0.26);
  transition:.15s;min-height:44px;
}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:rgba(255,255,255,0.06);color:#d6dbea;border:1px solid var(--line);box-shadow:none}
.btn.cyan{background:var(--cyan);color:#062526}
.btn.warn{background:#e85d66}
.btn.tiny{padding:6px 10px;font-size:11px;border-radius:8px;min-height:30px}
.btn.block{width:100%}
.btn.col{flex:1}


.tag{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:#cdd2ee;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.tag.pink{border-color:var(--pink);color:var(--pink)}
.tag.cyan{border-color:var(--cyan);color:var(--cyan)}
.tag.yellow{border-color:var(--yellow);color:var(--yellow)}
.tag.green{border-color:var(--green);color:var(--green)}
.tag.purple{border-color:var(--purple);color:var(--purple)}
.tag.solid{background:var(--pink);color:#fff;border-color:var(--pink)}


.item{
  background:#101318;border:1px solid var(--line);border-radius:10px;padding:12px;
  display:flex;flex-direction:column;gap:6px;
}
.item.tap{cursor:pointer;transition:.15s}
.item.tap:active{transform:scale(0.985)}
.item .ttl{font-weight:800;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}


@media(min-width:640px){
  .arcade-grid{grid-template-columns:repeat(2,1fr) !important}
}
@media(min-width:960px){
  .arcade-grid{grid-template-columns:repeat(3,1fr) !important}
}
.arcade-tile{
  background:#101318;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;cursor:pointer;transition:.15s;
  display:flex;flex-direction:column;
  box-shadow:0 4px 16px rgba(0,0,0,0.25);
}
.arcade-tile:active{transform:scale(0.99)}
.arcade-tile:hover{border-color:rgba(255,255,255,0.18);box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.arcade-tile .cover{
  position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a0d10;
}
.arcade-tile .cover img{width:100%;height:100%;object-fit:cover;display:block}
.arcade-tile .cover .gen-cover{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:72px;color:rgba(255,255,255,0.95);
  text-shadow:0 4px 24px rgba(0,0,0,0.4);
}
.arcade-tile .cover-grad{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,0.78) 100%);
  pointer-events:none;
}
.arcade-tile .cover-badges{
  position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2;
}
.arcade-tile .cover-shrine{
  position:absolute;top:10px;right:10px;z-index:3;
  background:linear-gradient(135deg,#ffd84d,#ff9b3a);color:#3a2400;
  font-weight:900;font-size:12px;padding:4px 10px;border-radius:999px;
  box-shadow:0 2px 12px rgba(255,216,77,0.5);display:flex;align-items:center;gap:4px;
}
.arcade-tile .cover-title{
  position:absolute;left:14px;right:14px;bottom:12px;z-index:2;
}
.arcade-tile .cover-title h3{
  margin:0;font-size:18px;font-weight:900;color:#fff;line-height:1.2;
  text-shadow:0 2px 12px rgba(0,0,0,0.7);
}
.arcade-tile .cover-title .loc{
  margin-top:3px;color:rgba(255,255,255,0.85);font-size:12px;font-weight:600;
  text-shadow:0 1px 6px rgba(0,0,0,0.6);
  display:flex;align-items:center;gap:4px;
}
.arcade-tile .body{padding:10px 14px 14px}
.arcade-tile .genres{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
.arcade-tile .cabs{
  display:flex;gap:5px;flex-wrap:wrap;font-size:11px;color:#aab0c5;
}
.arcade-tile .cab-pill{
  background:rgba(255,255,255,0.06);padding:3px 9px;border-radius:999px;
  border:1px solid rgba(255,255,255,0.08);
}
.arcade-tile .meta-row{
  display:flex;justify-content:space-between;align-items:center;margin-top:8px;
  font-size:12px;color:#7c83a0;
}


.gen-cover.g0{background:linear-gradient(135deg,#ff4d8d 0%,#a87bff 100%)}
.gen-cover.g1{background:linear-gradient(135deg,#5be8ff 0%,#3acfe6 100%)}
.gen-cover.g2{background:linear-gradient(135deg,#ffd84d 0%,#ff9b3a 100%)}
.gen-cover.g3{background:linear-gradient(135deg,#7dffac 0%,#3acfe6 100%)}
.gen-cover.g4{background:linear-gradient(135deg,#ff7373 0%,#ff4d8d 100%)}
.gen-cover.g5{background:linear-gradient(135deg,#a87bff 0%,#5b3df0 100%)}
.gen-cover.g6{background:linear-gradient(135deg,#ff86b3 0%,#ff4d8d 100%)}
.gen-cover.g7{background:linear-gradient(135deg,#ffa566 0%,#ff7373 100%)}


.detail-hero{
  position:relative;height:280px;border-radius:0 0 20px 20px;overflow:hidden;
  margin:-14px -14px 16px;background:#0a0d10;
}
.detail-hero img{width:100%;height:100%;object-fit:cover;display:block}
.detail-hero .gen-cover{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:120px;color:rgba(255,255,255,0.96);
  text-shadow:0 8px 32px rgba(0,0,0,0.4);
}
.detail-hero .grad{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,transparent 30%,transparent 50%,rgba(0,0,0,0.85) 100%);
  pointer-events:none;
}
.detail-hero .top-row{
  position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;z-index:3;
}
.detail-hero .badges{display:flex;gap:6px;flex-wrap:wrap}
.detail-hero .ttl{
  position:absolute;left:18px;right:18px;bottom:18px;z-index:2;
}
.detail-hero .ttl h1{
  margin:0;font-size:26px;font-weight:900;line-height:1.15;color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,0.7);
}
.detail-hero .ttl .meta{
  margin-top:4px;font-size:13px;color:rgba(255,255,255,0.92);font-weight:600;
  text-shadow:0 1px 8px rgba(0,0,0,0.6);
}


.photo-strip{
  display:flex;gap:8px;overflow-x:auto;padding:4px 2px;
  -webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;
}
.photo-strip::-webkit-scrollbar{display:none}
.photo-strip .ph{
  flex-shrink:0;width:200px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;
  scroll-snap-align:start;background:#0a0d10;border:1px solid var(--line);cursor:pointer;
}
.photo-strip .ph img{width:100%;height:100%;object-fit:cover}


.quick-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border-radius:12px;overflow:hidden;
  margin:8px 0;
}
.quick-stats .stat-cell{
  background:#101318;padding:14px 8px;text-align:center;
}
.quick-stats .stat-cell .v{font-size:20px;font-weight:900;color:#fff}
.quick-stats .stat-cell .l{font-size:10px;color:#7c83a0;letter-spacing:.05em;margin-top:2px}


.detail-actions{
  display:flex;gap:8px;margin:-30px 14px 16px;position:relative;z-index:5;
}
.detail-actions .btn{
  flex:1;background:#fff;color:#0a0d10;font-weight:900;
  box-shadow:0 8px 24px rgba(0,0,0,0.5);
}
.detail-actions .btn.green{
  background:linear-gradient(135deg,#7dffac,#5be8a0);color:#04221a;
}
.detail-actions .btn.ghost-dark{
  background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);box-shadow:none;
}


.sec-h{
  display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;
}
.sec-h h2{margin:0;font-size:17px;font-weight:800;color:#fff}
.sec-h h2::before{display:none}
.sec-h .ct{font-size:12px;color:#7c83a0;font-weight:600}
.sec-h .more{color:var(--cyan);font-size:13px;font-weight:700;cursor:pointer}


.empty{
  text-align:center;color:var(--muted);padding:30px 12px;border:1px dashed var(--line);border-radius:10px;
}
.empty .big{font-size:42px;line-height:1;margin-bottom:6px}


.page[data-page="map"]{margin:-14px -14px 0}
.map-dashboard{display:grid;gap:12px}
.map-stage{
  position:relative;
  min-height:430px;
  background:#0b0e12;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.map-stage::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,14,18,0.1) 0%,rgba(11,14,18,0) 38%,rgba(11,14,18,0.78) 100%);
  pointer-events:none;
  z-index:400;
}
#map{height:min(60dvh,560px);min-height:430px;border-radius:0;overflow:hidden;border:none;background:#101318}
.map-engine-fallback{
  position:absolute;top:88px;left:14px;right:14px;z-index:404;
  max-width:520px;display:grid;gap:10px;padding:14px;border-radius:14px;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(17,20,24,0.88);color:#fff;box-shadow:0 16px 42px rgba(0,0,0,0.32);
  backdrop-filter:blur(14px);
}
.map-engine-fallback[hidden]{display:none}
.map-engine-fallback span{
  display:inline-flex;width:max-content;margin-bottom:6px;padding:4px 8px;border-radius:999px;
  border:1px solid rgba(91,232,255,0.34);color:#5be8ff;background:rgba(91,232,255,0.08);
  font:900 10px/1 var(--font-mono);letter-spacing:.08em;
}
.map-engine-fallback b{display:block;color:#fff;font:900 17px/1.25 var(--font-display)}
.map-engine-fallback em{display:block;margin-top:4px;color:#d5dbe8;font:800 12px/1.45 var(--font-body);font-style:normal}
.map-engine-fallback.is-warn span{border-color:rgba(255,200,105,0.44);color:#ffc869;background:rgba(255,200,105,0.1)}
.map-engine-fallback__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.map-engine-fallback__actions button{
  min-width:0;min-height:38px;border-radius:11px;border:1px solid rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.1);color:#fff;font:900 12px/1 var(--font-body);
}
.map-engine-fallback__actions button:first-child{background:#c70f46;border-color:#c70f46}
.map-controls{
  position:absolute;top:12px;right:12px;z-index:410;display:flex;flex-direction:column;gap:6px;
}
.map-controls button{
  background:rgba(17,20,24,0.88);color:#fff;border:1px solid rgba(255,255,255,0.18);border-radius:9px;
  padding:8px 10px;font-size:12px;font-weight:700;backdrop-filter:blur(8px);
}
.map-wrap{position:relative}
.map-overlay{
  position:absolute;left:12px;right:12px;bottom:12px;z-index:405;
  pointer-events:none;
}
.map-command{
  pointer-events:auto;
  background:rgba(17,20,24,0.86);
  border:1px solid rgba(247,243,234,0.16);
  border-radius:12px;
  padding:12px;
  box-shadow:0 14px 36px rgba(0,0,0,0.34);
  backdrop-filter:blur(12px);
}
.map-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}
.map-headline{font-size:22px;font-weight:900;line-height:1.1;margin-top:4px;color:var(--text)}
.map-subline{font-size:12px;line-height:1.5;color:#d5dbe8;margin-top:6px}
.map-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.map-stat{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:8px;text-align:center}
.map-stat .v{font-size:18px;font-weight:900;color:#fff}
.map-stat .l{font-size:9px;letter-spacing:.08em;color:var(--muted);margin-top:1px}
.map-content{padding:0 14px 14px}
.map-legend{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.share-card{
  background:#171b22;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:var(--shadow);
  padding:12px;
}
.share-card h2{margin:0 0 8px;font-size:14px}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scope-box{background:#101318;border:1px solid var(--line);border-radius:9px;padding:10px}
.scope-box b{display:block;font-size:12px;margin-bottom:4px}
.scope-box.public b{color:var(--cyan)}
.scope-box.private b{color:var(--yellow)}
.scope-box span{display:block;color:var(--muted);font-size:11px;line-height:1.55}
.scope-note{
  border:1px solid var(--line);
  border-radius:9px;
  padding:10px 12px;
  font-size:12px;
  line-height:1.55;
  color:#d9deea;
  background:#101318;
  margin-bottom:12px;
}
.scope-note.public{border-color:rgba(57,215,210,0.38)}
.scope-note.private{border-color:rgba(243,200,75,0.38)}
@media(max-width:520px){
  .map-stage{min-height:420px}
  #map{height:58dvh;min-height:420px}
  .map-headline{font-size:20px}
  .map-subline{font-size:11px}
  .map-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .map-stat{padding:7px 4px}
  .map-stat .v{font-size:16px}
  .share-grid{grid-template-columns:1fr}
  .map-engine-fallback{top:76px;left:10px;right:10px;padding:12px}
  .map-engine-fallback__actions{grid-template-columns:1fr 1fr}
  .map-engine-fallback__actions button:first-child{grid-column:1 / -1}
}


.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stat{
  background:#101318;border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center;
}
.stat .v{font-size:22px;font-weight:900;color:var(--text)}
.stat .l{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:2px}


.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.photos.lg{grid-template-columns:repeat(2,1fr)}
.photo-cell{
  position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#0a0d10;
  border:1px solid var(--line);
}
.photo-cell img{width:100%;height:100%;object-fit:cover}
.photo-cell .del{
  position:absolute;top:4px;right:4px;background:rgba(0,0,0,0.7);color:#fff;border:none;
  border-radius:50%;width:24px;height:24px;font-size:14px;line-height:1;
}
.photo-add{
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  aspect-ratio:1/1;border-radius:8px;border:1px dashed var(--line);
  background:rgba(255,255,255,0.03);color:var(--muted);font-size:11px;gap:4px;
}
.photo-add .ic{font-size:22px;color:var(--pink)}
.post-photo-status{
  min-height:38px;margin-top:7px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  color:var(--text-secondary);font:800 11px/1.25 var(--font-body);
}
.post-photo-status span{
  padding:6px 8px;border-radius:999px;border:1px solid var(--border-default);
  color:var(--success);background:color-mix(in srgb,var(--success) 9%,transparent);
  font:900 9px/1 var(--font-mono);
}
.post-photo-status.is-busy span{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent)}
.post-photo-status.is-error span{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}
.post-photo-status b{color:var(--text-primary)}
.post-photo-status small{color:var(--text-tertiary);font:800 10px/1.25 var(--font-body)}
.post-photo-status button{
  margin-left:auto;min-height:30px;padding:0 10px;border-radius:999px;
  border:1px solid var(--border-default);background:var(--bg-elevated-2);
  color:var(--text-secondary);font:900 11px/1 var(--font-body);
}
.post-photo-ops{
  margin-top:8px;display:grid;gap:8px;padding:10px;border-radius:14px;
  border:1px solid var(--border-default);
  background:linear-gradient(135deg,color-mix(in srgb,var(--info) 8%,transparent),transparent 72%),var(--bg-elevated-2);
  color:var(--text-primary);
}
.post-photo-ops.is-ok{
  border-color:color-mix(in srgb,var(--success) 36%,var(--border-default));
  background:linear-gradient(135deg,color-mix(in srgb,var(--success) 9%,transparent),transparent 72%),var(--bg-elevated-2);
}
.post-photo-ops.is-warn,.post-photo-ops.is-busy{
  border-color:color-mix(in srgb,var(--warning) 42%,var(--border-default));
  background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 10%,transparent),transparent 72%),var(--bg-elevated-2);
}
.post-photo-ops__head,.post-photo-ops__head>div{min-width:0}
.post-photo-ops__head>div{display:grid;gap:4px}
.post-photo-ops__head span{
  width:fit-content;min-height:21px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--info) 34%,var(--border-default));
  background:color-mix(in srgb,var(--info) 9%,var(--bg-elevated));
  color:var(--info);font:900 9px/1 var(--font-mono);letter-spacing:.08em;
}
.post-photo-ops.is-ok .post-photo-ops__head span{
  color:var(--success);border-color:color-mix(in srgb,var(--success) 36%,var(--border-default));
  background:color-mix(in srgb,var(--success) 10%,var(--bg-elevated));
}
.post-photo-ops.is-warn .post-photo-ops__head span,.post-photo-ops.is-busy .post-photo-ops__head span{
  color:var(--warning);border-color:color-mix(in srgb,var(--warning) 38%,var(--border-default));
  background:color-mix(in srgb,var(--warning) 11%,var(--bg-elevated));
}
.post-photo-ops__head b{min-width:0;color:var(--text-primary);font:900 13px/1.25 var(--font-display);overflow-wrap:anywhere}
.post-photo-ops__head em{min-width:0;color:var(--text-secondary);font:800 11px/1.4 var(--font-body);font-style:normal;overflow-wrap:anywhere}
.post-photo-ops__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.post-photo-ops__facts span{
  min-width:0;min-height:44px;display:grid;align-content:center;gap:3px;padding:6px;border-radius:11px;
  border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);
  text-align:center;font:900 10px/1.2 var(--font-body);
}
.post-photo-ops__facts b{color:var(--text-tertiary);font:900 9px/1 var(--font-mono)}
.post-photo-ops__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.post-photo-ops__actions button{
  min-width:0;min-height:42px;padding:0 10px;border-radius:12px;border:1px solid var(--border-default);
  background:var(--bg-elevated);color:var(--text-primary);font:900 12px/1 var(--font-body);
}
.post-photo-ops__actions button.is-primary{border-color:var(--accent);background:var(--accent);color:#fff}
.post-photo-ops__actions button:disabled{opacity:.56;cursor:not-allowed}
html[data-theme] .post-photo-ops,
html[data-theme] .post-photo-ops__facts span,
html[data-theme] .post-photo-ops__actions button:not(.is-primary){
  background:var(--contrast-surface,var(--bg-elevated-2)) !important;background-color:var(--contrast-surface,var(--bg-elevated-2)) !important;background-image:none !important;
  color:var(--contrast-text,var(--text-primary)) !important;-webkit-text-fill-color:var(--contrast-text,var(--text-primary)) !important;border-color:var(--contrast-line,var(--border-default)) !important;
}
html[data-theme] .post-photo-ops__head b,html[data-theme] .post-photo-ops__facts span{color:var(--contrast-text,var(--text-primary)) !important;-webkit-text-fill-color:var(--contrast-text,var(--text-primary)) !important}
html[data-theme] .post-photo-ops__head em,html[data-theme] .post-photo-ops__facts b{color:var(--contrast-subtext,var(--text-secondary)) !important;-webkit-text-fill-color:var(--contrast-subtext,var(--text-secondary)) !important}
html[data-theme] .post-photo-ops__head span{
  background:var(--contrast-surface-2,var(--bg-elevated)) !important;background-color:var(--contrast-surface-2,var(--bg-elevated)) !important;
  color:var(--contrast-accent-text,var(--accent)) !important;-webkit-text-fill-color:var(--contrast-accent-text,var(--accent)) !important;border-color:var(--contrast-line,var(--border-default)) !important;
}
html[data-theme] .post-photo-ops__actions button.is-primary{
  background:var(--contrast-action-bg,var(--accent)) !important;background-color:var(--contrast-action-bg,var(--accent)) !important;
  color:var(--contrast-action-text,#fff) !important;-webkit-text-fill-color:var(--contrast-action-text,#fff) !important;border-color:var(--contrast-action-bg,var(--accent)) !important;
}
@media(max-width:430px){.post-photo-ops__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.post-photo-ops__actions{grid-template-columns:1fr}}


.banner{
  height:190px;border-radius:10px;overflow:hidden;position:relative;background:#0a0d10;
  border:1px solid var(--line);margin-bottom:12px;
}
.banner img{width:100%;height:100%;object-fit:cover}
.banner .grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,0.6) 100%)}
.banner .ttl{position:absolute;bottom:12px;left:14px;right:14px;font-size:22px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,0.6)}
.banner .empty-art{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#141922,#252b35);
  font-size:64px;
}


.cab-card{
  background:#101318;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:12px;
}
.cab-card .thumb{
  width:74px;height:74px;border-radius:8px;background:#0a0d10;flex-shrink:0;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden;
}
.cab-card .thumb img{width:100%;height:100%;object-fit:cover}
.cab-card .body{flex:1;min-width:0}
.cab-card .name{font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cond{display:inline-flex;gap:1px;font-size:13px;color:#666}
.cond .on{color:var(--yellow)}


.bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  background:rgba(17,20,24,0.96);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
  display:flex;justify-content:space-around;
  padding:6px 4px calc(6px + var(--safe-bottom));
}
.bottom-nav button{
  flex:1;background:transparent;border:none;color:#7f8798;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:6px 0;font-size:10px;font-weight:700;letter-spacing:.05em;
  border-radius:10px;
  position:relative;
  transition:.15s;
}
.bottom-nav button .ic{font-size:22px;line-height:1}
.bottom-nav button.active{color:var(--pink)}
.bottom-nav button.active::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:24px;height:3px;background:var(--pink);border-radius:0 0 4px 4px;
}


.fab{
  position:fixed;right:18px;bottom:calc(78px + var(--safe-bottom));z-index:70;
  width:56px;height:56px;border-radius:16px;
  background:var(--pink);
  color:#fff;border:none;font-size:26px;
  box-shadow:0 12px 28px rgba(255,77,141,0.38);
}


.modal-bg{
  position:fixed;inset:0;background:rgba(8,10,14,0.78);backdrop-filter:blur(4px);
  display:none;align-items:flex-end;justify-content:center;z-index:900;
}
.modal-bg.show{display:flex}
.modal-bg.is-priority{z-index:980}
.modal{
  background:linear-gradient(180deg,var(--surface),var(--panel2));
  border:1px solid var(--line);border-top-left-radius:14px;border-top-right-radius:14px;
  width:100%;max-width:760px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 -10px 40px rgba(0,0,0,0.5);
  animation:slideUp .25s ease;
}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}
@media(min-width:560px){
  .modal-bg{align-items:center}
  .modal{border-radius:12px;max-width:560px}
  @keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
}
.modal header{
  position:sticky;top:0;background:rgba(28,32,40,.95);
  padding:12px 16px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;
}
.modal header h3{margin:0;color:var(--text);font-size:15px}
.modal .body{padding:14px 16px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
.modal footer{
  padding:12px 16px;border-top:1px solid var(--line);
  display:flex;gap:8px;
  background:rgba(28,32,40,.95);padding-bottom:calc(12px + var(--safe-bottom));
}
.modal footer .btn{flex:1}
.handle{width:40px;height:4px;background:rgba(255,255,255,0.3);border-radius:999px;margin:6px auto 4px}


.toast{
  position:fixed;bottom:calc(96px + var(--safe-bottom));left:50%;transform:translateX(-50%);
  background:#101318;border:1px solid var(--pink);color:#fff;
  padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;
  box-shadow:0 6px 20px rgba(255,77,141,0.5);
  z-index:920;opacity:0;pointer-events:none;transition:.2s;
  white-space:nowrap;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}


.lightbox{
  position:fixed;inset:0;z-index:950;background:#000;display:none;align-items:center;justify-content:center;
  padding:20px;
}
.lightbox.show{display:flex}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.lightbox .close{position:absolute;top:calc(12px + var(--safe-top));right:12px;background:rgba(255,255,255,0.15);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:20px}


.pam{background:#fff;color:#1c1530;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5)}
.pam .cover{position:relative;padding:36px 22px;color:#fff;
  background:radial-gradient(800px 320px at 80% -10%, rgba(255,255,255,0.25), transparent 60%),
             linear-gradient(135deg,#ff4d8d 0%,#a87bff 50%,#5be8ff 100%);}
.pam .cover .label{display:inline-block;border:2px solid #fff;border-radius:999px;padding:3px 12px;font-size:10px;letter-spacing:.2em;font-weight:800}
.pam .cover h1{margin:12px 0 4px;font-size:28px;line-height:1.15;letter-spacing:.02em;font-weight:900}
.pam .cover .sub{font-size:12px;opacity:.95}
.pam .cover .meta{margin-top:14px;font-size:11px;opacity:.95;display:flex;gap:12px;flex-wrap:wrap}
.pam .cover .deco{position:absolute;right:-16px;bottom:-22px;font-size:120px;opacity:0.16;line-height:1;font-weight:900;letter-spacing:-0.05em}
.pam .body{padding:22px}
.pam h2.sec{font-size:16px;margin:0 0 8px;color:#ff4d8d;letter-spacing:.04em;border-bottom:2px dashed #ff4d8d;padding-bottom:6px}
.pam h3{font-size:13px;margin:12px 0 5px;color:#5b3df0}
.pam p{margin:6px 0;line-height:1.65;font-size:12px}
.pam ul{margin:6px 0 6px 18px;font-size:12px;line-height:1.7}
.pam .arcade-card{border:1.5px solid #ff4d8d;border-radius:12px;padding:12px;margin:10px 0;background:linear-gradient(180deg,#fff,#fff7fa)}
.pam .arcade-card .name{font-weight:900;font-size:15px}
.pam .visit{border-left:4px solid #5be8ff;padding:7px 11px;margin:6px 0;background:#f0fbff;border-radius:6px;font-size:12px}
.pam .stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
.pam .stat-strip .b{background:#1c1530;color:#fff;border-radius:8px;padding:8px;text-align:center}
.pam .stat-strip .b .v{font-size:18px;font-weight:900;color:#ff86b3}
.pam .stat-strip .b .l{font-size:9px;letter-spacing:.15em;opacity:.8}
.pam .footer{background:#1c1530;color:#fff;padding:14px 22px;text-align:center;font-size:10px;letter-spacing:.2em}
.pam .pam-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0}
.pam .pam-photos img{aspect-ratio:1/1;width:100%;object-fit:cover;border-radius:6px}
.pam .pam-photo-vault{
  aspect-ratio:1/1;display:grid;place-items:center;gap:3px;border-radius:6px;
  border:1px dashed #39d7d2;background:#e8fbf8;color:#06675f;
  font:900 10px/1.2 var(--font-body);text-align:center;
}
.pam .pam-photo-vault small{font:800 9px/1.2 var(--font-body);color:#64748b}
.quick-compose-target__vault,
.checkin-picker-row__vault,
.cab-card__vault,
.v2-hero-vault{
  width:100%;height:100%;display:grid;place-items:center;gap:3px;
  background:color-mix(in srgb,var(--success) 12%,var(--bg-elevated));
  color:var(--success);font:900 10px/1.2 var(--font-body);text-align:center;
}
.quick-compose-target__vault img,
.checkin-picker-row__vault img,
.cab-card__vault img,
.v2-hero-vault img{width:100%;height:100%;object-fit:cover;display:block}
.v2-hero-vault{position:absolute;inset:0}
.v2-hero-vault small{color:var(--text-secondary);font:800 10px/1.2 var(--font-body)}
@media print{
  .appbar,.bottom-nav,.fab,.no-print,.toast{display:none !important}
  body{background:#fff;color:#000;padding-bottom:0}
  main{padding:0;margin:0;max-width:100%}
  .pam{box-shadow:none;border-radius:0}
}


.tl{position:relative;padding-left:18px;margin:8px 0}
.tl::before{content:"";position:absolute;top:0;left:6px;bottom:0;width:2px;background:#ddd}
.tl .item-tl{position:relative;padding:6px 0 6px 12px;font-size:12px}
.tl .item-tl::before{content:"";position:absolute;left:-6px;top:11px;width:10px;height:10px;border-radius:999px;background:#5be8ff}
.tl .item-tl.car::before{background:#ffd84d}
.tl .item-tl.bus::before{background:#7dffac}
.tl .item-tl.walk::before{background:#a87bff}
.tl .item-tl.lodge::before{background:#ff4d8d}
.tl .item-tl.play::before{background:#000}


.warn-bar{
  background:linear-gradient(135deg,#ff7373,#ff9b9b);color:#fff;
  padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700;
  margin-bottom:10px;
}

.kbd{background:#15102a;border:1px solid var(--line);padding:2px 6px;border-radius:5px;font-size:11px;font-family:monospace;color:var(--cyan)}


.checkin-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:14px;border:none;border-radius:10px;
  background:var(--green);color:#04221a;
  font-weight:900;font-size:15px;
  box-shadow:0 8px 20px rgba(125,255,172,0.24);
}


.subnav{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;-webkit-overflow-scrolling:touch}
.subnav button{
  background:rgba(255,255,255,0.05);color:#cdd2ee;border:1px solid var(--line);
  padding:8px 14px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap;
}
.subnav button.active{background:rgba(255,77,141,0.2);border-color:var(--pink);color:#fff}


.detail-meta{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.detail-meta .mr{display:flex;gap:6px;align-items:center;color:#cdd2ee;font-size:13px}
.detail-meta .mr .ic{color:var(--pink);width:20px;text-align:center}

.share-link{font-size:11px;color:var(--cyan);word-break:break-all;background:#0a0d10;padding:8px;border-radius:8px;border:1px solid var(--line);margin-top:6px}


html[data-theme="light"] {
  color-scheme: light;
  --ui-surface: #ffffff;
  --ui-surface-2: #f1f4f8;
  --ui-surface-3: #e8edf4;
  --ui-text: #14171f;
  --ui-subtext: #4f5868;
  --ui-muted: #6c7585;
  --ui-line: rgba(20,23,31,0.14);
  --ui-accent-text: #b41449;
  --ui-action-bg: #e11d48;
  --ui-danger-bg: #b91c1c;
  --ui-success-text: #075348;
  --ui-warning-text: #6b3d00;
  --ui-elev-shadow: 0 10px 30px rgba(20,23,31,0.10);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ui-surface: #14161a;
  --ui-surface-2: #1d2026;
  --ui-surface-3: #0f1115;
  --ui-text: #f8f8fa;
  --ui-subtext: #c2c7d2;
  --ui-muted: #8d94a3;
  --ui-line: rgba(255,255,255,0.12);
  --ui-accent-text: #ff6f9f;
  --ui-action-bg: #e11d48;
  --ui-danger-bg: #dc2626;
  --ui-success-text: #86f4df;
  --ui-warning-text: #ffc869;
  --ui-elev-shadow: 0 12px 30px rgba(0,0,0,0.34);
}
html[data-theme] body,
html[data-theme] main,
html[data-theme] .page,
html[data-theme] .modal .body {
  color: var(--ui-text) !important;
}
html[data-theme] .card,
html[data-theme] .item,
html[data-theme] .arcade-tile,
html[data-theme] .cab-card,
html[data-theme] .share-card,
html[data-theme] .scope-box,
html[data-theme] .scope-note,
html[data-theme] .stat,
html[data-theme] .quick-stats .stat-cell,
html[data-theme] .photo-cell,
html[data-theme] .photo-add,
html[data-theme] .share-link,
html[data-theme] .checkrow,
html[data-theme] .kbd,
html[data-theme] .modal,
html[data-theme] .modal header,
html[data-theme] .modal footer,
html[data-theme] .bottomsheet,
html[data-theme] .map-cockpit,
html[data-theme] .map-quest-card,
html[data-theme] .map-startup-panel,
html[data-theme] .map-startup-row,
html[data-theme] .feed-command-panel,
html[data-theme] .feed-command-action,
html[data-theme] .feed-signal,
html[data-theme] .arcade-ops-panel,
html[data-theme] .arcade-op-card,
html[data-theme] .community-post-card,
html[data-theme] .thread-post-card,
html[data-theme] .thread-reply-card,
html[data-theme] .post-compose-assist,
html[data-theme] .report-target-card,
html[data-theme] .bs-empty,
html[data-theme] .account-status,
html[data-theme] .account-create-box,
html[data-theme] .account-row,
html[data-theme] .account-empty,
html[data-theme] .app-back,
html[data-theme] .app-action.ghost {
  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  background-image: none !important;
  color: var(--ui-text) !important;
  border-color: var(--ui-line) !important;
  box-shadow: var(--ui-elev-shadow);
}
html[data-theme] .field input,
html[data-theme] .field select,
html[data-theme] .field textarea,
html[data-theme] .arcade-searchbar,
html[data-theme] .bottomsheet__search,
html[data-theme] .thread-reply-compose textarea,
html[data-theme] .account-create-row input {
  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  background-image: none !important;
  color: var(--ui-text) !important;
  border-color: var(--ui-line) !important;
}
html[data-theme] .arcade-searchbar input,
html[data-theme] .bottomsheet__search input {
  color: var(--ui-text) !important;
}
html[data-theme] .field input::placeholder,
html[data-theme] .field textarea::placeholder,
html[data-theme] .arcade-searchbar input::placeholder,
html[data-theme] .bottomsheet__search input::placeholder,
html[data-theme] .thread-reply-compose textarea::placeholder,
html[data-theme] .account-create-row input::placeholder {
  color: var(--ui-muted) !important;
}
html[data-theme] .field label,
html[data-theme] .muted,
html[data-theme] .tag,
html[data-theme] .detail-meta .mr,
html[data-theme] .scope-box span,
html[data-theme] .stat .l,
html[data-theme] .quick-stats .stat-cell .l,
html[data-theme] .arcade-tile .cabs,
html[data-theme] .arcade-tile .meta-row,
html[data-theme] .sec-h .ct,
html[data-theme] .bottom-nav button,
html[data-theme] .subnav button,
html[data-theme] .feed-card .actions span,
html[data-theme] .map-subline,
html[data-theme] .map-quest-card__body,
html[data-theme] .map-startup-row span,
html[data-theme] .feed-command-panel__account,
html[data-theme] .feed-signal span,
html[data-theme] .arcade-op-card small,
html[data-theme] .arcade-ops-missing span,
html[data-theme] .community-post-card__time,
html[data-theme] .community-post-card__meta,
html[data-theme] .thread-post-card__meta,
html[data-theme] .thread-post-card__foot,
html[data-theme] .thread-reply-card__head time,
html[data-theme] .thread-empty span,
html[data-theme] #postCharCounter,
html[data-theme] .report-target-card span,
html[data-theme] .bs-row__meta,
html[data-theme] .bs-row__dist,
html[data-theme] .bs-empty__sub,
html[data-theme] .account-status span,
html[data-theme] .account-create-box span,
html[data-theme] .account-list-head span,
html[data-theme] .account-row__body small,
html[data-theme] .account-empty {
  color: var(--ui-subtext) !important;
}
html[data-theme] .card h2,
html[data-theme] .sec-h h2,
html[data-theme] .stat .v,
html[data-theme] .quick-stats .stat-cell .v,
html[data-theme] .cab-card .name,
html[data-theme] .item .ttl,
html[data-theme] .app-title,
html[data-theme] .map-headline,
html[data-theme] .map-quest-card__title,
html[data-theme] .map-startup-panel__top b,
html[data-theme] .map-startup-row b,
html[data-theme] .arcade-ops-panel__top b,
html[data-theme] .feed-signal b,
html[data-theme] .arcade-op-card b,
html[data-theme] .bs-row__title,
html[data-theme] .bs-empty__title,
html[data-theme] .community-post-card__text,
html[data-theme] .thread-post-card__text,
html[data-theme] .thread-reply-card p,
html[data-theme] .thread-reply-head b,
html[data-theme] .report-target-card b,
html[data-theme] .modal header h3,
html[data-theme] .account-status b,
html[data-theme] .account-create-box b,
html[data-theme] .account-list-head b,
html[data-theme] .account-row__body b {
  color: var(--ui-text) !important;
}
html[data-theme] .tag,
html[data-theme] .subnav button,
html[data-theme] .arcade-tile .cab-pill,
html[data-theme] .v2-chip,
html[data-theme] .bs-cab,
html[data-theme] .bs-chip,
html[data-theme] .map-cockpit__status,
html[data-theme] .map-cockpit__actions button,
html[data-theme] .map-startup-row button,
html[data-theme] .arcade-op-card button,
html[data-theme] .arcade-ops-missing button,
html[data-theme] .community-post-card__meta button,
html[data-theme] .thread-post-card__foot button,
html[data-theme] .post-template-row button,
html[data-theme] .post-safety-checklist span,
html[data-theme] .thread-reply-card__actions button,
html[data-theme] .feed-command__pill {
  background: var(--ui-surface-2) !important;
  background-color: var(--ui-surface-2) !important;
  background-image: none !important;
  border-color: var(--ui-line) !important;
  color: var(--ui-subtext) !important;
}
html[data-theme] .feed-tab-count {
  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  color: var(--ui-muted) !important;
}
html[data-theme] .feed-tabs button.is-active .feed-tab-count {
  background: rgba(255,255,255,0.18) !important;
  color: #fff !important;
}
html[data-theme] .account-row.is-active .account-row__state,
html[data-theme] .account-status__icon {
  background: var(--success) !important;
  background-color: var(--success) !important;
  color: #06352e !important;
  border-color: var(--success) !important;
}
html[data-theme] .account-status.is-offline .account-status__icon {
  background: var(--warning) !important;
  background-color: var(--warning) !important;
  color: #3b2300 !important;
  border-color: var(--warning) !important;
}
html[data-theme] .arcade-ops-panel__state {
  background: var(--ui-surface-2) !important;
  background-color: var(--ui-surface-2) !important;
  border-color: var(--ui-line) !important;
  color: var(--ui-subtext) !important;
}
html[data-theme] .arcade-ops-panel__state.is-synced {
  background: var(--success) !important;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
  color: #06352e !important;
}
html[data-theme] .arcade-ops-panel__state.is-draft {
  background: var(--warning) !important;
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
  color: #3b2300 !important;
}
html[data-theme] .btn.ghost,
html[data-theme] .subnav button.active,
html[data-theme] .bottom-nav button.active {
  background: var(--accent-soft) !important;
  background-color: var(--accent-soft) !important;
  background-image: none !important;
  border-color: var(--accent) !important;
  color: var(--ui-accent-text) !important;
}
html[data-theme] .bs-chip.is-active,
html[data-theme] .feed-command-action--primary,
html[data-theme] .map-cockpit__actions .map-cockpit__primary,
html[data-theme] .map-startup-row button.is-primary,
html[data-theme] .community-post-card__like.is-active,
html[data-theme] .thread-reply-card__actions button.is-active {
  background: var(--ui-action-bg) !important;
  background-color: var(--ui-action-bg) !important;
  background-image: none !important;
  border-color: var(--ui-action-bg) !important;
  color: #fff !important;
}
html[data-theme] .btn:not(.ghost):not(.cyan):not(.green):not(.warn),
html[data-theme] .app-action:not(.ghost),
html[data-theme] .tag.solid,
html[data-theme] .feed-action--like.is-active {
  background: var(--ui-action-bg) !important;
  background-color: var(--ui-action-bg) !important;
  border-color: var(--ui-action-bg) !important;
  color: #fff !important;
}
html[data-theme] .btn.warn,
html[data-theme] .community-post-card__meta button.danger,
html[data-theme] .thread-reply-card__actions button.danger {
  background: var(--ui-danger-bg) !important;
  background-color: var(--ui-danger-bg) !important;
  border-color: var(--ui-danger-bg) !important;
  color: #fff !important;
}
html[data-theme] .scope-note.public,
html[data-theme] .scope-box.public {
  background: color-mix(in srgb, var(--success) 8%, var(--ui-surface)) !important;
  border-color: color-mix(in srgb, var(--success) 36%, var(--ui-line)) !important;
}
html[data-theme] .scope-note.private,
html[data-theme] .scope-box.private {
  background: color-mix(in srgb, var(--warning) 8%, var(--ui-surface)) !important;
  border-color: color-mix(in srgb, var(--warning) 38%, var(--ui-line)) !important;
}
html[data-theme] .map-startup-row.is-ok .map-startup-row__state {
  background: color-mix(in srgb, var(--success) 18%, var(--ui-surface-2)) !important;
  color: var(--ui-success-text) !important;
  border-color: color-mix(in srgb, var(--success) 42%, var(--ui-line)) !important;
}
html[data-theme] .map-startup-row.is-needed .map-startup-row__state {
  background: color-mix(in srgb, var(--warning) 18%, var(--ui-surface-2)) !important;
  color: var(--ui-warning-text) !important;
  border-color: color-mix(in srgb, var(--warning) 42%, var(--ui-line)) !important;
}
html[data-theme] .map-command,
html[data-theme] .map-stat {
  background: color-mix(in srgb, var(--ui-surface) 90%, transparent) !important;
  background-color: color-mix(in srgb, var(--ui-surface) 90%, transparent) !important;
  background-image: none !important;
  border-color: var(--ui-line) !important;
  color: var(--ui-text) !important;
}
html[data-theme] .map-subline,
html[data-theme] .map-stat .l {
  color: var(--ui-subtext) !important;
}
html[data-theme] .map-stat .v {
  color: var(--ui-text) !important;
}
html[data-theme] .map-controls button,
html[data-theme] .bottomsheet__search-clear,
html[data-theme] .leaflet-control-zoom a {
  background: var(--ui-surface) !important;
  background-color: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  border-color: var(--ui-line) !important;
}
html[data-theme] .bottomsheet__handle::before {
  background: var(--ui-line) !important;
}
html[data-theme] .bs-row {
  color: var(--ui-text) !important;
}
html[data-theme] .bs-row:hover,
html[data-theme] .bs-row:active {
  background: var(--ui-surface-2) !important;
}
html[data-theme] .detail-actions .btn:not(.green) {
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  border: 1px solid var(--ui-line) !important;
}
html[data-theme] .detail-actions .btn.ghost-dark {
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}
html[data-theme] .toast {
  background: var(--ui-text) !important;
  color: var(--ui-surface) !important;
}
html[data-theme] .leaflet-popup-content-wrapper,
html[data-theme] .leaflet-popup-tip {
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  border: 1px solid var(--ui-line) !important;
  box-shadow: var(--ui-elev-shadow) !important;
}
html[data-theme] .leaflet-popup-content,
html[data-theme] .leaflet-popup-content b,
html[data-theme] .leaflet-popup-content small {
  color: var(--ui-text) !important;
}
html[data-theme] .leaflet-popup-content a {
  color: var(--accent) !important;
}
html[data-theme] .leaflet-control-attribution {
  background: color-mix(in srgb, var(--ui-surface) 88%, transparent) !important;
  color: var(--ui-muted) !important;
}
html[data-theme] .leaflet-control-attribution a {
  color: var(--ui-subtext) !important;
}
html[data-theme="light"] [style*="color:#cdd2ee"],
html[data-theme="light"] [style*="color:#d6dbea"],
html[data-theme="light"] [style*="color:#777"],
html[data-theme="light"] [style*="color:#555"],
html[data-theme="light"] [style*="color:#888"] {
  color: var(--ui-subtext) !important;
}
html[data-theme="light"] .feed-cloud-badge,
html[data-theme="light"] .v2-sync-badge,
html[data-theme="light"] .tag.solid,
html[data-theme="light"] .btn:not(.ghost):not(.cyan):not(.green),
html[data-theme="light"] .app-action:not(.ghost),
html[data-theme="light"] .feed-action--like.is-active,
html[data-theme="light"] .community-post-card__like.is-active,
html[data-theme="light"] .map-cockpit__actions .map-cockpit__primary,
html[data-theme="light"] .map-startup-row button.is-primary {
  color: #fff !important;
}
html[data-theme="light"] .map-stage,
html[data-theme="light"] #map {
  background: #e7edf4 !important;
}
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .appbar {
  background: rgba(255,255,255,0.92) !important;
}
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .appbar {
  background: rgba(13,15,18,0.92) !important;
}


html[data-theme="light"] {
  --readable-shell: rgba(255,255,255,0.96);
  --readable-surface: #ffffff;
  --readable-surface-2: #eef2f7;
  --readable-surface-3: #e5eaf2;
  --readable-text: #14171f;
  --readable-subtext: #465266;
  --readable-muted: #667085;
  --readable-line: rgba(20,23,31,0.16);
  --readable-overlay: rgba(15,23,42,0.38);
  --readable-shadow: 0 14px 34px rgba(20,23,31,0.12);
  --readable-yellow: #704200;
  --readable-cyan: #075985;
  --readable-red: #9f1239;
  --readable-purple: #5b21b6;
  --readable-orange: #8a3a00;
  --readable-green: #166534;
  --readable-gray: #4b5563;
}
html[data-theme="dark"] {
  --readable-shell: rgba(13,15,18,0.94);
  --readable-surface: #14161a;
  --readable-surface-2: #1d2026;
  --readable-surface-3: #0f1115;
  --readable-text: #f8f8fa;
  --readable-subtext: #c2c7d2;
  --readable-muted: #9aa2b2;
  --readable-line: rgba(255,255,255,0.14);
  --readable-overlay: rgba(3,6,12,0.76);
  --readable-shadow: 0 16px 36px rgba(0,0,0,0.42);
}
html[data-theme] body,
html[data-theme] main,
html[data-theme] .page,
html[data-theme] .modal,
html[data-theme] .modal .body {
  color: var(--readable-text) !important;
}
html[data-theme] .appbar,
html[data-theme] .bottom-nav.v2-nav-5,
html[data-theme] .modal header,
html[data-theme] .modal footer {
  background: var(--readable-shell) !important;
  background-color: var(--readable-shell) !important;
  color: var(--readable-text) !important;
  border-color: var(--readable-line) !important;
  box-shadow: var(--readable-shadow) !important;
}
html[data-theme] .app-title,
html[data-theme] .appbar .app-title {
  color: var(--readable-text) !important;
  -webkit-text-fill-color: var(--readable-text) !important;
}
html[data-theme] .app-title small,
html[data-theme] .appbar .app-title small {
  color: var(--readable-subtext) !important;
  -webkit-text-fill-color: var(--readable-subtext) !important;
}
html[data-theme] .empty {
  color: var(--readable-subtext) !important;
}
html[data-theme] header.appbar .app-action,
html[data-theme] .appbar .app-action,
html[data-theme] .app-back {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
html[data-theme] header.appbar .app-action:not(.ghost),
html[data-theme] .appbar .app-action:not(.ghost) {
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme] header.appbar .app-action.ghost,
html[data-theme] .appbar .app-action.ghost,
html[data-theme] .app-back,
html[data-theme] .btn.ghost {
  background: var(--readable-surface-2) !important;
  background-color: var(--readable-surface-2) !important;
  border: 1px solid var(--readable-line) !important;
  color: var(--readable-text) !important;
  -webkit-text-fill-color: var(--readable-text) !important;
}
html[data-theme] .bottom-nav.v2-nav-5 button {
  color: var(--readable-muted) !important;
}
html[data-theme] .bottom-nav.v2-nav-5 button.active {
  background: var(--accent-soft) !important;
  color: var(--ui-accent-text, var(--accent)) !important;
}
html[data-theme] .bottom-nav.v2-nav-5 .nav-fab {
  background: linear-gradient(135deg, var(--accent), var(--pink2)) !important;
  border: 2px solid var(--readable-shell) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 28px rgba(225,29,72,0.32) !important;
}
html[data-theme] .bottom-nav.v2-nav-5 .nav-fab .ic-fab {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
}
html[data-theme] .field input,
html[data-theme] .field select,
html[data-theme] .field textarea,
html[data-theme] .thread-reply-compose textarea,
html[data-theme] .account-create-row input,
html[data-theme] .arcade-searchbar,
html[data-theme] .arcade-searchbar input,
html[data-theme] .bottomsheet__search,
html[data-theme] .bottomsheet__search input,
html[data-theme] .checkin-picker-search,
html[data-theme] .checkin-picker-search input {
  background: var(--readable-surface) !important;
  background-color: var(--readable-surface) !important;
  color: var(--readable-text) !important;
  -webkit-text-fill-color: var(--readable-text) !important;
  border-color: var(--readable-line) !important;
}
html[data-theme] .field input::placeholder,
html[data-theme] .field textarea::placeholder,
html[data-theme] .thread-reply-compose textarea::placeholder,
html[data-theme] .account-create-row input::placeholder,
html[data-theme] .arcade-searchbar input::placeholder,
html[data-theme] .bottomsheet__search input::placeholder,
html[data-theme] .checkin-picker-search input::placeholder {
  color: var(--readable-muted) !important;
  -webkit-text-fill-color: var(--readable-muted) !important;
  opacity: 1 !important;
}
html[data-theme] .card,
html[data-theme] .item,
html[data-theme] .share-card,
html[data-theme] .scope-box,
html[data-theme] .scope-note,
html[data-theme] .empty,
html[data-theme] .stat,
html[data-theme] .quick-stats .stat-cell,
html[data-theme] .v2-card,
html[data-theme] .feed-card,
html[data-theme] .info-card,
html[data-theme] .bottomsheet,
html[data-theme] .modal,
html[data-theme] .post-compose-assist,
html[data-theme] .pending-post-card,
html[data-theme] .action-card,
html[data-theme] .quick-compose-status,
html[data-theme] .quick-compose-target,
html[data-theme] .store-required-hero,
html[data-theme] .profile-ops-dashboard,
html[data-theme] .profile-ops-row,
html[data-theme] .trip-command-panel,
html[data-theme] .trip-command-stats button,
html[data-theme] .trip-empty-state,
html[data-theme] .trip-list-card,
html[data-theme] .account-row,
html[data-theme] .account-status,
html[data-theme] .account-create-box {
  background: var(--readable-surface) !important;
  background-color: var(--readable-surface) !important;
  color: var(--readable-text) !important;
  border-color: var(--readable-line) !important;
}
html[data-theme] .modal-bg {
  background: var(--readable-overlay) !important;
}
html[data-theme] .modal-bg.show .modal {
  transform: translateY(0) !important;
  animation: none !important;
}
html[data-theme] .tag,
html[data-theme] .v2-chip,
html[data-theme] .bs-chip,
html[data-theme] .bs-cab,
html[data-theme] .feed-tab-count,
html[data-theme] .filter-count,
html[data-theme] .bs-chip__count,
html[data-theme] .post-safety-checklist span,
html[data-theme] .post-template-row button,
html[data-theme] .quick-compose-card,
html[data-theme] .quick-compose-target__meta span,
html[data-theme] .quick-compose-target__chip,
html[data-theme] .quick-compose-target__action,
html[data-theme] .profile-ops-row__state,
html[data-theme] .profile-ops-row__cta,
html[data-theme] .trip-list-card__meta span {
  color: var(--readable-subtext) !important;
  border-color: var(--readable-line) !important;
}
html[data-theme] .bs-chip__count,
html[data-theme] .filter-count,
html[data-theme] .feed-tab-count {
  background: var(--readable-surface-3) !important;
  color: var(--readable-text) !important;
}
html[data-theme] .bs-chip.is-active .bs-chip__count,
html[data-theme] .feed-tabs button.is-active .feed-tab-count {
  background: rgba(255,255,255,0.22) !important;
  color: #fff !important;
}
html[data-theme] .profile-ops-row__state,
html[data-theme] .profile-ops-row__cta {
  color: var(--ops-color, var(--readable-subtext)) !important;
  border-color: color-mix(in srgb, var(--ops-color, var(--readable-subtext)) 38%, var(--readable-line)) !important;
}
html[data-theme] .leaflet-control-attribution {
  background: var(--readable-shell) !important;
  color: var(--readable-subtext) !important;
}
html[data-theme] .leaflet-control-attribution a {
  color: var(--readable-text) !important;
}
html[data-theme="light"] [style*="color:#ffd84d"],
html[data-theme="light"] [style*="color: #ffd84d"] {
  color: var(--readable-yellow) !important;
  border-color: #b7791f !important;
}
html[data-theme="light"] [style*="color:#5be8ff"],
html[data-theme="light"] [style*="color: #5be8ff"] {
  color: var(--readable-cyan) !important;
  border-color: #0891b2 !important;
}
html[data-theme="light"] [style*="color:#ff6b6b"],
html[data-theme="light"] [style*="color: #ff6b6b"],
html[data-theme="light"] [style*="color:#ff4d8d"],
html[data-theme="light"] [style*="color: #ff4d8d"] {
  color: var(--readable-red) !important;
  border-color: #be123c !important;
}
html[data-theme="light"] [style*="color:#a87bff"],
html[data-theme="light"] [style*="color: #a87bff"] {
  color: var(--readable-purple) !important;
  border-color: #7c3aed !important;
}
html[data-theme="light"] [style*="color:#ffa566"],
html[data-theme="light"] [style*="color: #ffa566"] {
  color: var(--readable-orange) !important;
  border-color: #c2410c !important;
}
html[data-theme="light"] [style*="color:#7dffac"],
html[data-theme="light"] [style*="color: #7dffac"] {
  color: var(--readable-green) !important;
  border-color: #16a34a !important;
}
html[data-theme="light"] [style*="color:#888"],
html[data-theme="light"] [style*="color: #888"],
html[data-theme="light"] [style*="color:#777"],
html[data-theme="light"] [style*="color: #777"],
html[data-theme="light"] [style*="color:#555"],
html[data-theme="light"] [style*="color: #555"] {
  color: var(--readable-gray) !important;
  border-color: #6b7280 !important;
}
html[data-theme="light"] .tag[style*="color:#"],
html[data-theme="light"] .tag[style*="color: #"] {
  background: #fff !important;
}
@media (max-width: 520px) {
  html[data-theme] .modal {
    max-height: 94dvh !important;
    border-radius: 18px 18px 0 0 !important;
  }
  html[data-theme] .modal footer {
    position: sticky;
    bottom: 0;
    gap: 8px;
  }
  html[data-theme] .modal footer .btn,
  html[data-theme] .quick-compose-card,
  html[data-theme] .action-card {
    min-height: 52px;
  }
  html[data-theme] .field textarea,
  html[data-theme] #postBody,
  html[data-theme] #threadReplyBody {
    min-height: 112px;
  }
}

html[data-theme="light"] {
  --contrast-page-bg: #f4f6fa;
  --contrast-shell: rgba(255,255,255,0.96);
  --contrast-surface: #ffffff;
  --contrast-surface-2: #edf1f7;
  --contrast-surface-3: #e3e9f2;
  --contrast-text: #111827;
  --contrast-subtext: #3f4858;
  --contrast-muted: #667085;
  --contrast-line: rgba(17,24,39,0.16);
  --contrast-accent-text: #9f1239;
  --contrast-action-bg: #be123c;
  --contrast-action-text: #ffffff;
  --contrast-ok-text: #075348;
  --contrast-warn-text: #6b3d00;
  --contrast-local-text: #475569;
  --contrast-danger-text: #991b1b;
}

html[data-theme="dark"] {
  --contrast-page-bg: #090a0d;
  --contrast-shell: rgba(13,15,18,0.94);
  --contrast-surface: #14161a;
  --contrast-surface-2: #1d2026;
  --contrast-surface-3: #0f1115;
  --contrast-text: #f8f8fa;
  --contrast-subtext: #c8ced8;
  --contrast-muted: #9aa2b2;
  --contrast-line: rgba(255,255,255,0.14);
  --contrast-accent-text: #ff7aa7;
  --contrast-action-bg: #be123c;
  --contrast-action-text: #ffffff;
  --contrast-ok-text: #86f4df;
  --contrast-warn-text: #ffd37a;
  --contrast-local-text: #c2c7d2;
  --contrast-danger-text: #ff8aa0;
}

html[data-theme] body,
html[data-theme] main,
html[data-theme] .page {
  color: var(--contrast-text) !important;
}

html[data-theme] .feed-command-panel,
html[data-theme] .feed-empty-state,
html[data-theme] .feed-card,
html[data-theme] .feed-tabs button,
html[data-theme] .feed-command-action,
html[data-theme] .feed-command__pill,
html[data-theme] .feed-signal,
html[data-theme] .feed-action,
html[data-theme] .community-empty,
html[data-theme] .checkin-picker-summary {
  background: var(--contrast-surface) !important;
  background-color: var(--contrast-surface) !important;
  background-image: none !important;
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
  border-color: var(--contrast-line) !important;
}

html[data-theme] .feed-command-panel__title,
html[data-theme] .feed-empty-state__title,
html[data-theme] .feed-card .name,
html[data-theme] .feed-card .text,
html[data-theme] .feed-signal b,
html[data-theme] .feed-empty-state__action,
html[data-theme] .community-empty b {
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
}

html[data-theme] .feed-command-panel__account,
html[data-theme] .feed-command-panel__account span,
html[data-theme] .feed-empty-state__body,
html[data-theme] .feed-card .place,
html[data-theme] .feed-card .actions,
html[data-theme] .feed-card .actions span,
html[data-theme] .feed-signal span,
html[data-theme] .community-empty span {
  color: var(--contrast-subtext) !important;
  -webkit-text-fill-color: var(--contrast-subtext) !important;
}

html[data-theme] .feed-empty-state__icon,
html[data-theme] .feed-tab-count,
html[data-theme] .feed-command-panel__status,
html[data-theme] .feed-command__pill {
  background: var(--contrast-surface-2) !important;
  background-color: var(--contrast-surface-2) !important;
  color: var(--contrast-subtext) !important;
  -webkit-text-fill-color: var(--contrast-subtext) !important;
  border-color: var(--contrast-line) !important;
}

html[data-theme] .feed-tabs button.is-active,
html[data-theme] .feed-command-action--primary,
html[data-theme] .feed-empty-state__action.is-primary {
  background: var(--contrast-action-bg) !important;
  background-color: var(--contrast-action-bg) !important;
  background-image: none !important;
  color: var(--contrast-action-text) !important;
  -webkit-text-fill-color: var(--contrast-action-text) !important;
  border-color: var(--contrast-action-bg) !important;
}

html[data-theme] .feed-tabs button.is-active .feed-tab-count {
  background: #fff !important;
  background-color: #fff !important;
  color: var(--contrast-action-bg) !important;
  -webkit-text-fill-color: var(--contrast-action-bg) !important;
}

html[data-theme] .feed-signal em {
  background: var(--contrast-surface-2) !important;
  background-color: var(--contrast-surface-2) !important;
  color: var(--contrast-subtext) !important;
  -webkit-text-fill-color: var(--contrast-subtext) !important;
  border-color: var(--contrast-line) !important;
}

html[data-theme] .feed-command-panel__status.is-signed,
html[data-theme] .feed-signal.is-ok em {
  color: var(--contrast-ok-text) !important;
  -webkit-text-fill-color: var(--contrast-ok-text) !important;
  border-color: color-mix(in srgb, var(--success) 42%, var(--contrast-line)) !important;
  background: color-mix(in srgb, var(--success) 15%, var(--contrast-surface-2)) !important;
}

html[data-theme] .feed-command-panel__status.is-online,
html[data-theme] .feed-command__pill.is-pending,
html[data-theme] .feed-signal.is-warn em {
  color: var(--contrast-warn-text) !important;
  -webkit-text-fill-color: var(--contrast-warn-text) !important;
  border-color: color-mix(in srgb, var(--warning) 46%, var(--contrast-line)) !important;
  background: color-mix(in srgb, var(--warning) 16%, var(--contrast-surface-2)) !important;
}

html[data-theme] .feed-command-panel__status.is-local,
html[data-theme] .feed-signal.is-local em {
  color: var(--contrast-local-text) !important;
  -webkit-text-fill-color: var(--contrast-local-text) !important;
}

html[data-theme] .feed-action--danger {
  color: var(--contrast-danger-text) !important;
  -webkit-text-fill-color: var(--contrast-danger-text) !important;
  border-color: color-mix(in srgb, var(--danger) 42%, var(--contrast-line)) !important;
}

html[data-theme] .btn.cyan,
html[data-theme] .btn.green,
html[data-theme] .btn.warn {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme] .btn:not(.ghost):not(.cyan):not(.green):not(.warn),
html[data-theme] .app-action:not(.ghost),
html[data-theme] .tag.solid,
html[data-theme] .feed-action--like.is-active {
  background: var(--contrast-action-bg) !important;
  background-color: var(--contrast-action-bg) !important;
  border-color: var(--contrast-action-bg) !important;
  color: var(--contrast-action-text) !important;
  -webkit-text-fill-color: var(--contrast-action-text) !important;
}


html[data-theme="light"] {
  --contrast-page-bg: #f4f6fa;
  --contrast-shell: rgba(255,255,255,0.97);
  --contrast-surface: #ffffff;
  --contrast-surface-2: #edf1f7;
  --contrast-surface-3: #e3e9f2;
  --contrast-text: #111827;
  --contrast-subtext: #374151;
  --contrast-muted: #64748b;
  --contrast-line: rgba(17,24,39,0.17);
  --contrast-action-bg: #be123c;
  --contrast-action-text: #ffffff;
}
html[data-theme="dark"] {
  --contrast-page-bg: #090a0d;
  --contrast-shell: rgba(13,15,18,0.96);
  --contrast-surface: #14161a;
  --contrast-surface-2: #1d2026;
  --contrast-surface-3: #0f1115;
  --contrast-text: #f8f8fa;
  --contrast-subtext: #c8ced8;
  --contrast-muted: #9aa2b2;
  --contrast-line: rgba(255,255,255,0.15);
  --contrast-action-bg: #be123c;
  --contrast-action-text: #ffffff;
}
html[data-theme] body {
  background: var(--contrast-page-bg) !important;
  color: var(--contrast-text) !important;
}
html[data-theme] main,
html[data-theme] .page,
html[data-theme] .modal .body {
  color: var(--contrast-text) !important;
}
html[data-theme] .appbar,
html[data-theme] .bottom-nav,
html[data-theme] .bottom-nav.v2-nav-5,
html[data-theme] .modal header,
html[data-theme] .modal footer {
  background: var(--contrast-shell) !important;
  background-color: var(--contrast-shell) !important;
  color: var(--contrast-text) !important;
  border-color: var(--contrast-line) !important;
}
html[data-theme] .card,
html[data-theme] .item,
html[data-theme] .v2-card,
html[data-theme] .v2-tile,
html[data-theme] .feed-card,
html[data-theme] .feed-empty-state,
html[data-theme] .feed-tabs button,
html[data-theme] .feed-command-panel,
html[data-theme] .feed-command-action,
html[data-theme] .feed-signal,
html[data-theme] .post-photo-status,
html[data-theme] .community-empty,
html[data-theme] .community-post-card,
html[data-theme] .thread-post-card,
html[data-theme] .thread-reply-card,
html[data-theme] .thread-reply-compose,
html[data-theme] .pending-post-card,
html[data-theme] .pending-post-note,
html[data-theme] .action-card,
html[data-theme] .quick-compose-status,
html[data-theme] .quick-compose-card,
html[data-theme] .store-required-hero,
html[data-theme] .store-required-note,
html[data-theme] .profile-action-card,
html[data-theme] .profile-ops-dashboard,
html[data-theme] .profile-ops-row,
html[data-theme] .trip-command-panel,
html[data-theme] .trip-command-stats button,
html[data-theme] .trip-empty-state,
html[data-theme] .trip-list-card,
html[data-theme] .account-status,
html[data-theme] .account-create-box,
html[data-theme] .account-row,
html[data-theme] .account-empty,
html[data-theme] .report-target-card,
html[data-theme] .checkin-picker-summary,
html[data-theme] .checkin-picker-row,
html[data-theme] .info-card,
html[data-theme] .scope-box,
html[data-theme] .scope-note,
html[data-theme] .share-link,
html[data-theme] .photo-add,
html[data-theme] .bottomsheet,
html[data-theme] .modal,
html[data-theme] .modal .body,
html[data-theme] .map-command,
html[data-theme] .map-cockpit,
html[data-theme] .map-quest-card,
html[data-theme] .map-startup-panel,
html[data-theme] .map-startup-row,
html[data-theme] .arcade-ops-panel,
html[data-theme] .arcade-op-card,
html[data-theme] .nearby-dock,
html[data-theme] .bs-empty {
  background: var(--contrast-surface) !important;
  background-color: var(--contrast-surface) !important;
  background-image: none !important;
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
  border-color: var(--contrast-line) !important;
}
html[data-theme] .field input,
html[data-theme] .field select,
html[data-theme] .field textarea,
html[data-theme] .arcade-searchbar,
html[data-theme] .arcade-searchbar input,
html[data-theme] .bottomsheet__search,
html[data-theme] .bottomsheet__search input,
html[data-theme] .checkin-picker-search,
html[data-theme] .checkin-picker-search input,
html[data-theme] .thread-reply-compose textarea,
html[data-theme] .account-create-row input {
  background: var(--contrast-surface) !important;
  background-color: var(--contrast-surface) !important;
  background-image: none !important;
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
  border-color: var(--contrast-line) !important;
}
html[data-theme] .field input::placeholder,
html[data-theme] .field textarea::placeholder,
html[data-theme] .arcade-searchbar input::placeholder,
html[data-theme] .bottomsheet__search input::placeholder,
html[data-theme] .checkin-picker-search input::placeholder,
html[data-theme] .thread-reply-compose textarea::placeholder,
html[data-theme] .account-create-row input::placeholder {
  color: var(--contrast-muted) !important;
  -webkit-text-fill-color: var(--contrast-muted) !important;
  opacity: 1 !important;
}
html[data-theme] .tag,
html[data-theme] .v2-chip,
html[data-theme] .v2-store-metric,
html[data-theme] .feed-action,
html[data-theme] .feed-card__quick button,
html[data-theme] .v2-tile-actions button,
html[data-theme] .post-photo-status button,
html[data-theme] .post-photo-status span,
html[data-theme] .bs-chip,
html[data-theme] .bs-cab,
html[data-theme] .filter-count,
html[data-theme] .feed-tab-count,
html[data-theme] .bs-chip__count,
html[data-theme] .post-template-row button,
html[data-theme] .post-safety-checklist span,
html[data-theme] .completeness-tags button,
html[data-theme] .community-post-card__badge,
html[data-theme] .community-post-card__game,
html[data-theme] .thread-reply-card__actions button,
html[data-theme] .pending-post-card__tag,
html[data-theme] .account-row__state,
html[data-theme] .map-startup-row__state,
html[data-theme] .arcade-op-card button,
html[data-theme] .arcade-ops-missing button,
html[data-theme] .profile-action-card span,
html[data-theme] .map-quest-card__eyebrow,
html[data-theme] .bottomsheet__search-clear {
  background: var(--contrast-surface-2) !important;
  background-color: var(--contrast-surface-2) !important;
  color: var(--contrast-subtext) !important;
  -webkit-text-fill-color: var(--contrast-subtext) !important;
  border-color: var(--contrast-line) !important;
}
html[data-theme] .card h2,
html[data-theme] .item .ttl,
html[data-theme] .sec-h h2,
html[data-theme] .app-title,
html[data-theme] .modal header h3,
html[data-theme] .feed-command-panel__title,
html[data-theme] .feed-empty-state__title,
html[data-theme] .feed-card__state b,
html[data-theme] .feed-card .name,
html[data-theme] .feed-card .text,
html[data-theme] .v2-store-metric b,
html[data-theme] .post-photo-status b,
html[data-theme] .community-empty b,
html[data-theme] .community-post-card__text,
html[data-theme] .thread-post-card__text,
html[data-theme] .thread-reply-card p,
html[data-theme] .thread-reply-head b,
html[data-theme] .pending-post-card__body b,
html[data-theme] .quick-compose-card__title,
html[data-theme] .action-card b,
html[data-theme] .profile-action-card b,
html[data-theme] .map-headline,
html[data-theme] .map-quest-card__title,
html[data-theme] .map-startup-panel__top b,
html[data-theme] .map-startup-row b,
html[data-theme] .arcade-op-card b,
html[data-theme] .info-card__body,
html[data-theme] .bs-row__title,
html[data-theme] .checkin-picker-row__body b,
html[data-theme] .account-status b,
html[data-theme] .account-create-box b,
html[data-theme] .account-row__body b {
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
}
html[data-theme] .muted,
html[data-theme] .field label,
html[data-theme] .app-title small,
html[data-theme] .sec-h .ct,
html[data-theme] .feed-command-panel__account,
html[data-theme] .feed-empty-state__body,
html[data-theme] .feed-card__state span,
html[data-theme] .feed-card__context,
html[data-theme] .feed-card__context span,
html[data-theme] .feed-card .place,
html[data-theme] .feed-card .actions,
html[data-theme] .feed-card .actions span,
html[data-theme] .feed-card__metrics,
html[data-theme] .v2-store-metric span,
html[data-theme] .v2-meta,
html[data-theme] .v2-db-gap,
html[data-theme] .post-photo-status small,
html[data-theme] .feed-signal span,
html[data-theme] .community-empty span,
html[data-theme] .community-post-card__time,
html[data-theme] .community-post-card__meta,
html[data-theme] .thread-post-card__meta,
html[data-theme] .thread-post-card__foot,
html[data-theme] .thread-reply-card__head time,
html[data-theme] .pending-post-card p,
html[data-theme] .quick-compose-card__body,
html[data-theme] .action-card span,
html[data-theme] .profile-action-card span,
html[data-theme] .map-subline,
html[data-theme] .map-stats,
html[data-theme] .map-stat .l,
html[data-theme] .map-quest-card__body,
html[data-theme] .map-startup-row span,
html[data-theme] .arcade-op-card small,
html[data-theme] .info-card__label,
html[data-theme] .bs-row__meta,
html[data-theme] .bs-row__dist,
html[data-theme] .bs-empty__sub,
html[data-theme] .checkin-picker-row__body > span,
html[data-theme] .checkin-picker-row__body small,
html[data-theme] .account-status span,
html[data-theme] .account-create-box span,
html[data-theme] .account-row__body small {
  color: var(--contrast-subtext) !important;
  -webkit-text-fill-color: var(--contrast-subtext) !important;
}
html[data-theme] .post-photo-status.is-ready span {
  color: var(--success) !important;
  -webkit-text-fill-color: var(--success) !important;
  border-color: color-mix(in srgb, var(--success) 42%, var(--contrast-line)) !important;
}
html[data-theme] .post-photo-status.is-busy span {
  color: var(--warning) !important;
  -webkit-text-fill-color: var(--warning) !important;
  border-color: color-mix(in srgb, var(--warning) 46%, var(--contrast-line)) !important;
}
html[data-theme] .post-photo-status.is-error span {
  color: var(--danger) !important;
  -webkit-text-fill-color: var(--danger) !important;
  border-color: color-mix(in srgb, var(--danger) 42%, var(--contrast-line)) !important;
}
html[data-theme] .btn.ghost,
html[data-theme] .app-action.ghost,
html[data-theme] .app-back {
  background: var(--contrast-surface-2) !important;
  background-color: var(--contrast-surface-2) !important;
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
  border-color: var(--contrast-line) !important;
}
html[data-theme] .btn:not(.ghost):not(.cyan):not(.green):not(.warn),
html[data-theme] .app-action:not(.ghost),
html[data-theme] .feed-tabs button.is-active,
html[data-theme] .bs-chip.is-active,
html[data-theme] .feed-command-action--primary,
html[data-theme] .feed-empty-state__action.is-primary,
html[data-theme] .feed-action--like.is-active,
html[data-theme] .feed-card__quick button.is-primary,
html[data-theme] .v2-tile-actions button.is-primary,
html[data-theme] .community-post-card__like.is-active,
html[data-theme] .thread-reply-card__actions button.is-active,
html[data-theme] .map-startup-row button.is-primary,
html[data-theme] .nearby-dock__actions button.is-primary {
  background: var(--contrast-action-bg) !important;
  background-color: var(--contrast-action-bg) !important;
  background-image: none !important;
  border-color: var(--contrast-action-bg) !important;
  color: var(--contrast-action-text) !important;
  -webkit-text-fill-color: var(--contrast-action-text) !important;
}
html[data-theme] .bottom-nav button:not(.nav-fab),
html[data-theme] .bottom-nav.v2-nav-5 button:not(.nav-fab) {
  background: transparent !important;
  color: var(--contrast-muted) !important;
  -webkit-text-fill-color: var(--contrast-muted) !important;
  border-color: transparent !important;
}
html[data-theme] .bottom-nav button.active:not(.nav-fab),
html[data-theme] .bottom-nav.v2-nav-5 button.active:not(.nav-fab) {
  background: color-mix(in srgb, var(--accent) 12%, transparent) !important;
  color: var(--contrast-accent-text, var(--accent)) !important;
  -webkit-text-fill-color: var(--contrast-accent-text, var(--accent)) !important;
}
html[data-theme] .map-controls button,
html[data-theme] .leaflet-control-zoom a,
html[data-theme] .leaflet-popup-content-wrapper,
html[data-theme] .leaflet-popup-tip,
html[data-theme] .leaflet-control-attribution {
  background: var(--contrast-shell) !important;
  background-color: var(--contrast-shell) !important;
  color: var(--contrast-text) !important;
  border-color: var(--contrast-line) !important;
}
html[data-theme] .leaflet-popup-content,
html[data-theme] .leaflet-popup-content b,
html[data-theme] .leaflet-popup-content small,
html[data-theme] .leaflet-popup-close-button,
html[data-theme] .leaflet-control-attribution a {
  color: var(--contrast-text) !important;
}
html[data-theme] .map-overlay {
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  width: min(320px, calc(100% - 24px)) !important;
  max-height: calc(100% - 116px) !important;
  overflow: hidden !important;
}
html[data-theme] .map-overlay .map-command {
  max-height: inherit !important;
  overflow: auto !important;
  overscroll-behavior: contain;
}
html[data-theme] .map-stage:has(.bottomsheet--half) .map-overlay,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-overlay {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html[data-theme="light"] .map-stage,
html[data-theme="light"] #map {
  background: #e7edf4 !important;
}
html[data-theme="light"] .map-stage::after {
  background: linear-gradient(180deg, rgba(248,250,252,0.04) 0%, rgba(248,250,252,0) 52%, rgba(248,250,252,0.26) 100%) !important;
}
html[data-theme="dark"] .map-stage::after {
  background: linear-gradient(180deg, rgba(3,6,12,0.08) 0%, rgba(3,6,12,0) 44%, rgba(3,6,12,0.62) 100%) !important;
}
html[data-theme="light"] .leaflet-tile-pane {
  filter: saturate(0.98) contrast(1.02) brightness(1.03);
}
html[data-theme="dark"] .leaflet-tile-pane {
  filter: saturate(0.9) contrast(0.98) brightness(0.84);
}
@media (max-width: 520px) {
  html[data-theme] .bs-row,
  html[data-theme] .checkin-picker-row,
  html[data-theme] .quick-compose-card,
  html[data-theme] .action-card {
    min-height: 58px;
  }
  html[data-theme] .modal footer .btn,
  html[data-theme] .nearby-dock__actions button {
    min-height: 50px;
  }
}


html[data-theme="light"] {
  color-scheme: light;
  --ux-page: #f5f7fb;
  --ux-shell: rgba(255,255,255,0.98);
  --ux-surface: #ffffff;
  --ux-surface-2: #edf1f7;
  --ux-surface-3: #e4eaf3;
  --ux-text: #0f172a;
  --ux-subtext: #334155;
  --ux-muted: #64748b;
  --ux-line: rgba(15,23,42,0.17);
  --ux-action: #b41243;
  --ux-action-text: #ffffff;
  --ux-accent-text: #9f1239;
  --ux-ok-text: #065f46;
  --ux-warn-text: #7a4100;
  --ux-danger-text: #9f1239;
  --ux-photo-chip: rgba(8,13,24,0.72);
  --ux-photo-text: #ffffff;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ux-page: #090a0d;
  --ux-shell: rgba(13,15,18,0.97);
  --ux-surface: #14161a;
  --ux-surface-2: #1d2026;
  --ux-surface-3: #0f1115;
  --ux-text: #f8fafc;
  --ux-subtext: #cbd5e1;
  --ux-muted: #94a3b8;
  --ux-line: rgba(255,255,255,0.15);
  --ux-action: #be123c;
  --ux-action-text: #ffffff;
  --ux-accent-text: #ff7aa7;
  --ux-ok-text: #86f4df;
  --ux-warn-text: #ffd37a;
  --ux-danger-text: #ff8aa0;
  --ux-photo-chip: rgba(5,8,14,0.74);
  --ux-photo-text: #ffffff;
}
html[data-theme] *,
html[data-theme] *::before,
html[data-theme] *::after {
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme] body,
html[data-theme] main,
html[data-theme] .page {
  background: var(--ux-page) !important;
  color: var(--ux-text) !important;
}
html[data-theme] .appbar,
html[data-theme] .bottom-nav,
html[data-theme] .bottom-nav.v2-nav-5,
html[data-theme] .modal header,
html[data-theme] .modal footer {
  background: var(--ux-shell) !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}
html[data-theme] .card,
html[data-theme] .item,
html[data-theme] .empty,
html[data-theme] .v2-card,
html[data-theme] .v2-tile,
html[data-theme] .feed-card,
html[data-theme] .feed-empty-state,
html[data-theme] .feed-tabs button,
html[data-theme] .feed-command-panel,
html[data-theme] .feed-command-action,
html[data-theme] .feed-signal,
html[data-theme] .post-compose-assist,
html[data-theme] .post-photo-status,
html[data-theme] .community-empty,
html[data-theme] .community-post-card,
html[data-theme] .thread-post-card,
html[data-theme] .thread-reply-card,
html[data-theme] .thread-reply-compose,
html[data-theme] .pending-post-card,
html[data-theme] .pending-post-note,
html[data-theme] .quick-compose-status,
html[data-theme] .quick-compose-card,
html[data-theme] .store-required-hero,
html[data-theme] .store-required-note,
html[data-theme] .action-intro,
html[data-theme] .action-card,
html[data-theme] .profile-action-card,
html[data-theme] .profile-ops-dashboard,
html[data-theme] .profile-ops-row,
html[data-theme] .profile-privacy-card,
html[data-theme] .trip-command-panel,
html[data-theme] .trip-command-stats button,
html[data-theme] .trip-empty-state,
html[data-theme] .trip-list-card,
html[data-theme] .plan-stop-card,
html[data-theme] .account-status,
html[data-theme] .account-create-box,
html[data-theme] .account-row,
html[data-theme] .account-empty,
html[data-theme] .report-target-card,
html[data-theme] .checkin-picker-summary,
html[data-theme] .checkin-picker-row,
html[data-theme] .info-card,
html[data-theme] .scope-box,
html[data-theme] .scope-note,
html[data-theme] .share-link,
html[data-theme] .photo-add,
html[data-theme] .bottomsheet,
html[data-theme] .modal,
html[data-theme] .modal .body,
html[data-theme] .map-command,
html[data-theme] .map-cockpit,
html[data-theme] .map-quest-card,
html[data-theme] .map-startup-panel,
html[data-theme] .map-startup-row,
html[data-theme] .arcade-ops-panel,
html[data-theme] .arcade-op-card,
html[data-theme] .cab-card,
html[data-theme] .checkin-card,
html[data-theme] .nearby-dock,
html[data-theme] .bs-empty {
  background: var(--ux-surface) !important;
  background-color: var(--ux-surface) !important;
  background-image: none !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}
html[data-theme] .tag,
html[data-theme] .v2-chip,
html[data-theme] .v2-cab-pill,
html[data-theme] .v2-store-metric,
html[data-theme] .feed-action,
html[data-theme] .feed-card__quick button,
html[data-theme] .v2-tile-actions button,
html[data-theme] .post-photo-status button,
html[data-theme] .post-photo-status span,
html[data-theme] .bs-chip,
html[data-theme] .bs-cab,
html[data-theme] .filter-count,
html[data-theme] .feed-tab-count,
html[data-theme] .bs-chip__count,
html[data-theme] .post-template-row button,
html[data-theme] .post-safety-checklist span,
html[data-theme] .completeness-tags button,
html[data-theme] .community-post-card__badge,
html[data-theme] .community-post-card__game,
html[data-theme] .thread-reply-card__actions button,
html[data-theme] .pending-post-card__tag,
html[data-theme] .account-row__state,
html[data-theme] .map-startup-row__state,
html[data-theme] .arcade-op-card button,
html[data-theme] .arcade-ops-missing button,
html[data-theme] .profile-action-card span,
html[data-theme] .map-quest-card__eyebrow,
html[data-theme] .bottomsheet__search-clear,
html[data-theme] .mood-pills button {
  background: var(--ux-surface-2) !important;
  background-color: var(--ux-surface-2) !important;
  background-image: none !important;
  color: var(--ux-subtext) !important;
  border-color: var(--ux-line) !important;
}
html[data-theme] .card h2,
html[data-theme] .item .ttl,
html[data-theme] .sec-h h2,
html[data-theme] .v2-sec-h h2,
html[data-theme] .app-title,
html[data-theme] .modal header h3,
html[data-theme] .feed-command-panel__title,
html[data-theme] .feed-empty-state__title,
html[data-theme] .feed-card__state b,
html[data-theme] .feed-card .name,
html[data-theme] .feed-card .text,
html[data-theme] .v2-store-metric b,
html[data-theme] .post-photo-status b,
html[data-theme] .community-empty b,
html[data-theme] .community-post-card__text,
html[data-theme] .thread-post-card__text,
html[data-theme] .thread-reply-card p,
html[data-theme] .thread-reply-head b,
html[data-theme] .pending-post-card__body b,
html[data-theme] .quick-compose-card__title,
html[data-theme] .action-card b,
html[data-theme] .profile-action-card b,
html[data-theme] .map-headline,
html[data-theme] .map-quest-card__title,
html[data-theme] .map-startup-panel__top b,
html[data-theme] .map-startup-row b,
html[data-theme] .arcade-op-card b,
html[data-theme] .cab-card .name,
html[data-theme] .checkin-card__head b,
html[data-theme] .info-card__body,
html[data-theme] .bs-row__title,
html[data-theme] .checkin-picker-row__body b,
html[data-theme] .account-status b,
html[data-theme] .account-create-box b,
html[data-theme] .account-row__body b {
  color: var(--ux-text) !important;
}
html[data-theme] .muted,
html[data-theme] .field label,
html[data-theme] .app-title small,
html[data-theme] .sec-h .ct,
html[data-theme] .feed-command-panel__account,
html[data-theme] .feed-empty-state__body,
html[data-theme] .feed-card__state span,
html[data-theme] .feed-card__context,
html[data-theme] .feed-card__context span,
html[data-theme] .feed-card .place,
html[data-theme] .feed-card .actions,
html[data-theme] .feed-card .actions span,
html[data-theme] .feed-card__metrics,
html[data-theme] .v2-store-metric span,
html[data-theme] .v2-meta,
html[data-theme] .v2-cabs,
html[data-theme] .v2-db-gap,
html[data-theme] .post-photo-status small,
html[data-theme] .feed-signal span,
html[data-theme] .community-empty span,
html[data-theme] .community-post-card__time,
html[data-theme] .community-post-card__meta,
html[data-theme] .thread-post-card__meta,
html[data-theme] .thread-post-card__foot,
html[data-theme] .thread-reply-card__head time,
html[data-theme] .pending-post-card p,
html[data-theme] .quick-compose-card__body,
html[data-theme] .action-intro span,
html[data-theme] .action-card span,
html[data-theme] .profile-action-card span,
html[data-theme] .profile-privacy-card p,
html[data-theme] .map-subline,
html[data-theme] .map-stats,
html[data-theme] .map-stat .l,
html[data-theme] .map-quest-card__body,
html[data-theme] .map-startup-row span,
html[data-theme] .arcade-op-card small,
html[data-theme] .cab-card .muted,
html[data-theme] .checkin-card__memo,
html[data-theme] .info-card__label,
html[data-theme] .bs-row__meta,
html[data-theme] .bs-row__dist,
html[data-theme] .bs-empty__sub,
html[data-theme] .checkin-picker-row__body > span,
html[data-theme] .checkin-picker-row__body small,
html[data-theme] .account-status span,
html[data-theme] .account-create-box span,
html[data-theme] .account-row__body small {
  color: var(--ux-subtext) !important;
}
html[data-theme] .field input,
html[data-theme] .field select,
html[data-theme] .field textarea,
html[data-theme] .arcade-searchbar,
html[data-theme] .arcade-searchbar input,
html[data-theme] .bottomsheet__search,
html[data-theme] .bottomsheet__search input,
html[data-theme] .checkin-picker-search,
html[data-theme] .checkin-picker-search input,
html[data-theme] .thread-reply-compose textarea,
html[data-theme] .account-create-row input {
  background: var(--ux-surface) !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}
html[data-theme] .field input::placeholder,
html[data-theme] .field textarea::placeholder,
html[data-theme] .arcade-searchbar input::placeholder,
html[data-theme] .bottomsheet__search input::placeholder,
html[data-theme] .checkin-picker-search input::placeholder,
html[data-theme] .thread-reply-compose textarea::placeholder,
html[data-theme] .account-create-row input::placeholder {
  color: var(--ux-muted) !important;
  opacity: 1 !important;
}
html[data-theme] .btn:not(.ghost):not(.cyan):not(.green):not(.warn),
html[data-theme] .app-action:not(.ghost),
html[data-theme] .feed-tabs button.is-active,
html[data-theme] .bs-chip.is-active,
html[data-theme] .feed-command-action--primary,
html[data-theme] .feed-empty-state__action.is-primary,
html[data-theme] .feed-action--like.is-active,
html[data-theme] .feed-card__quick button.is-primary,
html[data-theme] .v2-tile-actions button.is-primary,
html[data-theme] .community-post-card__like.is-active,
html[data-theme] .thread-reply-card__actions button.is-active,
html[data-theme] .map-startup-row button.is-primary,
html[data-theme] .nearby-dock__actions button.is-primary,
html[data-theme] .map-cockpit__primary {
  background: var(--ux-action) !important;
  background-color: var(--ux-action) !important;
  background-image: none !important;
  border-color: var(--ux-action) !important;
  color: var(--ux-action-text) !important;
}
html[data-theme] .btn.warn {
  color: #ffffff !important;
}
html[data-theme] .btn.cyan {
  color: #062526 !important;
}
html[data-theme] .btn.green,
html[data-theme] .account-status__icon,
html[data-theme] .account-row.is-active .account-row__state,
html[data-theme] .saas-status.is-online {
  color: #06352e !important;
}
html[data-theme] .btn.ghost,
html[data-theme] .app-action.ghost,
html[data-theme] .app-back {
  background: var(--ux-surface-2) !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}
html[data-theme] .bottom-nav button:not(.nav-fab),
html[data-theme] .bottom-nav.v2-nav-5 button:not(.nav-fab) {
  background: transparent !important;
  color: var(--ux-muted) !important;
  border-color: transparent !important;
}
html[data-theme] .bottom-nav button.active:not(.nav-fab),
html[data-theme] .bottom-nav.v2-nav-5 button.active:not(.nav-fab) {
  background: var(--ux-action) !important;
  color: #ffffff !important;
}
html[data-theme] .bottom-nav.v2-nav-5 .nav-fab {
  background: var(--ux-action) !important;
  background-color: var(--ux-action) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--ux-shell) !important;
}
html[data-theme] .v2-hero .v2-chip,
html[data-theme] .v2-hero .v2-shrine-badge,
html[data-theme] .v2-cover .v2-chip,
html[data-theme] .v2-cover .v2-shrine-badge,
html[data-theme] .feed-cloud-badge,
html[data-theme] .conf-badge {
  background: var(--ux-photo-chip) !important;
  color: var(--ux-photo-text) !important;
  border-color: rgba(255,255,255,0.32) !important;
}
html[data-theme] .v2-cover-title,
html[data-theme] .v2-cover-title h3,
html[data-theme] .v2-cover-title .v2-loc,
html[data-theme] .v2-hero .v2-bottom,
html[data-theme] .v2-hero .v2-bottom h1,
html[data-theme] .v2-hero .v2-bottom .v2-meta,
html[data-theme] .v2-hero .v2-namelong,
html[data-theme] .gen-cover,
html[data-theme] .gen-cover-large {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.55) !important;
}
html[data-theme] .tag.pink,
html[data-theme] .v2-db-gap span,
html[data-theme] .feed-command-panel__kicker,
html[data-theme] .map-kicker {
  color: var(--ux-accent-text) !important;
  border-color: color-mix(in srgb, var(--accent) 44%, var(--ux-line)) !important;
}
html[data-theme] .tag.cyan,
html[data-theme] .completeness-tags button.is-done,
html[data-theme] .quick-compose-status.is-ready span,
html[data-theme] .post-photo-status.is-ready span {
  color: var(--ux-ok-text) !important;
  border-color: color-mix(in srgb, var(--success) 44%, var(--ux-line)) !important;
}
html[data-theme] .tag.yellow,
html[data-theme] .quick-compose-status.is-needed span,
html[data-theme] .post-photo-status.is-busy span,
html[data-theme] .scope-note.private {
  color: var(--ux-warn-text) !important;
  border-color: color-mix(in srgb, var(--warning) 44%, var(--ux-line)) !important;
}
html[data-theme] .post-photo-status.is-error span,
html[data-theme] .feed-action--danger,
html[data-theme] .community-post-card__meta button.danger,
html[data-theme] .thread-reply-card__actions button.danger {
  color: var(--ux-danger-text) !important;
  border-color: color-mix(in srgb, var(--danger) 44%, var(--ux-line)) !important;
}
html[data-theme] .map-controls button,
html[data-theme] .leaflet-control-zoom a,
html[data-theme] .leaflet-popup-content-wrapper,
html[data-theme] .leaflet-popup-tip,
html[data-theme] .leaflet-control-attribution {
  background: var(--ux-shell) !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}
html[data-theme] .leaflet-popup-content,
html[data-theme] .leaflet-popup-content b,
html[data-theme] .leaflet-popup-content small,
html[data-theme] .leaflet-popup-close-button,
html[data-theme] .leaflet-control-attribution a {
  color: var(--ux-text) !important;
}
html[data-theme="light"] .leaflet-tile-pane {
  filter: saturate(0.95) contrast(1.03) brightness(1.03);
}
html[data-theme="dark"] .leaflet-tile-pane {
  filter: saturate(0.9) contrast(0.98) brightness(0.82);
}
@media (max-width: 520px) {
  html[data-theme] .checkin-picker-chips {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
    gap: 8px;
    padding: 10px 0 4px;
  }
  html[data-theme] .checkin-picker-chips button {
    width: 100%;
    min-width: 0;
    justify-content: center;
    padding: 0 8px;
  }
  html[data-theme] .modal footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
  }
  html[data-theme] .feed-command-panel__actions,
  html[data-theme] .v2-tile-actions,
  html[data-theme] .feed-card__quick,
  html[data-theme] .community-empty__actions,
  html[data-theme] .account-modal-actions {
    gap: 8px !important;
  }
  html[data-theme] .feed-command-action,
  html[data-theme] .v2-tile-actions button,
  html[data-theme] .feed-card__quick button,
  html[data-theme] .quick-compose-card,
  html[data-theme] .action-card {
    min-height: 56px !important;
  }
}


html[data-theme] .map-saas-overlay,
html[data-theme] .map-stage:has(.bottomsheet--half) .map-saas-overlay,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-saas-overlay {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
html[data-theme] .map-stage:has(.bottomsheet--half) .map-saas-overlay,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-saas-overlay {
  max-width: min(300px, calc(100% - 112px)) !important;
}
html[data-theme] .map-stage:has(.bottomsheet--half) .map-saas-overlay .map-cockpit .map-subline,
html[data-theme] .map-stage:has(.bottomsheet--half) .map-saas-overlay .map-cockpit__actions,
html[data-theme] .map-stage:has(.bottomsheet--half) .map-saas-overlay .map-stats,
html[data-theme] .map-stage:has(.bottomsheet--half) .map-saas-overlay .map-quest-deck,
html[data-theme] .map-stage:has(.bottomsheet--half) .map-saas-overlay .map-empty-prompt,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-saas-overlay .map-cockpit .map-subline,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-saas-overlay .map-cockpit__actions,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-saas-overlay .map-stats,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-saas-overlay .map-quest-deck,
html[data-theme] .map-stage:has(.bottomsheet--full) .map-saas-overlay .map-empty-prompt {
  display: none !important;
}
html[data-theme] .map-today-mission span,
html[data-theme] .map-today-action.is-primary {
  background: var(--ux-action, var(--contrast-action-bg, #be123c)) !important;
  background-color: var(--ux-action, var(--contrast-action-bg, #be123c)) !important;
  border-color: var(--ux-action, var(--contrast-action-bg, #be123c)) !important;
  color: var(--ux-action-text, var(--contrast-action-text, #fff)) !important;
  -webkit-text-fill-color: var(--ux-action-text, var(--contrast-action-text, #fff)) !important;
}
html[data-theme] .map-today-action.is-primary span,
html[data-theme] .map-today-action.is-primary b {
  color: var(--ux-action-text, var(--contrast-action-text, #fff)) !important;
  -webkit-text-fill-color: var(--ux-action-text, var(--contrast-action-text, #fff)) !important;
}


html[data-theme="light"] {
  --text-tertiary: #526070;
  --ux-muted: #526070;
  --ux-gold-text: #805500;
  --ux-visited-text: #0f766e;
}

html[data-theme="dark"] {
  --ux-gold-text: var(--tier-gold);
  --ux-visited-text: var(--success);
}

html[data-theme] .list-summary,
html[data-theme] .list-more {
  background: var(--ux-surface, var(--contrast-surface, var(--bg-elevated))) !important;
  background-color: var(--ux-surface, var(--contrast-surface, var(--bg-elevated))) !important;
  background-image: none !important;
  border-color: var(--ux-line, var(--contrast-line, var(--border-default))) !important;
  color: var(--ux-subtext, var(--contrast-subtext, var(--text-secondary))) !important;
  box-shadow: var(--shadow-card) !important;
}

html[data-theme] .list-summary b,
html[data-theme] .list-more b {
  color: var(--ux-text, var(--contrast-text, var(--text-primary))) !important;
}

html[data-theme] .list-summary span,
html[data-theme] .list-more div {
  color: var(--ux-subtext, var(--contrast-subtext, var(--text-secondary))) !important;
}

html[data-theme] .v2-stats .v2-stat .l,
html[data-theme] .quick-stats .stat-cell .l,
html[data-theme] .v2-stats .v2-stat .v span {
  color: var(--ux-muted, var(--contrast-muted, var(--text-secondary))) !important;
}

html[data-theme="light"] .bs-row__star,
html[data-theme="light"] .tag[style*="#ffd84d"],
html[data-theme="light"] .info-card__label[style*="#ffd84d"] {
  color: var(--ux-gold-text) !important;
  -webkit-text-fill-color: var(--ux-gold-text) !important;
  border-color: color-mix(in srgb, var(--ux-gold-text) 46%, var(--ux-line, rgba(15,23,42,0.17))) !important;
}

html[data-theme="light"] .bs-row__chev {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

html[data-theme="light"] .v2-meta span[style*="--success"],
html[data-theme="light"] .tag.cyan,
html[data-theme="light"] .scope-box.public b {
  color: var(--ux-visited-text) !important;
  -webkit-text-fill-color: var(--ux-visited-text) !important;
  border-color: color-mix(in srgb, var(--ux-visited-text) 44%, var(--ux-line, rgba(15,23,42,0.17))) !important;
}

html[data-theme] .bs-row__chev {
  min-width: 20px;
  text-align: center;
  font-weight: 700;
}

html[data-theme] .v2-hero {
  background-color: #111827 !important;
}

html[data-theme="light"] .profile-ops-row.is-ok .profile-ops-row__state,
html[data-theme="light"] .profile-ops-row.is-ok .profile-ops-row__cta {
  color: var(--ux-visited-text) !important;
  -webkit-text-fill-color: var(--ux-visited-text) !important;
  border-color: color-mix(in srgb, var(--ux-visited-text) 44%, var(--ux-line, rgba(15,23,42,0.17))) !important;
}

html[data-theme="light"] .profile-ops-row.is-warn .profile-ops-row__state,
html[data-theme="light"] .profile-ops-row.is-warn .profile-ops-row__cta {
  color: #7a4100 !important;
  -webkit-text-fill-color: #7a4100 !important;
  border-color: color-mix(in srgb, #7a4100 44%, var(--ux-line, rgba(15,23,42,0.17))) !important;
}

html[data-theme] .v2-hero .v2-meta,
html[data-theme] .v2-hero .v2-meta span,
html[data-theme] .v2-hero .v2-meta .v2-meta-rating {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] .v2-hero .v2-meta .v2-meta-rating {
  background: rgba(15,23,42,0.48) !important;
  border-color: rgba(255,255,255,0.22) !important;
}


html[data-theme] .map-saas-overlay.is-compact {
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  max-width: min(236px, calc(100vw - 118px)) !important;
}

html[data-theme] .map-saas-overlay.is-compact .map-cockpit {
  padding: 8px 9px !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.22), 0 1px 0 rgba(255,255,255,0.08) inset !important;
}

html[data-theme] .map-saas-overlay.is-compact .map-cockpit__top {
  align-items: center;
  gap: 8px;
}

html[data-theme] .map-saas-overlay.is-compact .map-kicker {
  display: none !important;
}

html[data-theme] .map-saas-overlay.is-compact .map-headline {
  max-width: 118px;
  color: var(--ux-text, var(--contrast-text, var(--text-primary))) !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-theme] .map-saas-overlay.is-compact .map-cockpit__tools {
  gap: 4px;
}

html[data-theme] .map-saas-overlay.is-compact .map-cockpit__status,
html[data-theme] .map-saas-overlay.is-compact .map-cockpit__collapse {
  min-width: 0;
  height: 24px;
  min-height: 24px;
  padding: 0 7px;
  font-size: 8px;
}

html[data-theme] .map-saas-overlay.is-compact .map-cockpit__collapse {
  font-size: 9px;
}

html[data-theme] .feed-card .media:has(.gen-cover-large) {
  aspect-ratio: 16 / 10;
}

html[data-theme] .feed-card .media:has(.gen-cover-large) .gen-cover-large {
  font-size: 82px !important;
}

@media (max-width: 520px) {
  html[data-theme] .map-controls {
    top: 10px;
    right: 8px;
    gap: 5px;
  }

  html[data-theme] .map-controls button {
    min-height: 36px;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
  }

  html[data-theme] .feed-card .media:has(.gen-cover-large) {
    aspect-ratio: 16 / 7;
  }

  html[data-theme] .feed-card .media:has(.gen-cover-large) .gen-cover-large {
    font-size: 64px !important;
  }
}


html[data-theme] .post-type-field {
  display: none !important;
}

html[data-theme] .post-type-field + .field {
  grid-column: 1 / -1;
}

html[data-theme] .post-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

html[data-theme] .post-mode-switch button {
  min-width: 0;
  min-height: 88px;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 11px;
  border-radius: 14px;
  border: 1px solid var(--ux-line, var(--border-default));
  background: var(--ux-surface-2, var(--bg-elevated-2));
  color: var(--ux-text, var(--text-primary));
  text-align: left;
}

html[data-theme] .post-mode-switch button span {
  width: fit-content;
  max-width: 100%;
  min-height: 19px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--post-mode-color, var(--accent)) 12%, transparent);
  color: color-mix(in srgb, var(--post-mode-color, var(--accent)) 78%, var(--ux-text, #fff));
  border: 1px solid color-mix(in srgb, var(--post-mode-color, var(--accent)) 28%, transparent);
  font: 900 9px/1 var(--font-mono);
  white-space: nowrap;
}

html[data-theme] .post-mode-switch button b {
  color: var(--ux-text, var(--text-primary));
  font: 900 15px/1.15 var(--font-display);
}

html[data-theme] .post-mode-switch button em {
  min-width: 0;
  color: var(--ux-subtext, var(--text-secondary));
  font: 800 11px/1.35 var(--font-body);
  font-style: normal;
}

html[data-theme] .post-mode-switch button[data-post-mode="daily"] {
  --post-mode-color: var(--accent);
}

html[data-theme] .post-mode-switch button[data-post-mode="cabinet"] {
  --post-mode-color: var(--success);
}

html[data-theme] .post-mode-switch button.is-active {
  border-color: color-mix(in srgb, var(--post-mode-color, var(--accent)) 58%, var(--ux-line, var(--border-default)));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--post-mode-color, var(--accent)) 16%, transparent), transparent 70%),
    var(--ux-surface, var(--bg-elevated));
  box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}

html[data-theme] .post-arcade-context {
  display: grid;
  gap: 8px;
  margin: 8px 0 10px;
  padding: 11px;
  border-radius: 14px;
  border: 1px solid var(--ux-line, var(--border-default));
  background: var(--ux-surface, var(--bg-elevated));
  color: var(--ux-text, var(--text-primary));
  box-shadow: var(--shadow-card);
}

html[data-theme] .post-arcade-context__head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

html[data-theme] .post-arcade-context__head span {
  display: block;
  color: var(--ui-accent-text, var(--accent));
  font: 900 9px/1 var(--font-mono);
}

html[data-theme] .post-arcade-context__head b {
  display: block;
  margin-top: 4px;
  color: var(--ux-text, var(--text-primary));
  font: 900 14px/1.2 var(--font-display);
}

html[data-theme] .post-arcade-context__head em {
  display: block;
  margin-top: 3px;
  color: var(--ux-subtext, var(--text-secondary));
  font: 800 11px/1.25 var(--font-body);
  font-style: normal;
}

html[data-theme] .post-arcade-context__head strong {
  flex: 0 0 auto;
  min-width: 52px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--ux-action, var(--accent));
  color: var(--ux-action-text, #fff);
  font: 900 18px/1 var(--font-mono);
}

html[data-theme] .post-arcade-context__head strong small {
  font-size: 10px;
}

html[data-theme] .post-arcade-context__bar {
  height: 7px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--ux-surface-2, var(--bg-elevated-2));
  border: 1px solid var(--ux-line, var(--border-subtle));
}

html[data-theme] .post-arcade-context__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--success));
}

html[data-theme] .post-arcade-context__facts {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

html[data-theme] .post-arcade-context__facts span,
html[data-theme] .post-arcade-context__actions button {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid var(--ux-line, var(--border-default));
  background: var(--ux-surface-2, var(--bg-elevated-2));
  color: var(--ux-subtext, var(--text-secondary));
  font: 900 10px/1 var(--font-body);
}

html[data-theme] .post-arcade-context__facts span {
  padding: 0 8px;
}

html[data-theme] .post-arcade-context__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

html[data-theme] .post-arcade-context__actions button {
  justify-content: center;
  color: var(--ux-text, var(--text-primary));
}

@media (max-width: 420px) {
  html[data-theme] .post-mode-switch {
    grid-template-columns: 1fr;
  }
}


html[data-theme] .arcade-info-shell {
  display: grid;
  gap: 10px;
}

html[data-theme] .arcade-info-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

html[data-theme] .arcade-info-tabs button {
  min-width: 0;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 8px;
  border-radius: 13px;
  border: 1px solid var(--ux-line, var(--border-default));
  background: var(--ux-surface-2, var(--bg-elevated-2));
  color: var(--ux-subtext, var(--text-secondary));
  font: 900 12px/1 var(--font-body);
  white-space: nowrap;
}

html[data-theme] .arcade-info-tabs button span {
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--ux-surface, var(--bg-elevated));
  color: var(--ux-muted, var(--text-tertiary));
  font: 900 10px/1 var(--font-mono);
}

html[data-theme] .arcade-info-tabs button.is-active {
  background: var(--ux-action, var(--accent));
  border-color: var(--ux-action, var(--accent));
  color: var(--ux-action-text, #fff);
}

html[data-theme] .arcade-info-tabs button.is-active span {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

html[data-theme] .arcade-info-panel {
  display: none;
  gap: 10px;
}

html[data-theme] .arcade-info-panel.is-active {
  display: grid;
}

html[data-theme] .arcade-info-empty {
  min-height: 150px;
}

html[data-theme] .arcade-log-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  padding: 11px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--ux-line, var(--border-default)));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--warning) 10%, transparent), transparent 70%),
    var(--ux-surface, var(--bg-elevated));
  color: var(--ux-text, var(--text-primary));
}

html[data-theme] .arcade-log-note span {
  color: var(--warning);
  font: 900 9px/1 var(--font-mono);
}

html[data-theme] .arcade-log-note b {
  grid-row: 1 / span 2;
  grid-column: 2;
  align-self: center;
  color: var(--ux-text, var(--text-primary));
  font: 900 20px/1 var(--font-mono);
}

html[data-theme] .arcade-log-note em {
  color: var(--ux-subtext, var(--text-secondary));
  font: 800 11px/1.35 var(--font-body);
  font-style: normal;
}

html[data-theme] .arcade-log-list {
  display: grid;
  gap: 9px;
}

html[data-theme] .arcade-log-card {
  display: grid;
  gap: 8px;
  padding: 11px;
  border-radius: 14px;
  border: 1px solid var(--ux-line, var(--border-default));
  background: var(--ux-surface, var(--bg-elevated));
  color: var(--ux-text, var(--text-primary));
  box-shadow: var(--shadow-card);
}

html[data-theme] .arcade-log-card--visit {
  cursor: pointer;
  border-color: color-mix(in srgb, var(--info) 28%, var(--ux-line, var(--border-default)));
}

html[data-theme] .arcade-log-card__head {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

html[data-theme] .arcade-log-card__head span {
  min-height: 21px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--warning) 12%, transparent);
  color: var(--warning);
  border: 1px solid color-mix(in srgb, var(--warning) 34%, transparent);
  font: 900 9px/1 var(--font-mono);
}

html[data-theme] .arcade-log-card--visit .arcade-log-card__head span {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
  border-color: color-mix(in srgb, var(--info) 34%, transparent);
}

html[data-theme] .arcade-log-card__head b {
  min-width: 0;
  color: var(--ux-text, var(--text-primary));
  font: 900 13px/1.25 var(--font-display);
}

html[data-theme] .arcade-log-card__head time {
  margin-left: auto;
  color: var(--ux-muted, var(--text-tertiary));
  font: 900 10px/1.2 var(--font-mono);
}

html[data-theme] .arcade-log-card__body {
  display: grid;
  gap: 6px;
}

html[data-theme] .arcade-log-card__body strong {
  color: var(--ux-text, var(--text-primary));
  font: 900 13px/1.2 var(--font-body);
}

html[data-theme] .arcade-log-card__body p,
html[data-theme] .arcade-log-card__body em {
  margin: 0;
  color: var(--ux-subtext, var(--text-secondary));
  font: 800 12px/1.55 var(--font-body);
  font-style: normal;
}

html[data-theme] .arcade-log-card__photos {
  display: flex;
  gap: 6px;
  overflow-x: auto;
}

html[data-theme] .arcade-log-card__photos button {
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  background: var(--ux-surface-2, var(--bg-elevated-2));
}

html[data-theme] .arcade-log-card__photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 380px) {
  html[data-theme] .arcade-info-tabs button {
    font-size: 11px;
    padding-inline: 5px;
  }
}


html[data-theme="light"] {
  color-scheme: light;
  --ux-page: #f4f6fa;
  --ux-shell: rgba(255,255,255,0.98);
  --ux-surface: #ffffff;
  --ux-surface-2: #eef2f7;
  --ux-surface-3: #e2e8f0;
  --ux-text: #111827;
  --ux-subtext: #334155;
  --ux-muted: #475569;
  --ux-line: rgba(15,23,42,0.17);
  --ux-action: #be123c;
  --ux-action-text: #ffffff;
  --ux-success-text: #0f766e;
  --ux-warning-text: #7a4100;
  --ux-info-text: #4c1d95;
  --ux-danger-text: #9f1239;
  --ux-shadow: 0 10px 28px rgba(15,23,42,0.10);
  --success: #0f766e;
  --warning: #7a4100;
  --info: #4c1d95;
  --danger: #be123c;
  --contrast-page-bg: var(--ux-page);
  --contrast-shell: var(--ux-shell);
  --contrast-surface: var(--ux-surface);
  --contrast-surface-2: var(--ux-surface-2);
  --contrast-surface-3: var(--ux-surface-3);
  --contrast-text: var(--ux-text);
  --contrast-subtext: var(--ux-subtext);
  --contrast-muted: var(--ux-muted);
  --contrast-line: var(--ux-line);
  --contrast-action-bg: var(--ux-action);
  --contrast-action-text: var(--ux-action-text);
  --readable-shell: var(--ux-shell);
  --readable-surface: var(--ux-surface);
  --readable-surface-2: var(--ux-surface-2);
  --readable-surface-3: var(--ux-surface-3);
  --readable-text: var(--ux-text);
  --readable-subtext: var(--ux-subtext);
  --readable-muted: var(--ux-muted);
  --readable-line: var(--ux-line);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --ux-page: #090a0d;
  --ux-shell: rgba(13,15,18,0.97);
  --ux-surface: #14161a;
  --ux-surface-2: #1e2229;
  --ux-surface-3: #0f1115;
  --ux-text: #f8f8fa;
  --ux-subtext: #c8ced8;
  --ux-muted: #a2aabc;
  --ux-line: rgba(255,255,255,0.15);
  --ux-action: #be123c;
  --ux-action-text: #ffffff;
  --ux-success-text: #86f4df;
  --ux-warning-text: #ffd37a;
  --ux-info-text: #c4b5fd;
  --ux-danger-text: #ff8aa0;
  --ux-shadow: 0 14px 34px rgba(0,0,0,0.42);
  --contrast-page-bg: var(--ux-page);
  --contrast-shell: var(--ux-shell);
  --contrast-surface: var(--ux-surface);
  --contrast-surface-2: var(--ux-surface-2);
  --contrast-surface-3: var(--ux-surface-3);
  --contrast-text: var(--ux-text);
  --contrast-subtext: var(--ux-subtext);
  --contrast-muted: var(--ux-muted);
  --contrast-line: var(--ux-line);
  --contrast-action-bg: var(--ux-action);
  --contrast-action-text: var(--ux-action-text);
  --readable-shell: var(--ux-shell);
  --readable-surface: var(--ux-surface);
  --readable-surface-2: var(--ux-surface-2);
  --readable-surface-3: var(--ux-surface-3);
  --readable-text: var(--ux-text);
  --readable-subtext: var(--ux-subtext);
  --readable-muted: var(--ux-muted);
  --readable-line: var(--ux-line);
}

html[data-theme] body,
html[data-theme] main,
html[data-theme] .page {
  background: var(--ux-page) !important;
  color: var(--ux-text) !important;
}

html[data-theme] .appbar,
html[data-theme] .bottom-nav,
html[data-theme] .bottom-nav.v2-nav-5,
html[data-theme] .modal header,
html[data-theme] .modal footer {
  background: var(--ux-shell) !important;
  background-color: var(--ux-shell) !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}

html[data-theme] .card,
html[data-theme] .item,
html[data-theme] .v2-card,
html[data-theme] .feed-card,
html[data-theme] .feed-empty-state,
html[data-theme] .feed-tabs button,
html[data-theme] .feed-command-panel,
html[data-theme] .feed-command-action,
html[data-theme] .feed-signal,
html[data-theme] .community-empty,
html[data-theme] .community-post-card,
html[data-theme] .thread-post-card,
html[data-theme] .thread-reply-card,
html[data-theme] .thread-reply-compose,
html[data-theme] .pending-post-card,
html[data-theme] .action-card,
html[data-theme] .quick-compose-status,
html[data-theme] .quick-compose-card,
html[data-theme] .store-required-hero,
html[data-theme] .store-required-note,
html[data-theme] .profile-action-card,
html[data-theme] .profile-ops-dashboard,
html[data-theme] .profile-ops-row,
html[data-theme] .trip-command-panel,
html[data-theme] .trip-command-stats button,
html[data-theme] .trip-empty-state,
html[data-theme] .trip-list-card,
html[data-theme] .account-status,
html[data-theme] .account-create-box,
html[data-theme] .account-row,
html[data-theme] .report-target-card,
html[data-theme] .checkin-picker-summary,
html[data-theme] .checkin-picker-row,
html[data-theme] .info-card,
html[data-theme] .scope-box,
html[data-theme] .scope-note,
html[data-theme] .share-link,
html[data-theme] .photo-add,
html[data-theme] .bottomsheet,
html[data-theme] .modal,
html[data-theme] .modal .body,
html[data-theme] .map-command,
html[data-theme] .map-cockpit,
html[data-theme] .map-today-hub,
html[data-theme] .map-today-mission,
html[data-theme] .map-today-action,
html[data-theme] .map-quest-card,
html[data-theme] .map-startup-panel,
html[data-theme] .map-startup-row,
html[data-theme] .arcade-ops-panel,
html[data-theme] .arcade-op-card,
html[data-theme] .nearby-dock,
html[data-theme] .bs-empty,
html[data-theme] .post-mode-switch button,
html[data-theme] .post-arcade-context,
html[data-theme] .arcade-info-tabs button,
html[data-theme] .arcade-log-note,
html[data-theme] .arcade-log-card {
  background: var(--ux-surface) !important;
  background-color: var(--ux-surface) !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
  box-shadow: var(--ux-shadow);
}

html[data-theme] .field input,
html[data-theme] .field select,
html[data-theme] .field textarea,
html[data-theme] input[type="text"],
html[data-theme] input[type="search"],
html[data-theme] input[type="number"],
html[data-theme] input[type="date"],
html[data-theme] textarea,
html[data-theme] select,
html[data-theme] .arcade-searchbar,
html[data-theme] .arcade-searchbar input,
html[data-theme] .bottomsheet__search,
html[data-theme] .bottomsheet__search input,
html[data-theme] .checkin-picker-search,
html[data-theme] .checkin-picker-search input {
  background: var(--ux-surface) !important;
  background-color: var(--ux-surface) !important;
  color: var(--ux-text) !important;
  -webkit-text-fill-color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
  caret-color: var(--ux-action);
}

html[data-theme] option {
  background: var(--ux-surface) !important;
  color: var(--ux-text) !important;
}

html[data-theme] ::placeholder {
  color: var(--ux-muted) !important;
  -webkit-text-fill-color: var(--ux-muted) !important;
  opacity: 1 !important;
}

html[data-theme] .tag,
html[data-theme] .v2-chip,
html[data-theme] .v2-store-metric,
html[data-theme] .feed-action,
html[data-theme] .feed-card__quick button,
html[data-theme] .v2-tile-actions button,
html[data-theme] .bs-chip,
html[data-theme] .bs-cab,
html[data-theme] .filter-count,
html[data-theme] .feed-tab-count,
html[data-theme] .bs-chip__count,
html[data-theme] .post-template-row button,
html[data-theme] .post-safety-checklist span,
html[data-theme] .completeness-tags button,
html[data-theme] .community-post-card__badge,
html[data-theme] .community-post-card__game,
html[data-theme] .thread-reply-card__actions button,
html[data-theme] .pending-post-card__tag,
html[data-theme] .account-row__state,
html[data-theme] .map-startup-row__state,
html[data-theme] .arcade-op-card button,
html[data-theme] .arcade-ops-missing button,
html[data-theme] .profile-action-card span,
html[data-theme] .db-queue-chip,
html[data-theme] .map-quest-card__eyebrow,
html[data-theme] .bottomsheet__search-clear,
html[data-theme] .post-mode-switch button span,
html[data-theme] .post-arcade-context__facts span,
html[data-theme] .post-arcade-context__actions button,
html[data-theme] .arcade-info-tabs button span,
html[data-theme] .arcade-log-card__head span {
  background: var(--ux-surface-2) !important;
  background-color: var(--ux-surface-2) !important;
  color: var(--ux-subtext) !important;
  -webkit-text-fill-color: var(--ux-subtext) !important;
  border-color: var(--ux-line) !important;
}

html[data-theme] .card h2,
html[data-theme] .item .ttl,
html[data-theme] .sec-h h2,
html[data-theme] .app-title,
html[data-theme] .modal header h3,
html[data-theme] .feed-command-panel__title,
html[data-theme] .feed-empty-state__title,
html[data-theme] .feed-card__state b,
html[data-theme] .feed-card .name,
html[data-theme] .feed-card .text,
html[data-theme] .community-post-card__text,
html[data-theme] .thread-post-card__text,
html[data-theme] .thread-reply-card p,
html[data-theme] .quick-compose-card__title,
html[data-theme] .action-card b,
html[data-theme] .profile-action-card b,
html[data-theme] .map-headline,
html[data-theme] .map-quest-card__title,
html[data-theme] .map-startup-panel__top b,
html[data-theme] .map-startup-row b,
html[data-theme] .arcade-op-card b,
html[data-theme] .info-card__body,
html[data-theme] .bs-row__title,
html[data-theme] .checkin-picker-row__body b,
html[data-theme] .account-status b,
html[data-theme] .account-create-box b,
html[data-theme] .account-row__body b,
html[data-theme] .post-mode-switch button b,
html[data-theme] .post-arcade-context__head b,
html[data-theme] .arcade-log-card__head b,
html[data-theme] .arcade-log-card__body strong {
  color: var(--ux-text) !important;
  -webkit-text-fill-color: var(--ux-text) !important;
}

html[data-theme] .muted,
html[data-theme] .field label,
html[data-theme] .app-title small,
html[data-theme] .sec-h .ct,
html[data-theme] .feed-command-panel__account,
html[data-theme] .feed-empty-state__body,
html[data-theme] .feed-card__state span,
html[data-theme] .feed-card__context,
html[data-theme] .feed-card__context span,
html[data-theme] .feed-card .place,
html[data-theme] .feed-card .actions,
html[data-theme] .feed-card__metrics,
html[data-theme] .community-empty span,
html[data-theme] .community-post-card__time,
html[data-theme] .community-post-card__meta,
html[data-theme] .thread-post-card__meta,
html[data-theme] .thread-post-card__foot,
html[data-theme] .pending-post-card p,
html[data-theme] .quick-compose-card__body,
html[data-theme] .action-card span,
html[data-theme] .profile-action-card span,
html[data-theme] .map-subline,
html[data-theme] .map-stats,
html[data-theme] .map-stat .l,
html[data-theme] .map-quest-card__body,
html[data-theme] .map-startup-row span,
html[data-theme] .arcade-op-card small,
html[data-theme] .info-card__label,
html[data-theme] .bs-row__meta,
html[data-theme] .bs-row__dist,
html[data-theme] .bs-empty__sub,
html[data-theme] .checkin-picker-row__body > span,
html[data-theme] .checkin-picker-row__body small,
html[data-theme] .account-status span,
html[data-theme] .account-create-box span,
html[data-theme] .account-row__body small,
html[data-theme] .post-mode-switch button em,
html[data-theme] .post-arcade-context__head em,
html[data-theme] .arcade-log-note em,
html[data-theme] .arcade-log-card__body p,
html[data-theme] .arcade-log-card__body em,
html[data-theme] .arcade-log-card__head time {
  color: var(--ux-subtext) !important;
  -webkit-text-fill-color: var(--ux-subtext) !important;
}

html[data-theme] .btn:not(.ghost):not(.cyan):not(.green):not(.warn),
html[data-theme] .app-action:not(.ghost),
html[data-theme] .feed-tabs button.is-active,
html[data-theme] .bs-chip.is-active,
html[data-theme] .feed-command-action--primary,
html[data-theme] .feed-empty-state__action.is-primary,
html[data-theme] .feed-action--like.is-active,
html[data-theme] .feed-card__quick button.is-primary,
html[data-theme] .community-post-card__like.is-active,
html[data-theme] .thread-reply-card__actions button.is-active,
html[data-theme] .map-startup-row button.is-primary,
html[data-theme] .nearby-dock__actions button.is-primary,
html[data-theme] .map-today-action.is-primary,
html[data-theme] .post-mode-switch button.is-active,
html[data-theme] .arcade-info-tabs button.is-active {
  background: var(--ux-action) !important;
  background-color: var(--ux-action) !important;
  background-image: none !important;
  color: var(--ux-action-text) !important;
  -webkit-text-fill-color: var(--ux-action-text) !important;
  border-color: var(--ux-action) !important;
}

html[data-theme] .feed-tabs button.is-active .feed-tab-count,
html[data-theme] .bs-chip.is-active .bs-chip__count,
html[data-theme] .arcade-info-tabs button.is-active span {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--ux-action) !important;
  -webkit-text-fill-color: var(--ux-action) !important;
  border-color: rgba(255,255,255,0.72) !important;
}

html[data-theme] .btn.ghost,
html[data-theme] .app-action.ghost,
html[data-theme] .app-back {
  background: var(--ux-surface-2) !important;
  background-color: var(--ux-surface-2) !important;
  color: var(--ux-text) !important;
  -webkit-text-fill-color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}

html[data-theme] .post-photo-status.is-ready span,
html[data-theme] .feed-command-panel__status.is-signed,
html[data-theme] .feed-signal.is-ok em,
html[data-theme] .scope-box.public b {
  color: var(--ux-success-text) !important;
  -webkit-text-fill-color: var(--ux-success-text) !important;
  border-color: color-mix(in srgb, var(--ux-success-text) 42%, var(--ux-line)) !important;
}

html[data-theme] .post-photo-status.is-busy span,
html[data-theme] .feed-command-panel__status.is-online,
html[data-theme] .feed-command__pill.is-pending,
html[data-theme] .feed-signal.is-warn em,
html[data-theme] .arcade-log-note span,
html[data-theme] .arcade-log-card__head span {
  color: var(--ux-warning-text) !important;
  -webkit-text-fill-color: var(--ux-warning-text) !important;
  border-color: color-mix(in srgb, var(--ux-warning-text) 42%, var(--ux-line)) !important;
}

html[data-theme] .arcade-log-card--visit .arcade-log-card__head span {
  color: var(--ux-info-text) !important;
  -webkit-text-fill-color: var(--ux-info-text) !important;
  border-color: color-mix(in srgb, var(--ux-info-text) 42%, var(--ux-line)) !important;
}

html[data-theme] .post-photo-status.is-error span,
html[data-theme] .feed-action--danger {
  color: var(--ux-danger-text) !important;
  -webkit-text-fill-color: var(--ux-danger-text) !important;
  border-color: color-mix(in srgb, var(--ux-danger-text) 42%, var(--ux-line)) !important;
}

html[data-theme] .leaflet-popup-content-wrapper,
html[data-theme] .leaflet-popup-tip,
html[data-theme] .leaflet-control-zoom a,
html[data-theme] .leaflet-control-attribution {
  background: var(--ux-shell) !important;
  background-color: var(--ux-shell) !important;
  color: var(--ux-text) !important;
  border-color: var(--ux-line) !important;
}

html[data-theme] .leaflet-popup-content,
html[data-theme] .leaflet-popup-content *,
html[data-theme] .leaflet-popup-close-button,
html[data-theme] .leaflet-control-attribution a {
  color: var(--ux-text) !important;
  -webkit-text-fill-color: var(--ux-text) !important;
}

html[data-theme] .v2-hero,
html[data-theme] .v2-hero .v2-top,
html[data-theme] .v2-hero .v2-bottom,
html[data-theme] .v2-hero h1,
html[data-theme] .v2-hero .v2-namelong,
html[data-theme] .v2-hero .v2-meta,
html[data-theme] .v2-hero .v2-meta span,
html[data-theme] .v2-hero .v2-meta .v2-meta-rating {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] .v2-hero .v2-chip,
html[data-theme] .v2-hero .v2-shrine-badge,
html[data-theme] .v2-hero .v2-meta .v2-meta-rating {
  background: #111827 !important;
  background-color: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.28) !important;
}

html[data-theme] .v2-btn--primary,
html[data-theme] .v2-btn--accent {
  background: var(--ux-action) !important;
  background-color: var(--ux-action) !important;
  color: var(--ux-action-text) !important;
  -webkit-text-fill-color: var(--ux-action-text) !important;
  border-color: var(--ux-action) !important;
}

html[data-theme] .sec-h .more,
html[data-theme] .v2-sec-h .v2-more,
html[data-theme] .arcade-ops-panel__top span,
html[data-theme] .post-arcade-context__head span {
  color: var(--ux-action) !important;
  -webkit-text-fill-color: var(--ux-action) !important;
}

html[data-theme] .post-mode-switch button.is-active b,
html[data-theme] .post-mode-switch button.is-active em,
html[data-theme] .post-mode-switch button.is-active span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] .post-mode-switch button.is-active span {
  background: #7f1028 !important;
  background-color: #7f1028 !important;
  border-color: rgba(255,255,255,0.30) !important;
}


html[data-theme="light"] {
  --app-page: #f5f7fb;
  --app-shell: rgba(255,255,255,0.96);
  --app-surface: #ffffff;
  --app-surface-2: #eef2f7;
  --app-surface-3: #dfe6ef;
  --app-field: #ffffff;
  --app-text: #111827;
  --app-subtext: #344054;
  --app-muted: #667085;
  --app-line: rgba(17,24,39,0.16);
  --app-primary: #be123c;
  --app-primary-text: #ffffff;
  --app-cyan: #0e7490;
  --app-green: #0f766e;
  --app-danger: #b91c1c;
  --app-map-bg: #e6edf5;
  --app-overlay: rgba(15,23,42,0.38);
  --app-shadow: 0 12px 30px rgba(15,23,42,0.11);
}
html[data-theme="dark"] {
  --app-page: #090a0d;
  --app-shell: rgba(13,15,18,0.96);
  --app-surface: #14161a;
  --app-surface-2: #20242c;
  --app-surface-3: #0f1115;
  --app-field: #111318;
  --app-text: #f8f8fa;
  --app-subtext: #c8ced8;
  --app-muted: #a3abba;
  --app-line: rgba(255,255,255,0.15);
  --app-primary: #be123c;
  --app-primary-text: #ffffff;
  --app-cyan: #0e7490;
  --app-green: #0f766e;
  --app-danger: #dc2626;
  --app-map-bg: #0c1016;
  --app-overlay: rgba(3,6,12,0.76);
  --app-shadow: 0 16px 36px rgba(0,0,0,0.42);
}
html[data-theme],
html[data-theme] body {
  background: var(--app-page) !important;
  background-color: var(--app-page) !important;
  color: var(--app-text) !important;
  accent-color: var(--app-primary);
}
html[data-theme] main,
html[data-theme] .page {
  background: transparent !important;
  color: var(--app-text) !important;
}
html[data-theme] :is(.appbar,.bottom-nav,.bottom-nav.v2-nav-5,.modal header,.modal footer) {
  background: var(--app-shell) !important;
  background-color: var(--app-shell) !important;
  color: var(--app-text) !important;
  -webkit-text-fill-color: var(--app-text) !important;
  border-color: var(--app-line) !important;
  box-shadow: var(--app-shadow) !important;
}
html[data-theme] :is(.card,.item,.v2-card,.v2-tile,.arcade-tile,.cab-card,.share-card,.feed-card,.feed-empty-state,.feed-tabs button,.feed-command-panel,.feed-command-action,.feed-signal,.community-empty,.community-post-card,.thread-post-card,.thread-reply-card,.thread-reply-compose,.pending-post-card,.pending-post-note,.action-card,.quick-compose-status,.quick-compose-target,.quick-compose-card,.store-required-hero,.store-required-note,.profile-action-card,.profile-ops-dashboard,.profile-ops-row,.db-queue-summary,.db-queue-summary__stats,.db-queue-card,.db-queue-empty,.trip-command-panel,.trip-command-stats button,.trip-empty-state,.trip-list-card,.plan-stop-card,.checkin-card,.account-status,.account-create-box,.account-row,.account-empty,.report-target-card,.checkin-picker-summary,.checkin-picker-row,.info-card,.scope-box,.scope-note,.share-link,.photo-add,.bottomsheet,.modal,.modal .body,.map-command,.map-cockpit,.map-today-hub,.map-today-mission,.map-today-action,.map-quest-card,.map-startup-panel,.map-startup-row,.arcade-ops-panel,.arcade-op-card,.nearby-dock,.bs-empty) {
  background: var(--app-surface) !important;
  background-color: var(--app-surface) !important;
  background-image: none !important;
  color: var(--app-text) !important;
  -webkit-text-fill-color: var(--app-text) !important;
  border-color: var(--app-line) !important;
  box-shadow: var(--app-shadow);
}
html[data-theme] :is(#map,.map-stage) {
  background: var(--app-map-bg) !important;
  background-color: var(--app-map-bg) !important;
}
html[data-theme] :is(.field input,.field select,.field textarea,input[type="text"],input[type="search"],input[type="number"],input[type="date"],input[type="datetime-local"],textarea,select,.arcade-searchbar,.arcade-searchbar input,.bottomsheet__search,.bottomsheet__search input,.checkin-picker-search,.checkin-picker-search input,.thread-reply-compose textarea,.account-create-row input) {
  background: var(--app-field) !important;
  background-color: var(--app-field) !important;
  background-image: none !important;
  color: var(--app-text) !important;
  -webkit-text-fill-color: var(--app-text) !important;
  border-color: var(--app-line) !important;
  caret-color: var(--app-primary);
}
html[data-theme] ::placeholder {
  color: var(--app-muted) !important;
  -webkit-text-fill-color: var(--app-muted) !important;
  opacity: 1 !important;
}
html[data-theme] :is(.app-title,.modal header h3,.card h2,.sec-h h2,.feed-command-panel__title,.feed-empty-state__title,.quick-compose-card__title,.quick-compose-target__body b,.quick-compose-target__empty b,.action-card b,.profile-action-card b,.map-headline,.map-quest-card__title,.map-startup-panel__top b,.map-startup-row b,.arcade-op-card b,.info-card__body,.bs-row__title,.checkin-picker-row__body b,.account-status b,.account-create-box b,.account-row__body b,.post-mode-switch button b,.post-arcade-context__head b,.arcade-log-card__head b,.arcade-log-card__body strong) {
  color: var(--app-text) !important;
  -webkit-text-fill-color: var(--app-text) !important;
}
html[data-theme] :is(.muted,.field label,.app-title small,.sec-h .ct,.feed-command-panel__account,.feed-empty-state__body,.feed-card .place,.feed-card .actions,.feed-card__metrics,.community-empty span,.community-post-card__time,.community-post-card__meta,.thread-post-card__meta,.thread-post-card__foot,.pending-post-card p,.quick-compose-card__body,.quick-compose-target__meta,.quick-compose-target__empty span,.action-card span,.profile-action-card span,.map-subline,.map-stats,.map-stat .l,.map-quest-card__body,.map-startup-row span,.arcade-op-card small,.info-card__label,.bs-row__meta,.bs-row__dist,.bs-empty__sub,.checkin-picker-row__body > span,.checkin-picker-row__body small,.account-status span,.account-create-box span,.account-row__body small,.post-mode-switch button em,.post-arcade-context__head em,.arcade-log-note em,.arcade-log-card__body p,.arcade-log-card__body em,.arcade-log-card__head time) {
  color: var(--app-subtext) !important;
  -webkit-text-fill-color: var(--app-subtext) !important;
}
html[data-theme] :is(.tag,.v2-chip,.v2-store-metric,.feed-action,.feed-card__quick button,.v2-tile-actions button,.bs-chip,.bs-cab,.filter-count,.feed-tab-count,.bs-chip__count,.post-template-row button,.post-safety-checklist span,.checkin-picker-chips button,.checkin-picker-chips button span,.quick-compose-target__meta span,.quick-compose-target__chip,.quick-compose-target__action,.completeness-tags button,.community-post-card__badge,.community-post-card__game,.thread-reply-card__actions button,.pending-post-card__tag,.account-row__state,.map-startup-row__state,.arcade-op-card button,.arcade-ops-missing button,.profile-action-card span,.db-queue-chip,.map-quest-card__eyebrow,.bottomsheet__search-clear,.post-mode-switch button span,.post-arcade-context__facts span,.post-arcade-context__actions button,.arcade-info-tabs button span,.arcade-log-card__head span) {
  background: var(--app-surface-2) !important;
  background-color: var(--app-surface-2) !important;
  background-image: none !important;
  color: var(--app-subtext) !important;
  -webkit-text-fill-color: var(--app-subtext) !important;
  border-color: var(--app-line) !important;
}
html[data-theme] :is(.btn,.app-action,.map-controls button,.map-cockpit__actions button,.bottomsheet__search-clear,.bs-chip,.checkin-picker-chips button,.feed-tabs button,.post-mode-switch button,.arcade-info-tabs button) {
  min-height: 42px;
}
html[data-theme] .btn.tiny {
  min-height: 36px;
}
html[data-theme] :is(.btn:not(.ghost):not(.cyan):not(.green):not(.warn),.app-action:not(.ghost),.map-cockpit__primary,.map-cockpit__actions .map-cockpit__primary,.feed-tabs button.is-active,.bs-chip.is-active,.checkin-picker-chips button.is-active,.feed-command-action--primary,.feed-empty-state__action.is-primary,.feed-action--like.is-active,.feed-card__quick button.is-primary,.v2-tile-actions button.is-primary,.community-post-card__like.is-active,.thread-reply-card__actions button.is-active,.map-startup-row button.is-primary,.nearby-dock__actions button.is-primary,.map-today-action.is-primary,.quick-compose-target__action.is-primary,.quick-compose-target__empty button,.post-mode-switch button.is-active,.arcade-info-tabs button.is-active) {
  background: var(--app-primary) !important;
  background-color: var(--app-primary) !important;
  background-image: none !important;
  color: var(--app-primary-text) !important;
  -webkit-text-fill-color: var(--app-primary-text) !important;
  border-color: var(--app-primary) !important;
}
html[data-theme] .btn.cyan {
  background: var(--app-cyan) !important;
  background-color: var(--app-cyan) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--app-cyan) !important;
}
html[data-theme] :is(.btn.green,.checkin-btn) {
  background: var(--app-green) !important;
  background-color: var(--app-green) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--app-green) !important;
}
html[data-theme] .btn.warn {
  background: var(--app-danger) !important;
  background-color: var(--app-danger) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--app-danger) !important;
}
html[data-theme] :is(.btn.ghost,.app-action.ghost,.app-back,.map-controls button,.map-cockpit__actions button:not(.map-cockpit__primary)) {
  background: var(--app-surface-2) !important;
  background-color: var(--app-surface-2) !important;
  background-image: none !important;
  color: var(--app-text) !important;
  -webkit-text-fill-color: var(--app-text) !important;
  border-color: var(--app-line) !important;
}
html[data-theme] :is(.feed-tabs button.is-active .feed-tab-count,.bs-chip.is-active .bs-chip__count,.checkin-picker-chips button.is-active span,.arcade-info-tabs button.is-active span) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--app-primary) !important;
  -webkit-text-fill-color: var(--app-primary) !important;
  border-color: rgba(255,255,255,0.74) !important;
}
html[data-theme] :is(.bottom-nav button:not(.nav-fab),.bottom-nav.v2-nav-5 button:not(.nav-fab)) {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--app-muted) !important;
  -webkit-text-fill-color: var(--app-muted) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme] :is(.bottom-nav button.active:not(.nav-fab),.bottom-nav.v2-nav-5 button.active:not(.nav-fab)) {
  background: color-mix(in srgb, var(--app-primary) 12%, transparent) !important;
  color: var(--app-primary) !important;
  -webkit-text-fill-color: var(--app-primary) !important;
}
html[data-theme] :is(.bottom-nav.v2-nav-5 .nav-fab,.bottom-nav .nav-fab) {
  background: var(--app-primary) !important;
  background-color: var(--app-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--app-shell) !important;
}
html[data-theme] :is(.v2-hero,.v2-hero *,.v2-cover-title,.v2-cover-title *,.gen-cover,.gen-cover-large) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.58) !important;
}
html[data-theme] :is(.v2-hero .v2-chip,.v2-hero .v2-shrine-badge,.v2-cover .v2-chip,.v2-cover .v2-shrine-badge,.feed-cloud-badge,.conf-badge) {
  background: rgba(17,24,39,0.82) !important;
  background-color: rgba(17,24,39,0.82) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.32) !important;
}
html[data-theme] .modal-bg {
  background: var(--app-overlay) !important;
}
html[data-theme] :is(.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-control-zoom a,.leaflet-control-attribution) {
  background: var(--app-shell) !important;
  background-color: var(--app-shell) !important;
  color: var(--app-text) !important;
  border-color: var(--app-line) !important;
}
html[data-theme] :is(.leaflet-popup-content,.leaflet-popup-content *,.leaflet-popup-close-button,.leaflet-control-attribution a) {
  color: var(--app-text) !important;
  -webkit-text-fill-color: var(--app-text) !important;
}


html[data-theme="light"] {
  --app-accent-label: #a80f3d;
  --ux-page: var(--app-page);
  --ux-shell: var(--app-shell);
  --ux-surface: var(--app-surface);
  --ux-surface-2: var(--app-surface-2);
  --ux-surface-3: var(--app-surface-3);
  --ux-text: var(--app-text);
  --ux-subtext: var(--app-subtext);
  --ux-muted: var(--app-muted);
  --ux-line: var(--app-line);
  --ux-action: var(--app-primary);
  --ux-action-text: var(--app-primary-text);
}
html[data-theme="dark"] {
  --app-accent-label: #ff8aa7;
  --ux-page: var(--app-page);
  --ux-shell: var(--app-shell);
  --ux-surface: var(--app-surface);
  --ux-surface-2: var(--app-surface-2);
  --ux-surface-3: var(--app-surface-3);
  --ux-text: var(--app-text);
  --ux-subtext: var(--app-subtext);
  --ux-muted: var(--app-muted);
  --ux-line: var(--app-line);
  --ux-action: var(--app-primary);
  --ux-action-text: var(--app-primary-text);
}
html[data-theme] :is(.bottom-nav.v2-nav-5 button.active:not(.nav-fab),.bottom-nav button.active:not(.nav-fab)) {
  background: var(--app-primary) !important;
  background-color: var(--app-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--app-primary) !important;
}
html[data-theme] :is(.bottom-nav.v2-nav-5 button.active:not(.nav-fab) *,.bottom-nav button.active:not(.nav-fab) *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme] :is(.map-kicker,.map-today-label,.profile-ops-dashboard__head span,.trip-command-panel__head span,.saas-panel__eyebrow,.arcade-ops-panel__top span,.post-arcade-context__head span) {
  color: var(--app-accent-label) !important;
  -webkit-text-fill-color: var(--app-accent-label) !important;
}
html[data-theme] :is(.map-cockpit__status,.map-cockpit__collapse,.feed-command-panel__status,.feed-command__pill) {
  color: var(--app-subtext) !important;
  -webkit-text-fill-color: var(--app-subtext) !important;
}
html[data-theme] :is(.preset-intro__sub,.preset-stats span,.preset-next__head span) {
  color: var(--app-subtext) !important;
  -webkit-text-fill-color: var(--app-subtext) !important;
}
html[data-theme] :is(.preset-stats div,.preset-next,.preset-next__grid button) {
  background: var(--app-surface-2) !important;
  background-color: var(--app-surface-2) !important;
  color: var(--app-text) !important;
  -webkit-text-fill-color: var(--app-text) !important;
  border-color: var(--app-line) !important;
}
@media (max-width: 520px) {
  html[data-theme] .modal footer {
    position: sticky;
    bottom: 0;
    gap: 8px;
  }
  html[data-theme] .modal footer .btn {
    min-height: 48px;
  }
}


html[data-theme="light"] {
  --ux-readable-accent: #a80f3d;
  --ux-readable-teal: #0f766e;
  --ux-readable-warn-bg: #fbbf24;
  --ux-readable-warn-text: #111827;
}
html[data-theme="dark"] {
  --ux-readable-accent: #ff8aa7;
  --ux-readable-teal: #5eead4;
  --ux-readable-warn-bg: #fbbf24;
  --ux-readable-warn-text: #111827;
}
html[data-theme] :is(.bottom-nav.v2-nav-5 button.active:not(.nav-fab),.bottom-nav button.active:not(.nav-fab)) {
  background: var(--app-primary) !important;
  background-color: var(--app-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--app-primary) !important;
}
html[data-theme] :is(.bottom-nav.v2-nav-5 button.active:not(.nav-fab) *,.bottom-nav button.active:not(.nav-fab) *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] :is(.bottom-nav.v2-nav-5 button:not(.active):not(.nav-fab),.bottom-nav button:not(.active):not(.nav-fab),.bottom-nav.v2-nav-5 button:not(.active):not(.nav-fab) *,.bottom-nav button:not(.active):not(.nav-fab) *) {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
html[data-theme] :is(.v2-cover,.v2-cover *,.feed-card .media,.feed-card .media *,.gen-cover,.gen-cover *,.gen-cover-large,.gen-cover-large *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.58) !important;
}
html[data-theme] :is(.feed-card .media,.v2-cover) {
  background-color: #111827 !important;
}
html[data-theme="light"] :is(.quick-compose-target__kicker,.feed-card .head .meta .place .pin-dot,.photo-add .ic,.post-photo-status span,.map-today-label,.map-kicker,.profile-ops-dashboard__head span,.trip-command-panel__head span,.arcade-ops-panel__top span,.post-arcade-context__head span) {
  color: var(--ux-readable-accent) !important;
  -webkit-text-fill-color: var(--ux-readable-accent) !important;
}
html[data-theme] :is(.account-status__icon,.account-row.is-active .account-row__state) {
  background: var(--ux-readable-teal) !important;
  background-color: var(--ux-readable-teal) !important;
  background-image: none !important;
  color: #042f2e !important;
  -webkit-text-fill-color: #042f2e !important;
  border-color: var(--ux-readable-teal) !important;
}
html[data-theme] .account-status.is-offline .account-status__icon {
  background: var(--ux-readable-warn-bg) !important;
  background-color: var(--ux-readable-warn-bg) !important;
  background-image: none !important;
  color: var(--ux-readable-warn-text) !important;
  -webkit-text-fill-color: var(--ux-readable-warn-text) !important;
  border-color: var(--ux-readable-warn-bg) !important;
}
html[data-theme] .pam {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1c1530 !important;
  -webkit-text-fill-color: #1c1530 !important;
}
html[data-theme] :is(.pam p,.pam li,.pam ul,.pam .tl,.pam .item-tl,.pam .arcade-card,.pam .arcade-card *,.pam .visit,.pam .visit *,.pam .pam-photos,.pam .meta,.pam .meta *) {
  color: #1c1530 !important;
  -webkit-text-fill-color: #1c1530 !important;
}
html[data-theme] .pam h2.sec {
  color: #be123c !important;
  -webkit-text-fill-color: #be123c !important;
}
html[data-theme] .pam h3 {
  color: #5b3df0 !important;
  -webkit-text-fill-color: #5b3df0 !important;
}
html[data-theme] :is(.pam .cover,.pam .cover *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.28) !important;
}
html[data-theme] :is(.pam .stat-strip .b,.pam .stat-strip .b .l,.pam .footer,.pam .footer *) {
  background: #1c1530 !important;
  background-color: #1c1530 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme] .pam .stat-strip .b .v {
  color: #ff86b3 !important;
  -webkit-text-fill-color: #ff86b3 !important;
}
html[data-theme] .pam .tl::before {
  background: #d0d5dd !important;
}
html[data-theme] .pam .tl .item-tl::before {
  border: 2px solid #ffffff;
}


html[data-theme="light"] {
  color-scheme: light;
  --v60-page:#f6f7fb; --v60-shell:#ffffff; --v60-surface:#ffffff; --v60-surface-2:#eef2f7; --v60-field:#ffffff;
  --v60-text:#111827; --v60-subtext:#344054; --v60-muted:#667085; --v60-line:rgba(17,24,39,0.18);
  --v60-primary:#be123c; --v60-map-panel:#111827; --v60-map-text:#ffffff; --v60-map-subtext:#d1d5db;
  --v60-shadow:0 14px 36px rgba(15,23,42,0.13); --v60-overlay:rgba(15,23,42,0.42);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --v60-page:#090a0d; --v60-shell:#101216; --v60-surface:#16191f; --v60-surface-2:#222733; --v60-field:#111318;
  --v60-text:#f8f8fa; --v60-subtext:#d0d5dd; --v60-muted:#a3abba; --v60-line:rgba(255,255,255,0.16);
  --v60-primary:#be123c; --v60-map-panel:#111827; --v60-map-text:#ffffff; --v60-map-subtext:#d1d5db;
  --v60-shadow:0 16px 38px rgba(0,0,0,0.44); --v60-overlay:rgba(3,6,12,0.78);
}
html[data-theme] body,
html[data-theme] main,
html[data-theme] .page {
  background: var(--v60-page) !important;
  background-color: var(--v60-page) !important;
  color: var(--v60-text) !important;
}
html[data-theme] body :not(svg):not(path) {
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme] :is(.appbar,.bottom-nav,.bottom-nav.v2-nav-5,.modal header,.modal footer) {
  background: var(--v60-shell) !important;
  background-color: var(--v60-shell) !important;
  background-image: none !important;
  color: var(--v60-text) !important;
  border-color: var(--v60-line) !important;
}
html[data-theme] :is(.modal,.modal .body,.card,.item,.v2-card,.v2-tile,.arcade-tile,.cab-card,.share-card,.feed-card,.feed-empty-state,.feed-tabs button,.feed-command-panel,.feed-command-action,.feed-signal,.community-empty,.community-post-card,.thread-post-card,.thread-reply-card,.thread-reply-compose,.pending-post-card,.pending-post-note,.action-card,.quick-compose-status,.quick-compose-target,.quick-compose-card,.store-required-hero,.store-required-note,.profile-action-card,.profile-ops-dashboard,.profile-ops-row,.db-queue-summary,.db-queue-summary__stats,.db-queue-card,.db-queue-empty,.trip-command-panel,.trip-command-stats button,.trip-empty-state,.trip-list-card,.plan-stop-card,.checkin-card,.account-status,.account-create-box,.account-row,.account-empty,.report-target-card,.checkin-picker-summary,.checkin-picker-row,.info-card,.scope-box,.scope-note,.share-link,.photo-add,.bottomsheet,.nearby-dock,.bs-empty) {
  background: var(--v60-surface) !important;
  background-color: var(--v60-surface) !important;
  background-image: none !important;
  color: var(--v60-text) !important;
  border-color: var(--v60-line) !important;
  box-shadow: var(--v60-shadow) !important;
}
html[data-theme] :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.field input,.field select,.field textarea,.arcade-searchbar,.arcade-searchbar input,.bottomsheet__search,.bottomsheet__search input,.checkin-picker-search,.checkin-picker-search input,.thread-reply-compose textarea,.account-create-row input) {
  background: var(--v60-field) !important;
  background-color: var(--v60-field) !important;
  background-image: none !important;
  color: var(--v60-text) !important;
  border-color: var(--v60-line) !important;
  caret-color: var(--v60-primary) !important;
}
html[data-theme] :is(.muted,.field label,.app-title small,.sec-h .ct,.feed-command-panel__account,.feed-empty-state__body,.feed-card .place,.feed-card .actions,.feed-card__metrics,.community-empty span,.community-post-card__time,.community-post-card__meta,.thread-post-card__meta,.thread-post-card__foot,.pending-post-card p,.quick-compose-card__body,.quick-compose-target__meta,.quick-compose-target__empty span,.action-card span,.profile-action-card span,.map-subline,.map-stats,.map-stat .l,.map-quest-card__body,.map-startup-row span,.arcade-op-card small,.info-card__label,.bs-row__meta,.bs-row__dist,.bs-empty__sub,.checkin-picker-row__body > span,.checkin-picker-row__body small,.account-status span,.account-create-box span,.account-row__body small,.post-mode-switch button em,.post-arcade-context__head em,.arcade-log-note em,.arcade-log-card__body p,.arcade-log-card__body em,.arcade-log-card__head time) {
  color: var(--v60-subtext) !important;
}
html[data-theme] :is(.tag,.v2-chip,.v2-store-metric,.feed-action,.feed-card__quick button,.v2-tile-actions button,.bs-chip,.bs-cab,.filter-count,.feed-tab-count,.bs-chip__count,.post-template-row button,.post-safety-checklist span,.checkin-picker-chips button,.quick-compose-target__meta span,.quick-compose-target__chip,.quick-compose-target__action,.completeness-tags button,.community-post-card__badge,.community-post-card__game,.thread-reply-card__actions button,.pending-post-card__tag,.account-row__state,.map-startup-row__state,.arcade-op-card button,.arcade-ops-missing button,.profile-action-card span,.db-queue-chip,.map-quest-card__eyebrow,.bottomsheet__search-clear,.post-mode-switch button span,.post-arcade-context__facts span,.post-arcade-context__actions button,.arcade-info-tabs button span,.arcade-log-card__head span) {
  background: var(--v60-surface-2) !important;
  background-color: var(--v60-surface-2) !important;
  background-image: none !important;
  color: var(--v60-subtext) !important;
  border-color: var(--v60-line) !important;
}
html[data-theme] :is(.btn:not(.ghost):not(.cyan):not(.green):not(.warn),.app-action:not(.ghost),.feed-tabs button.is-active,.bs-chip.is-active,.checkin-picker-chips button.is-active,.feed-command-action--primary,.feed-empty-state__action.is-primary,.feed-action--like.is-active,.feed-card__quick button.is-primary,.v2-tile-actions button.is-primary,.community-post-card__like.is-active,.thread-reply-card__actions button.is-active,.db-queue-actions button.is-primary,.map-startup-row button.is-primary,.nearby-dock__actions button.is-primary,.map-today-action.is-primary,.quick-compose-target__action.is-primary,.quick-compose-target__empty button,.post-mode-switch button.is-active,.arcade-info-tabs button.is-active,.bottom-nav button.active:not(.nav-fab),.bottom-nav.v2-nav-5 button.active:not(.nav-fab),.bottom-nav .nav-fab,.bottom-nav.v2-nav-5 .nav-fab) {
  background: var(--v60-primary) !important;
  background-color: var(--v60-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--v60-primary) !important;
}
html[data-theme] :is(.btn.ghost,.app-action.ghost,.app-back,.bottom-nav button:not(.active):not(.nav-fab),.bottom-nav.v2-nav-5 button:not(.active):not(.nav-fab)) {
  background: var(--v60-surface-2) !important;
  background-color: var(--v60-surface-2) !important;
  background-image: none !important;
  color: var(--v60-text) !important;
  border-color: var(--v60-line) !important;
}
html[data-theme] :is(.map-command,.map-cockpit,.map-today-hub,.map-today-mission,.map-today-action,.map-quest-card,.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-control-zoom a,.leaflet-control-attribution,.map-controls button) {
  background: var(--v60-map-panel) !important;
  background-color: var(--v60-map-panel) !important;
  background-image: none !important;
  color: var(--v60-map-text) !important;
  border-color: rgba(255,255,255,0.22) !important;
}
html[data-theme] :is(.map-command,.map-cockpit,.map-today-hub,.map-today-mission,.map-today-action,.map-quest-card,.leaflet-popup-content-wrapper,.leaflet-control-attribution,.map-controls button) :is(span,small,em,.map-subline,.map-stats,.map-stat .l,.map-quest-card__body) {
  color: var(--v60-map-subtext) !important;
}
html[data-theme] :is(.map-command .map-kicker,.map-command .map-today-label,.map-cockpit .map-kicker,.map-today-hub .map-today-label) {
  color: #ffb4c7 !important;
}
html[data-theme] :is(.map-cockpit__status,.map-cockpit__collapse,.map-today-meter,.feed-command__pill) {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.22) !important;
}
html[data-theme] .map-today-mission > span {
  background: var(--v60-primary) !important;
  background-color: var(--v60-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--v60-primary) !important;
}
html[data-theme] :is(.map-today-action.is-primary,.map-today-action.is-primary *,.bottom-nav button.active:not(.nav-fab) *,.bottom-nav.v2-nav-5 button.active:not(.nav-fab) *) {
  color: #ffffff !important;
}
html[data-theme] :is(.v2-hero,.v2-hero *,.v2-cover,.v2-cover *,.feed-card .media,.feed-card .media *,.gen-cover,.gen-cover *,.gen-cover-large,.gen-cover-large *) {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.58) !important;
}
html[data-theme] .modal-bg {
  background: var(--v60-overlay) !important;
}


html[data-theme] .post-photo-status button.is-primary {
  background: var(--v60-primary, var(--accent)) !important;
  background-color: var(--v60-primary, var(--accent)) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v60-primary, var(--accent)) !important;
}

html[data-theme] .pending-post-card__meta span {
  background: var(--v60-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--v60-surface-2, var(--bg-elevated-2)) !important;
  color: var(--v60-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--v60-subtext, var(--text-secondary)) !important;
  border-color: var(--v60-line, var(--border-default)) !important;
}


html[data-theme="light"] {
  --v63-page:#f6f7fb;
  --v63-shell:#ffffff;
  --v63-surface:#ffffff;
  --v63-surface-2:#eef2f7;
  --v63-surface-3:#e3e9f2;
  --v63-text:#111827;
  --v63-subtext:#344054;
  --v63-muted:#667085;
  --v63-line:rgba(17,24,39,0.18);
  --v63-primary:#be123c;
  --v63-map-panel:#111827;
  --v63-map-panel-2:#1f2937;
  --v63-map-text:#ffffff;
  --v63-map-subtext:#d1d5db;
}

html[data-theme="dark"] {
  --v63-page:#090a0d;
  --v63-shell:#101216;
  --v63-surface:#16191f;
  --v63-surface-2:#222733;
  --v63-surface-3:#0f1115;
  --v63-text:#f8f8fa;
  --v63-subtext:#d0d5dd;
  --v63-muted:#a3abba;
  --v63-line:rgba(255,255,255,0.16);
  --v63-primary:#be123c;
  --v63-map-panel:#111827;
  --v63-map-panel-2:#1f2937;
  --v63-map-text:#ffffff;
  --v63-map-subtext:#d1d5db;
}

html[data-theme] :is(.profile-ops-readiness,.profile-ops-score) {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] :is(.profile-action-card span,.action-card span:not(.action-card__badge)) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme] :is(.profile-ops-score b,.profile-ops-score span,.profile-ops-score em) {
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
}

html[data-theme] .profile-ops-score span {
  color: var(--ui-accent-text, var(--accent)) !important;
  -webkit-text-fill-color: var(--ui-accent-text, var(--accent)) !important;
}

html[data-theme] .profile-ops-progress {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] :is(.profile-ops-progress span,.profile-ops-primary,.map-startup-next.is-primary) {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary) !important;
}

html[data-theme] :is(.map-startup-panel,.map-startup-row,.map-startup-score,.map-startup-next) {
  background: var(--v63-map-panel) !important;
  background-color: var(--v63-map-panel) !important;
  background-image: none !important;
  color: var(--v63-map-text) !important;
  -webkit-text-fill-color: var(--v63-map-text) !important;
  border-color: rgba(255,255,255,0.22) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.38) !important;
}

html[data-theme] :is(.map-startup-row,.map-startup-score,.map-startup-next:not(.is-primary)) {
  background: var(--v63-map-panel-2) !important;
  background-color: var(--v63-map-panel-2) !important;
}

html[data-theme] :is(.map-startup-panel__top b,.map-startup-row b,.map-startup-score b) {
  color: var(--v63-map-text) !important;
  -webkit-text-fill-color: var(--v63-map-text) !important;
}

html[data-theme] :is(.map-startup-panel__top span,.map-startup-row span,.map-startup-score span,.map-startup-score em) {
  color: var(--v63-map-subtext) !important;
  -webkit-text-fill-color: var(--v63-map-subtext) !important;
}

html[data-theme] .map-startup-panel__top span,
html[data-theme] .map-startup-score span {
  color: #ffb4c7 !important;
  -webkit-text-fill-color: #ffb4c7 !important;
}

html[data-theme] .map-startup-progress {
  background: rgba(255,255,255,0.14) !important;
  background-color: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

html[data-theme] .map-startup-progress span {
  background: #ffb4c7 !important;
  background-color: #ffb4c7 !important;
}

html[data-theme] :is(.map-startup-row.is-ok .map-startup-row__state,.profile-ops-row.is-ok .profile-ops-row__state) {
  color: #b6f7e8 !important;
  -webkit-text-fill-color: #b6f7e8 !important;
  background: rgba(16,185,129,0.18) !important;
  background-color: rgba(16,185,129,0.18) !important;
  border-color: rgba(94,234,212,0.52) !important;
}

html[data-theme] :is(.map-startup-row.is-needed .map-startup-row__state,.profile-ops-row.is-warn .profile-ops-row__state) {
  color: #ffd28a !important;
  -webkit-text-fill-color: #ffd28a !important;
  background: rgba(245,158,11,0.18) !important;
  background-color: rgba(245,158,11,0.18) !important;
  border-color: rgba(245,166,35,0.52) !important;
}


html[data-theme] :is(.account-status,.account-create-box,.account-login-box,.account-list-head,.account-row,.account-empty,.account-local-handoff) {
  background: var(--v63-surface) !important;
  background-color: var(--v63-surface) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] .account-local-handoff {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
  border-color: rgba(245,166,35,0.52) !important;
}

html[data-theme] :is(.account-status b,.account-create-box b,.account-login-box b,.account-list-head b,.account-row__body b,.account-local-handoff b) {
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
}

html[data-theme] :is(.account-status span,.account-create-box span,.account-login-box span,.account-list-head span,.account-row__body small,.account-empty,.account-local-handoff span) {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
}

html[data-theme] :is(.account-create-row input,.account-login-row input) {
  background: var(--v63-surface-3) !important;
  background-color: var(--v63-surface-3) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] .account-local-handoff__actions .btn:not(.ghost) {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary) !important;
}


html[data-theme="light"] {
  --v65-ok-text: #075348;
  --v65-ok-bg: rgba(16,185,129,0.13);
  --v65-ok-border: rgba(13,148,136,0.42);
  --v65-warn-text: #6b3d00;
  --v65-warn-bg: rgba(245,158,11,0.15);
  --v65-warn-border: rgba(180,83,9,0.42);
  --v65-genre-text: #075985;
  --v65-genre-bg: rgba(14,116,144,0.10);
  --v65-genre-border: rgba(14,116,144,0.36);
}

html[data-theme="dark"] {
  --v65-ok-text: #b6f7e8;
  --v65-ok-bg: rgba(16,185,129,0.18);
  --v65-ok-border: rgba(94,234,212,0.52);
  --v65-warn-text: #ffd28a;
  --v65-warn-bg: rgba(245,158,11,0.18);
  --v65-warn-border: rgba(245,166,35,0.52);
  --v65-genre-text: #9ee7ff;
  --v65-genre-bg: rgba(14,116,144,0.18);
  --v65-genre-border: rgba(125,211,252,0.48);
}

html[data-theme] :is(.profile-ops-row.is-ok .profile-ops-row__state,.map-startup-row.is-ok .map-startup-row__state,.post-safety-checklist span.is-ok) {
  color: var(--v65-ok-text) !important;
  -webkit-text-fill-color: var(--v65-ok-text) !important;
  background: var(--v65-ok-bg) !important;
  background-color: var(--v65-ok-bg) !important;
  border-color: var(--v65-ok-border) !important;
}

html[data-theme] :is(.profile-ops-row.is-warn .profile-ops-row__state,.map-startup-row.is-needed .map-startup-row__state,.post-safety-checklist span.is-warn) {
  color: var(--v65-warn-text) !important;
  -webkit-text-fill-color: var(--v65-warn-text) !important;
  background: var(--v65-warn-bg) !important;
  background-color: var(--v65-warn-bg) !important;
  border-color: var(--v65-warn-border) !important;
}

html[data-theme] :is(.profile-genre-label,.genre-pills-row .tag,[style*="color:#5be8ff"],[style*="color: #5be8ff"]) {
  color: var(--v65-genre-text) !important;
  -webkit-text-fill-color: var(--v65-genre-text) !important;
  background: var(--v65-genre-bg) !important;
  background-color: var(--v65-genre-bg) !important;
  border-color: var(--v65-genre-border) !important;
}

html[data-theme] .bottomsheet__search-ic {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
}

html[data-theme] :is(.subnav button.active,.subnav button[aria-pressed="true"],.bottom-nav button.active:not(.nav-fab),.bottom-nav.v2-nav-5 button.active:not(.nav-fab)) {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary) !important;
}

html[data-theme] :is(.subnav button.active *,.subnav button[aria-pressed="true"] *,.bottom-nav button.active:not(.nav-fab) *,.bottom-nav.v2-nav-5 button.active:not(.nav-fab) *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] :is(.subnav button.active .filter-count,.subnav button[aria-pressed="true"] .filter-count) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.48) !important;
}

html[data-theme] :is(.subnav button:not(.active),.subnav button[aria-pressed="false"]) {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
  background-image: none !important;
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] .account-row__avatar {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.26) !important;
}

html[data-theme] .account-row.is-active .account-row__state {
  background: #0f766e !important;
  background-color: #0f766e !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0f766e !important;
}

html[data-theme] .checkin-picker-row__cover {
  background: var(--v63-map-panel) !important;
  background-color: var(--v63-map-panel) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.22) !important;
}

html[data-theme] :is(.post-mode-switch button.is-active,.post-mode-switch button.is-active b,.post-mode-switch button.is-active em,.post-mode-switch button.is-active span) {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary) !important;
}

html[data-theme] :is(.bottom-nav button:not(.active):not(.nav-fab),.bottom-nav.v2-nav-5 button:not(.active):not(.nav-fab),.bottom-nav button:not(.active):not(.nav-fab) *,.bottom-nav.v2-nav-5 button:not(.active):not(.nav-fab) *) {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
}


html[data-theme] :is(.nearby-dock,.nearby-dock__summary,.nearby-dock__row) {
  background: var(--v63-surface) !important;
  background-color: var(--v63-surface) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] .nearby-dock__summary,
html[data-theme] .nearby-dock__row {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
}

html[data-theme] :is(.nearby-dock__summary b,.nearby-dock__body b,.nearby-dock__row strong) {
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
}

html[data-theme] :is(.nearby-dock__head,.nearby-dock__head span,.nearby-dock__summary span,.nearby-dock__body em) {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
}

html[data-theme] .bottomsheet__search-ic {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme] .map-today-progress {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] .map-today-progress span {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
}

html[data-theme] :is(.nearby-dock__head button,.nearby-dock__actions button) {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] :is(.nearby-dock__rank,.nearby-dock__actions button.is-primary) {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary) !important;
}


html[data-theme] :is(.account-status,.account-mode-panel,.account-create-box,.account-login-box,.account-list-head,.account-row,.account-empty,.account-local-handoff) {
  background: var(--v63-surface) !important;
  background-color: var(--v63-surface) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] :is(.account-mode-cell,.account-row__remove,.account-list-head,.account-local-handoff) {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] .account-row__main {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: transparent !important;
}

html[data-theme] .account-row.is-active {
  background: color-mix(in srgb, #0f766e 11%, var(--v63-surface)) !important;
  background-color: color-mix(in srgb, #0f766e 11%, var(--v63-surface)) !important;
  border-color: color-mix(in srgb, #0f766e 48%, var(--v63-line)) !important;
}

html[data-theme] :is(.account-status b,.account-mode-cell b,.account-create-box b,.account-login-box b,.account-list-head b,.account-row__body b,.account-local-handoff b) {
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
}

html[data-theme] :is(.account-status span,.account-mode-cell span,.account-mode-cell em,.account-create-box span,.account-login-box span,.account-list-head span,.account-row__body small,.account-empty,.account-local-handoff span) {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
}

html[data-theme] :is(.account-create-row input,.account-login-row input) {
  background: var(--v63-surface-3) !important;
  background-color: var(--v63-surface-3) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
  caret-color: var(--v63-primary) !important;
}

html[data-theme] .account-row__remove {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
}

html[data-theme] :is(.account-row__avatar,.account-local-handoff__actions .btn:not(.ghost)) {
  background: var(--v63-primary) !important;
  background-color: var(--v63-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary) !important;
}

html[data-theme] :is(.account-row__state,.account-row__remove) {
  box-shadow: none !important;
}

html[data-theme] .account-row.is-active .account-row__state {
  background: #0f766e !important;
  background-color: #0f766e !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #0f766e !important;
}


html[data-theme] .feed-today-slot {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  overflow: visible !important;
}

html[data-theme] :is(.feed-today-panel,.feed-today-next,.feed-lane-button,.feed-live-chip) {
  background: var(--v63-surface) !important;
  background-color: var(--v63-surface) !important;
  background-image: none !important;
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
  border-color: var(--v63-line) !important;
}

html[data-theme] :is(.feed-today-next,.feed-lane-button,.feed-live-chip) {
  background: var(--v63-surface-2) !important;
  background-color: var(--v63-surface-2) !important;
}

html[data-theme] :is(.feed-today-panel__head b,.feed-today-next b,.feed-lane-button b,.feed-live-chip b) {
  color: var(--v63-text) !important;
  -webkit-text-fill-color: var(--v63-text) !important;
}

html[data-theme="light"] :is(.feed-today-panel__head span,.feed-today-next span) {
  color: #a80f3d !important;
  -webkit-text-fill-color: #a80f3d !important;
}

html[data-theme="dark"] :is(.feed-today-panel__head span,.feed-today-next span) {
  color: #ff8aa7 !important;
  -webkit-text-fill-color: #ff8aa7 !important;
}

html[data-theme] :is(.feed-today-panel__head em,.feed-today-next em,.feed-lane-button em,.feed-live-row > span,.feed-live-chip em) {
  color: var(--v63-subtext) !important;
  -webkit-text-fill-color: var(--v63-subtext) !important;
}


html[data-theme] :is(.map-command,.map-cockpit,.map-today-hub,.map-today-mission,.map-today-action,.map-quest-card,.map-startup-panel,.map-startup-row,.map-startup-score,.map-startup-next) {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.22) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.38) !important;
}

html[data-theme] :is(.map-today-mission,.map-today-action:not(.is-primary),.map-quest-card,.map-startup-row,.map-startup-score,.map-startup-next:not(.is-primary)) {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
}

html[data-theme] :is(.map-command b,.map-command strong,.map-command .map-headline,.map-cockpit b,.map-cockpit strong,.map-today-hub b,.map-today-mission b,.map-today-action b,.map-quest-card__title,.map-startup-panel__top b,.map-startup-row b,.map-startup-score b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] :is(.map-command span,.map-command small,.map-command em,.map-subline,.map-stats,.map-stat .l,.map-cockpit span,.map-cockpit small,.map-cockpit em,.map-today-hub span,.map-today-mission em,.map-today-action span,.map-quest-card__body,.map-startup-row span,.map-startup-score span,.map-startup-score em) {
  color: #d1d5db !important;
  -webkit-text-fill-color: #d1d5db !important;
}

html[data-theme] :is(.map-command .map-kicker,.map-command .map-today-label,.map-cockpit .map-kicker,.map-today-hub .map-today-label) {
  color: #ffb4c7 !important;
  -webkit-text-fill-color: #ffb4c7 !important;
}

html[data-theme] :is(.map-cockpit__status,.map-cockpit__collapse,.map-today-meter) {
  background: #1f2937 !important;
  background-color: #1f2937 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.22) !important;
}

html[data-theme] :is(.map-today-mission > span,.map-today-action.is-primary,.map-today-action.is-primary *) {
  background: var(--v63-primary, #be123c) !important;
  background-color: var(--v63-primary, #be123c) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary, #be123c) !important;
}

html[data-theme] .map-today-progress {
  background: rgba(255,255,255,0.16) !important;
  background-color: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

html[data-theme] .map-today-progress span {
  background: #ffb4c7 !important;
  background-color: #ffb4c7 !important;
}

html[data-theme] :is(.profile-ops-row.is-ok .profile-ops-row__state,.map-startup-row.is-ok .map-startup-row__state,.post-safety-checklist span.is-ok) {
  color: var(--v65-ok-text, #b6f7e8) !important;
  -webkit-text-fill-color: var(--v65-ok-text, #b6f7e8) !important;
  background: var(--v65-ok-bg, rgba(16,185,129,0.18)) !important;
  background-color: var(--v65-ok-bg, rgba(16,185,129,0.18)) !important;
  border-color: var(--v65-ok-border, rgba(94,234,212,0.52)) !important;
}

html[data-theme] :is(.profile-ops-row.is-warn .profile-ops-row__state,.map-startup-row.is-needed .map-startup-row__state,.post-safety-checklist span.is-warn) {
  color: var(--v65-warn-text, #ffd28a) !important;
  -webkit-text-fill-color: var(--v65-warn-text, #ffd28a) !important;
  background: var(--v65-warn-bg, rgba(245,158,11,0.18)) !important;
  background-color: var(--v65-warn-bg, rgba(245,158,11,0.18)) !important;
  border-color: var(--v65-warn-border, rgba(245,166,35,0.52)) !important;
}


html[data-theme] :is(.quick-compose-target__cover,.quick-compose-target__cover .gen-cover,.quick-compose-target__cover .gen-cover *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.58) !important;
}


html[data-theme] :is(.nearby-dock,.nearby-dock__summary,.nearby-dock__route,.nearby-dock__row) {
  background: var(--v63-surface, var(--bg-elevated)) !important;
  background-color: var(--v63-surface, var(--bg-elevated)) !important;
  background-image: none !important;
  color: var(--v63-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--v63-text, var(--text-primary)) !important;
  border-color: var(--v63-line, var(--border-default)) !important;
}

html[data-theme] :is(.nearby-dock__summary,.nearby-dock__route,.nearby-dock__row) {
  background: var(--v63-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--v63-surface-2, var(--bg-elevated-2)) !important;
}

html[data-theme] .nearby-dock__row-main {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--v63-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--v63-text, var(--text-primary)) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme] :is(.nearby-dock__head button,.nearby-dock__route-flow span,.nearby-dock__row-actions button,.nearby-dock__actions button) {
  background: var(--v63-surface-3, var(--bg-elevated-2)) !important;
  background-color: var(--v63-surface-3, var(--bg-elevated-2)) !important;
  background-image: none !important;
  color: var(--v63-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--v63-text, var(--text-primary)) !important;
  border-color: var(--v63-line, var(--border-default)) !important;
}

html[data-theme] :is(.nearby-dock__rank,.nearby-dock__route-flow span.is-origin,.nearby-dock__row-actions button.is-primary,.nearby-dock__actions button.is-primary) {
  background: var(--v63-primary, var(--accent)) !important;
  background-color: var(--v63-primary, var(--accent)) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v63-primary, var(--accent)) !important;
}

html[data-theme] :is(.nearby-dock__summary b,.nearby-dock__route b,.nearby-dock__body b,.nearby-dock__row strong) {
  color: var(--v63-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--v63-text, var(--text-primary)) !important;
}

html[data-theme] :is(.nearby-dock__head,.nearby-dock__head span,.nearby-dock__summary span,.nearby-dock__body em) {
  color: var(--v63-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--v63-subtext, var(--text-secondary)) !important;
}


html[data-theme="light"] {
  --v81-page: #f6f7fb;
  --v81-shell: #ffffff;
  --v81-surface: #ffffff;
  --v81-surface-2: #eef2f7;
  --v81-surface-3: #e3e9f2;
  --v81-field: #ffffff;
  --v81-text: #111827;
  --v81-subtext: #344054;
  --v81-muted: #667085;
  --v81-line: rgba(17,24,39,0.18);
  --v81-primary: #b41243;
  --v81-cyan: #0e7490;
  --v81-green: #0f766e;
  --v81-danger: #b91c1c;
  --v81-map: #111827;
  --v81-map-2: #1f2937;
  --v81-map-subtext: #d1d5db;
}

html[data-theme="dark"] {
  --v81-page: #090a0d;
  --v81-shell: #101216;
  --v81-surface: #16191f;
  --v81-surface-2: #222733;
  --v81-surface-3: #0f1115;
  --v81-field: #111318;
  --v81-text: #f8f8fa;
  --v81-subtext: #d0d5dd;
  --v81-muted: #a3abba;
  --v81-line: rgba(255,255,255,0.16);
  --v81-primary: #be123c;
  --v81-cyan: #0e7490;
  --v81-green: #0f766e;
  --v81-danger: #dc2626;
  --v81-map: #111827;
  --v81-map-2: #1f2937;
  --v81-map-subtext: #d1d5db;
}

html[data-theme] body,
html[data-theme] main,
html[data-theme] .page {
  background: var(--v81-page) !important;
  background-color: var(--v81-page) !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] :is(.appbar,.bottom-nav,.bottom-nav.v2-nav-5,.modal header,.modal footer) {
  background: var(--v81-shell) !important;
  background-color: var(--v81-shell) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.modal,.modal .body,.card,.item,.v2-card,.v2-tile,.arcade-tile,.cab-card,.share-card,.feed-card,.feed-empty-state,.feed-tabs button,.feed-command-panel,.feed-command-action,.feed-signal,.community-empty,.community-post-card,.thread-post-card,.thread-reply-card,.thread-reply-compose,.pending-post-card,.pending-post-note,.action-card,.quick-compose-status,.quick-compose-target,.quick-compose-card,.store-required-hero,.store-required-note,.profile-action-card,.profile-ops-dashboard,.profile-ops-row,.profile-ops-score,.profile-ops-readiness,.db-queue-summary,.db-queue-summary__stats,.db-queue-card,.db-queue-empty,.trip-command-panel,.trip-command-stats button,.trip-empty-state,.trip-list-card,.plan-stop-card,.checkin-card,.account-status,.account-mode-panel,.account-mode-cell,.account-safety-strip span,.account-create-box,.account-login-box,.account-list-head,.account-row,.account-empty,.account-local-handoff,.report-target-card,.checkin-picker-summary,.checkin-picker-row,.info-card,.scope-box,.scope-note,.share-link,.photo-add,.bottomsheet,.nearby-dock,.nearby-dock__summary,.nearby-dock__route,.nearby-dock__row,.bs-empty) {
  background: var(--v81-surface) !important;
  background-color: var(--v81-surface) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.account-mode-cell,.account-safety-strip span,.account-list-head,.account-local-handoff,.account-row__remove,.nearby-dock__summary,.nearby-dock__route,.nearby-dock__row) {
  background: var(--v81-surface-2) !important;
  background-color: var(--v81-surface-2) !important;
}

html[data-theme] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea,select,.field input,.field select,.field textarea,.arcade-searchbar,.arcade-searchbar input,.bottomsheet__search,.bottomsheet__search input,.checkin-picker-search,.checkin-picker-search input,.thread-reply-compose textarea,.account-create-row input,.account-login-row input) {
  background: var(--v81-field) !important;
  background-color: var(--v81-field) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
  caret-color: var(--v81-primary) !important;
}

html[data-theme] :is(input,textarea,.field input,.field textarea,.arcade-searchbar input,.bottomsheet__search input,.checkin-picker-search input,.account-create-row input,.account-login-row input)::placeholder {
  color: var(--v81-subtext) !important;
  -webkit-text-fill-color: var(--v81-subtext) !important;
  opacity: 1 !important;
}

html[data-theme] :is(.app-title,.modal header h3,.card h2,.sec-h h2,.feed-command-panel__title,.feed-empty-state__title,.quick-compose-card__title,.quick-compose-target__body b,.quick-compose-target__empty b,.action-card b,.profile-action-card b,.profile-ops-score b,.arcade-op-card b,.info-card__body,.bs-row__title,.checkin-picker-row__body b,.account-status b,.account-mode-cell b,.account-safety-strip b,.account-create-box b,.account-login-box b,.account-list-head b,.account-row__body b,.account-local-handoff b,.post-mode-switch button b,.post-arcade-context__head b,.arcade-log-card__head b,.arcade-log-card__body strong,.nearby-dock__summary b,.nearby-dock__route b,.nearby-dock__body b,.nearby-dock__row strong) {
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
}

html[data-theme] :is(.muted,.field label,.field label span,.app-title small,.sec-h .ct,.feed-command-panel__account,.feed-empty-state__body,.feed-card .place,.feed-card .actions,.feed-card__metrics,.community-empty span,.community-post-card__time,.community-post-card__meta,.thread-post-card__meta,.thread-post-card__foot,.pending-post-card p,.quick-compose-card__body,.quick-compose-target__meta,.quick-compose-target__empty span,.action-card span:not(.action-card__badge),.profile-action-card span,.profile-ops-score em,.arcade-op-card small,.info-card__label,.bs-row__meta,.bs-row__dist,.bs-empty__sub,.checkin-picker-row__body > span,.checkin-picker-row__body small,.account-status span,.account-mode-cell span,.account-mode-cell em,.account-safety-strip span,.account-create-box span,.account-login-box span,.account-list-head span,.account-row__body small,.account-empty,.account-local-handoff span,.post-mode-switch button em,.post-arcade-context__head em,.arcade-log-note em,.arcade-log-card__body p,.arcade-log-card__body em,.arcade-log-card__head time,.nearby-dock__head,.nearby-dock__head span,.nearby-dock__summary span,.nearby-dock__body em) {
  color: var(--v81-subtext) !important;
  -webkit-text-fill-color: var(--v81-subtext) !important;
}

html[data-theme] :is(.tag,.v2-chip,.v2-store-metric,.feed-action,.feed-card__quick button,.v2-tile-actions button,.bs-chip,.bs-cab,.filter-count,.feed-tab-count,.bs-chip__count,.post-template-row button,.post-safety-checklist span,.checkin-picker-chips button,.checkin-picker-chips button span,.quick-compose-target__meta span,.quick-compose-target__chip,.quick-compose-target__action,.completeness-tags button,.community-post-card__badge,.community-post-card__game,.thread-reply-card__actions button,.pending-post-card__tag,.account-row__state,.account-row__remove,.map-startup-row__state,.arcade-op-card button,.arcade-ops-missing button,.profile-action-card span,.db-queue-chip,.map-quest-card__eyebrow,.bottomsheet__search-clear,.post-mode-switch button span,.post-arcade-context__facts span,.post-arcade-context__actions button,.arcade-info-tabs button span,.arcade-log-card__head span,.nearby-dock__head button,.nearby-dock__route-flow span,.nearby-dock__row-actions button,.nearby-dock__actions button) {
  background: var(--v81-surface-2) !important;
  background-color: var(--v81-surface-2) !important;
  background-image: none !important;
  color: var(--v81-subtext) !important;
  -webkit-text-fill-color: var(--v81-subtext) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.btn:not(.ghost):not(.cyan):not(.green):not(.warn),.app-action:not(.ghost),.feed-tabs button.is-active,.bs-chip.is-active,.checkin-picker-chips button.is-active,.feed-command-action--primary,.feed-empty-state__action.is-primary,.feed-action--like.is-active,.feed-card__quick button.is-primary,.v2-tile-actions button.is-primary,.community-post-card__like.is-active,.thread-reply-card__actions button.is-active,.db-queue-actions button.is-primary,.map-startup-row button.is-primary,.nearby-dock__rank,.nearby-dock__route-flow span.is-origin,.nearby-dock__row-actions button.is-primary,.nearby-dock__actions button.is-primary,.map-today-action.is-primary,.quick-compose-target__action.is-primary,.quick-compose-target__empty button,.post-mode-switch button.is-active,.arcade-info-tabs button.is-active,.bottom-nav button.active:not(.nav-fab),.bottom-nav.v2-nav-5 button.active:not(.nav-fab),.bottom-nav .nav-fab,.bottom-nav.v2-nav-5 .nav-fab,.account-row__avatar,.account-local-handoff__actions .btn:not(.ghost)) {
  background: var(--v81-primary) !important;
  background-color: var(--v81-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-primary) !important;
}

html[data-theme] :is(.btn:not(.ghost):not(.cyan):not(.green):not(.warn),.app-action:not(.ghost),.feed-tabs button.is-active,.bs-chip.is-active,.checkin-picker-chips button.is-active,.feed-command-action--primary,.feed-empty-state__action.is-primary,.feed-action--like.is-active,.feed-card__quick button.is-primary,.v2-tile-actions button.is-primary,.community-post-card__like.is-active,.thread-reply-card__actions button.is-active,.db-queue-actions button.is-primary,.map-startup-row button.is-primary,.nearby-dock__rank,.nearby-dock__route-flow span.is-origin,.nearby-dock__row-actions button.is-primary,.nearby-dock__actions button.is-primary,.map-today-action.is-primary,.quick-compose-target__action.is-primary,.quick-compose-target__empty button,.post-mode-switch button.is-active,.arcade-info-tabs button.is-active,.bottom-nav button.active:not(.nav-fab),.bottom-nav.v2-nav-5 button.active:not(.nav-fab),.bottom-nav .nav-fab,.bottom-nav.v2-nav-5 .nav-fab,.account-row__avatar,.account-local-handoff__actions .btn:not(.ghost)) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] :is(.btn.ghost,.app-action.ghost,.app-back,.bottom-nav button:not(.active):not(.nav-fab),.bottom-nav.v2-nav-5 button:not(.active):not(.nav-fab)) {
  background: var(--v81-surface-2) !important;
  background-color: var(--v81-surface-2) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.btn.cyan) {
  background: var(--v81-cyan) !important;
  background-color: var(--v81-cyan) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-cyan) !important;
}

html[data-theme] :is(.btn.green,.checkin-btn) {
  background: var(--v81-green) !important;
  background-color: var(--v81-green) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-green) !important;
}

html[data-theme] :is(.btn.warn) {
  background: var(--v81-danger) !important;
  background-color: var(--v81-danger) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-danger) !important;
}

html[data-theme] :is(.map-command,.map-cockpit,.map-today-hub,.map-today-mission,.map-today-action,.map-quest-card,.map-startup-panel,.map-startup-row,.map-startup-score,.map-startup-next,.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-control-zoom a,.leaflet-control-attribution,.map-controls button) {
  background: var(--v81-map) !important;
  background-color: var(--v81-map) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.22) !important;
}

html[data-theme] :is(.map-today-mission,.map-today-action:not(.is-primary),.map-quest-card,.map-startup-row,.map-startup-score,.map-startup-next:not(.is-primary),.map-cockpit__status,.map-cockpit__collapse,.map-today-meter) {
  background: var(--v81-map-2) !important;
  background-color: var(--v81-map-2) !important;
}

html[data-theme] .map-today-progress {
  background: rgba(255,255,255,0.16) !important;
  background-color: rgba(255,255,255,0.16) !important;
  color: var(--v81-map-subtext) !important;
  -webkit-text-fill-color: var(--v81-map-subtext) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

html[data-theme] .map-today-progress span {
  background: #ffb4c7 !important;
  background-color: #ffb4c7 !important;
}

html[data-theme] :is(.map-command span,.map-command small,.map-command em,.map-subline,.map-stats,.map-stat .l,.map-cockpit span,.map-cockpit small,.map-cockpit em,.map-today-hub span,.map-today-mission em,.map-today-action span,.map-quest-card__body,.map-startup-row span,.map-startup-score span,.map-startup-score em,.leaflet-popup-content,.leaflet-popup-content small,.leaflet-control-attribution,.leaflet-control-attribution a) {
  color: var(--v81-map-subtext) !important;
  -webkit-text-fill-color: var(--v81-map-subtext) !important;
}

html[data-theme] :is(.v2-hero,.v2-hero *,.v2-cover,.v2-cover *,.feed-card .media,.feed-card .media *,.gen-cover,.gen-cover *,.gen-cover-large,.gen-cover-large *,.quick-compose-target__cover,.quick-compose-target__cover *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.58) !important;
}

html[data-theme] .account-row__main {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme] .account-row.is-active {
  background: color-mix(in srgb, var(--v81-green) 11%, var(--v81-surface)) !important;
  background-color: color-mix(in srgb, var(--v81-green) 11%, var(--v81-surface)) !important;
  border-color: color-mix(in srgb, var(--v81-green) 48%, var(--v81-line)) !important;
}

html[data-theme] .account-row.is-active .account-row__state {
  background: var(--v81-green) !important;
  background-color: var(--v81-green) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-green) !important;
}

html[data-theme] .account-create-box.is-legacy-api .account-create-password-field,
html[data-theme] .account-login-box.is-transfer-only .account-login-row label {
  display: none !important;
}

@media (max-width: 520px) {
  html[data-theme] .account-safety-strip,
  html[data-theme] .account-mode-panel,
  html[data-theme] .account-create-row,
  html[data-theme] .account-login-row,
  html[data-theme] .account-modal-actions {
    grid-template-columns: 1fr !important;
  }

  html[data-theme] :is(.btn,.quick-compose-card,.action-card,.account-row__main,.account-row__remove,.nearby-dock__actions button) {
    min-height: 52px;
  }
}


html[data-theme] :is(.quick-compose-card,.store-required-actions .btn,.map-cockpit__actions button,.map-startup-row button,.map-startup-next,.map-today-mission,.map-today-action,.nearby-dock__actions button) {
  text-shadow: none !important;
}

html[data-theme] :is(.quick-compose-status.is-syncing,.quick-compose-status.is-error,.quick-compose-card.is-syncing) {
  background: var(--v81-surface) !important;
  background-color: var(--v81-surface) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.quick-compose-status.is-syncing span,.map-startup-row.is-busy .map-startup-row__state,.map-today-mission.is-syncing > span) {
  background: var(--v81-cyan) !important;
  background-color: var(--v81-cyan) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-cyan) !important;
}

html[data-theme] :is(.quick-compose-status.is-error span,.map-startup-row.is-error .map-startup-row__state,.map-today-mission.is-error > span) {
  background: var(--v81-danger) !important;
  background-color: var(--v81-danger) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-danger) !important;
}

html[data-theme] :is(.quick-compose-status.is-syncing b,.quick-compose-status.is-error b,.quick-compose-target__empty b) {
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
}

html[data-theme] :is(.quick-compose-status.is-syncing em,.quick-compose-status.is-error em,.quick-compose-target__empty span) {
  color: var(--v81-subtext) !important;
  -webkit-text-fill-color: var(--v81-subtext) !important;
}

html[data-theme] :is(.map-startup-row.is-busy,.map-today-mission.is-syncing) {
  border-color: color-mix(in srgb, var(--v81-cyan) 64%, rgba(255,255,255,0.22)) !important;
}

html[data-theme] :is(.map-startup-row.is-error,.map-today-mission.is-error) {
  border-color: color-mix(in srgb, var(--v81-danger) 64%, rgba(255,255,255,0.22)) !important;
}

html[data-theme] :is(button:disabled,.btn:disabled,.map-startup-next:disabled,.map-startup-row button:disabled,.quick-compose-target__empty button:disabled,.map-today-mission:disabled) {
  background: var(--v81-surface-3) !important;
  background-color: var(--v81-surface-3) !important;
  background-image: none !important;
  color: var(--v81-muted) !important;
  -webkit-text-fill-color: var(--v81-muted) !important;
  border-color: var(--v81-line) !important;
  opacity: 1 !important;
  cursor: progress !important;
}

html[data-theme] :is(button:disabled,.btn:disabled,.map-startup-next:disabled,.map-startup-row button:disabled,.quick-compose-target__empty button:disabled,.map-today-mission:disabled) * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html[data-theme] :is(.map-today-mission:disabled > span,.map-startup-row.is-busy .map-startup-row__state) {
  background: var(--v81-cyan) !important;
  background-color: var(--v81-cyan) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-cyan) !important;
}


html[data-theme] :is(.bs-empty,.bs-store-setup,.bs-store-setup__notice,.bs-store-setup__metric) {
  background: var(--v81-surface) !important;
  background-color: var(--v81-surface) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.bs-empty__title,.bs-store-setup__title,.bs-store-setup__notice b,.bs-store-setup__metric b) {
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
}

html[data-theme] :is(.bs-empty__sub,.bs-store-setup__body,.bs-store-setup__notice span,.bs-store-setup__metric span) {
  color: var(--v81-subtext) !important;
  -webkit-text-fill-color: var(--v81-subtext) !important;
}

html[data-theme] :is(.bs-store-setup__eyebrow,.bs-store-setup__actions .btn.ghost) {
  background: var(--v81-surface-2) !important;
  background-color: var(--v81-surface-2) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.map-start-bridge,.map-start-lane) {
  background: var(--v81-map) !important;
  background-color: var(--v81-map) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,0.22) !important;
}

html[data-theme] .map-start-lane {
  background: var(--v81-map-2) !important;
  background-color: var(--v81-map-2) !important;
}

html[data-theme] :is(.map-start-bridge__head b,.map-start-lane__body b,.map-start-lane__cta) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] :is(.map-start-bridge__head span,.map-start-lane__body em) {
  color: #ffb4c7 !important;
  -webkit-text-fill-color: #ffb4c7 !important;
}

html[data-theme] .map-start-lane__body small {
  color: var(--v81-map-subtext) !important;
  -webkit-text-fill-color: var(--v81-map-subtext) !important;
}

html[data-theme] .bottomsheet__body {
  padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 640px) {
  html[data-theme] .map-stage > .bottomsheet {
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-theme] .bottomsheet--half {
    height: min(58svh, calc(100% - 128px)) !important;
  }
}


html[data-theme="light"] {
  --v86-more-accent: #9f1239;
  --v86-more-ok: #047857;
  --v86-more-warn: #92400e;
  --v86-more-local: #475569;
}

html[data-theme="dark"] {
  --v86-more-accent: #ff8aa7;
  --v86-more-ok: #86f4df;
  --v86-more-warn: #ffd166;
  --v86-more-local: #c8d0dc;
}

html[data-theme] .page[data-page="more"] {
  padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
}

html[data-theme] :is(.more-command,.more-card,.more-op-card,.more-storage) {
  background: var(--v81-surface) !important;
  background-color: var(--v81-surface) !important;
  background-image: none !important;
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
  border-color: var(--v81-line) !important;
}

html[data-theme] :is(.more-op-card,.more-storage) {
  background: var(--v81-surface-2) !important;
  background-color: var(--v81-surface-2) !important;
}

html[data-theme] :is(.more-command__head b,.more-section__head b,.more-op-card__body b,.more-card__lead b,.more-storage b,.more-section .scope-box b) {
  color: var(--v81-text) !important;
  -webkit-text-fill-color: var(--v81-text) !important;
}

html[data-theme] :is(.more-command__head small,.more-op-card__body em,.more-op-card__body small,.more-card__lead span,.more-storage,.more-card .muted,.more-section .scope-box span) {
  color: var(--v81-subtext) !important;
  -webkit-text-fill-color: var(--v81-subtext) !important;
}

html[data-theme] :is(.more-command__head span,.more-section__head span) {
  color: var(--v86-more-accent) !important;
  -webkit-text-fill-color: var(--v86-more-accent) !important;
}

html[data-theme="light"] .more-section .scope-box.public b {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}

html[data-theme="light"] .more-section .scope-box.private b {
  color: #7c2d12 !important;
  -webkit-text-fill-color: #7c2d12 !important;
}

html[data-theme="dark"] .more-section .scope-box.public b {
  color: #8eeaff !important;
  -webkit-text-fill-color: #8eeaff !important;
}

html[data-theme="dark"] .more-section .scope-box.private b {
  color: #ffd166 !important;
  -webkit-text-fill-color: #ffd166 !important;
}

html[data-theme] .more-op-card.is-ok {
  --more-op-color: var(--v86-more-ok) !important;
}

html[data-theme] .more-op-card.is-warn {
  --more-op-color: var(--v86-more-warn) !important;
}

html[data-theme] .more-op-card.is-local {
  --more-op-color: var(--v86-more-local) !important;
}

html[data-theme] .more-op-card__state {
  background: color-mix(in srgb, var(--more-op-color) 13%, var(--v81-surface-2)) !important;
  background-color: color-mix(in srgb, var(--more-op-color) 13%, var(--v81-surface-2)) !important;
  color: var(--more-op-color) !important;
  -webkit-text-fill-color: var(--more-op-color) !important;
  border-color: color-mix(in srgb, var(--more-op-color) 52%, var(--v81-line)) !important;
}

html[data-theme] :is(.more-command__head button,.more-op-card__cta) {
  background: var(--v81-primary) !important;
  background-color: var(--v81-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-primary) !important;
}


html[data-theme] .feed-command-panel--compact .feed-signal-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

html[data-theme] .feed-command-panel--compact .feed-signal {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
}

html[data-theme] .feed-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  overflow: visible !important;
  gap: 7px !important;
}

html[data-theme] .feed-tabs button {
  min-width: 0 !important;
  min-height: 40px !important;
  justify-content: center !important;
  padding-inline: 8px !important;
  white-space: nowrap !important;
}

html[data-theme] .feed-discovery {
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) auto !important;
  gap: 8px !important;
  margin-top: 12px !important;
  align-items: stretch !important;
}

html[data-theme] .feed-scope {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html[data-theme] :is(.feed-scope button,.feed-search-clear,.feed-tag-chip,.feed-card__tags button) {
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 12px/1 var(--font-body) !important;
}

html[data-theme] :is(.feed-scope button.is-active,.feed-tag-chip.is-active,.feed-card__tags button.is-active) {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] .feed-scope button[aria-disabled="true"] {
  opacity: 0.62 !important;
}

html[data-theme] .feed-search-box {
  min-width: 0 !important;
  min-height: 40px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .feed-search-box span {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 10px/1 var(--font-mono) !important;
}

html[data-theme] .feed-search-box input {
  min-width: 0 !important;
  width: 100% !important;
  height: 38px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 14px/1.2 var(--font-body) !important;
}

html[data-theme] .feed-search-box input::placeholder {
  color: var(--contrast-subtext, var(--text-tertiary)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] :is(.feed-tag-rail,.feed-card__tags) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

html[data-theme] .feed-tag-rail {
  margin-top: 8px !important;
}

html[data-theme] :is(.feed-tag-chip,.feed-card__tags button) {
  min-width: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
}

html[data-theme] .feed-tag-chip span {
  min-width: 18px !important;
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--contrast-surface, var(--bg-elevated)) 74%, transparent) !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 10px/1 var(--font-mono) !important;
}

html[data-theme] :is(.feed-search-clear,.feed-tag-chip--clear) {
  border-color: color-mix(in srgb, var(--accent) 38%, var(--contrast-line, var(--border-default))) !important;
  color: var(--accent-strong, var(--accent)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .feed-tags-empty {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--contrast-subtext, var(--text-tertiary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 11px/1 var(--font-mono) !important;
}

html[data-theme] .feed-card__tags {
  margin-top: 8px !important;
}

html[data-theme] .feed-card__tags button {
  min-height: 34px !important;
  border-radius: 999px !important;
}


@media (max-width: 720px) {
  html[data-theme] .feed-discovery {
    grid-template-columns: 1fr !important;
  }

  html[data-theme] .feed-search-clear {
    min-height: 40px !important;
  }

  html[data-theme] .bottomsheet:not(.bottomsheet--peek) .bottomsheet__chips,
  html[data-theme] .page[data-page="arcades"] .subnav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
    -webkit-overflow-scrolling: touch;
  }

  html[data-theme] .bottomsheet:not(.bottomsheet--peek) .bottomsheet__chips {
    max-height: 138px !important;
  }

  html[data-theme] .page[data-page="arcades"] .subnav {
    max-height: 118px !important;
    align-items: stretch !important;
  }

  html[data-theme] .bs-chip,
  html[data-theme] .page[data-page="arcades"] .subnav button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    justify-content: center !important;
    padding-inline: 6px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-theme] :is(.bs-chip__count,.filter-count) {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 360px) {
  html[data-theme] .bottomsheet:not(.bottomsheet--peek) .bottomsheet__chips,
  html[data-theme] .page[data-page="arcades"] .subnav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


html[data-theme] .bottomsheet {
  min-height: 0 !important;
}

html[data-theme] .bottomsheet__head,
html[data-theme] .bottomsheet__body {
  min-height: 0 !important;
}

@media (max-width: 720px) {
  html[data-theme] .bottomsheet:not(.bottomsheet--peek) .bottomsheet__head {
    overflow: visible !important;
  }

  html[data-theme] .bottomsheet:not(.bottomsheet--peek) .bottomsheet__chips {
    max-height: none !important;
    overflow: visible !important;
    align-content: start !important;
  }

  html[data-theme] .bottomsheet:not(.bottomsheet--peek) .bottomsheet__body {
    flex: 1 1 auto !important;
    margin-top: 2px !important;
  }
}

@media (max-width: 360px) {
  html[data-theme] .bottomsheet:not(.bottomsheet--peek) .bottomsheet__chips {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


html[data-theme] {
  --v92-nav-clearance: calc(154px + env(safe-area-inset-bottom, 0px));
  --v92-soft-shadow: 0 16px 40px rgba(0,0,0,0.24), 0 1px 0 rgba(255,255,255,0.08) inset;
}

html[data-theme] main {
  padding-bottom: var(--v92-nav-clearance) !important;
  scroll-padding-bottom: var(--v92-nav-clearance) !important;
}

html[data-theme] .page:not([data-page="map"]) {
  padding-bottom: calc(36px + env(safe-area-inset-bottom, 0px)) !important;
}

html[data-theme] :is(.feed-empty-state,.community-empty,.trip-empty-state,.bs-empty,.store-required-hero) {
  margin-bottom: calc(26px + env(safe-area-inset-bottom, 0px)) !important;
}

html[data-theme] #postModal .body {
  scroll-padding-top: 18px !important;
}

html[data-theme] .post-submit-guard {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
}

html[data-theme] .feed-tabs {
  margin-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}

html[data-theme] .bottom-nav.v2-nav-5 {
  z-index: 90 !important;
  background: var(--v81-shell, var(--app-shell, #101216)) !important;
  background-color: var(--v81-shell, var(--app-shell, #101216)) !important;
  background-image: none !important;
  border-color: var(--v81-line, rgba(255,255,255,0.16)) !important;
  box-shadow: var(--v92-soft-shadow) !important;
}

html[data-theme] .bottom-nav.v2-nav-5 button:not(.nav-fab) {
  min-width: 0 !important;
  min-height: 54px !important;
  transition: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--v81-subtext, var(--app-subtext, #d0d5dd)) !important;
  -webkit-text-fill-color: var(--v81-subtext, var(--app-subtext, #d0d5dd)) !important;
  border-color: transparent !important;
  text-shadow: none !important;
}

html[data-theme] .bottom-nav.v2-nav-5 button:not(.nav-fab) * {
  transition: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: none !important;
}

html[data-theme] .bottom-nav.v2-nav-5 button.active:not(.nav-fab) {
  background: var(--v81-primary, var(--app-primary, #be123c)) !important;
  background-color: var(--v81-primary, var(--app-primary, #be123c)) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-primary, var(--app-primary, #be123c)) !important;
}

html[data-theme] .bottom-nav.v2-nav-5 button.active:not(.nav-fab) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] .bottom-nav.v2-nav-5 .nav-fab {
  transition: none !important;
  background: var(--v81-primary, var(--app-primary, #be123c)) !important;
  background-color: var(--v81-primary, var(--app-primary, #be123c)) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-shell, var(--app-shell, #101216)) !important;
  box-shadow: 0 12px 26px rgba(190,18,60,0.36) !important;
}

html[data-theme] .bottom-nav.v2-nav-5 .nav-fab * {
  transition: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] .toast {
  bottom: calc(106px + env(safe-area-inset-bottom, 0px)) !important;
  max-width: calc(100vw - 48px) !important;
  background: #111827 !important;
  background-color: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.34) !important;
  z-index: 120 !important;
}

html[data-theme] .toast.show {
  transform: translateX(-50%) translateY(-10px) !important;
}


html[data-theme] :is(button,a,.btn,.app-action,.app-back,.tag,.v2-chip,.bs-chip,.feed-tabs button,.quick-compose-card,.quick-compose-target__action,.quick-compose-target__chip,.feed-empty-state__action) {
  text-shadow: none !important;
}

html[data-theme] :is(.tag,.v2-chip,.bs-chip,.feed-tabs button,.quick-compose-card,.quick-compose-target__action,.quick-compose-target__chip,.feed-empty-state__action) {
  background: var(--v81-surface-2, var(--app-surface-2, #222733)) !important;
  background-color: var(--v81-surface-2, var(--app-surface-2, #222733)) !important;
  background-image: none !important;
  color: var(--v81-text, var(--app-text, #f8f8fa)) !important;
  -webkit-text-fill-color: var(--v81-text, var(--app-text, #f8f8fa)) !important;
  border-color: var(--v81-line, var(--app-line, rgba(255,255,255,0.16))) !important;
}

html[data-theme] :is(.tag,.v2-chip,.bs-chip,.feed-tabs button,.quick-compose-card,.quick-compose-target__action,.quick-compose-target__chip,.feed-empty-state__action) * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: none !important;
}

html[data-theme] :is(.quick-compose-card__body,.quick-compose-target__action span,.feed-tab-count,.filter-count,.bs-chip__count) {
  color: var(--v81-subtext, var(--app-subtext, #d0d5dd)) !important;
  -webkit-text-fill-color: var(--v81-subtext, var(--app-subtext, #d0d5dd)) !important;
}

html[data-theme] :is(.feed-tabs button.is-active,.bs-chip.is-active,.quick-compose-target__action.is-primary,.feed-empty-state__action.is-primary) {
  background: var(--v81-primary, var(--app-primary, #be123c)) !important;
  background-color: var(--v81-primary, var(--app-primary, #be123c)) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v81-primary, var(--app-primary, #be123c)) !important;
}

html[data-theme] :is(.feed-tabs button.is-active,.bs-chip.is-active,.quick-compose-target__action.is-primary,.feed-empty-state__action.is-primary) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] .quick-compose-target__actions {
  gap: 8px !important;
}

html[data-theme] .quick-compose-target__action {
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 3px !important;
  min-height: 56px !important;
  padding: 10px 12px !important;
  text-align: left !important;
  white-space: normal !important;
  box-shadow: inset 3px 0 0 var(--qc-scope, var(--v81-line, rgba(255,255,255,0.16))) !important;
}

html[data-theme] .quick-compose-target__action b {
  display: block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html[data-theme] .quick-compose-target__action span {
  display: block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

html[data-theme] .quick-compose-target__action.is-private { --qc-scope: #be123c; }
html[data-theme] .quick-compose-target__action.is-public { --qc-scope: #0e7490; }
html[data-theme] .quick-compose-target__action.is-db { --qc-scope: #0f766e; }
html[data-theme] .quick-compose-target__action.is-detail { --qc-scope: #64748b; }

html[data-theme] [data-contrast-repaired="1"] {
  text-shadow: none !important;
}


html[data-theme] .pending-outbox-summary {
  background: color-mix(in srgb, var(--v81-surface-2, var(--app-surface-2, #222733)) 94%, var(--v81-primary, #be123c)) !important;
  background-color: color-mix(in srgb, var(--v81-surface-2, var(--app-surface-2, #222733)) 94%, var(--v81-primary, #be123c)) !important;
  color: var(--v81-text, var(--app-text, #f8f8fa)) !important;
  -webkit-text-fill-color: var(--v81-text, var(--app-text, #f8f8fa)) !important;
  border-color: color-mix(in srgb, var(--v81-primary, #be123c) 42%, var(--v81-line, rgba(255,255,255,0.16))) !important;
}

html[data-theme] .pending-outbox-summary.is-signed {
  border-color: color-mix(in srgb, var(--v81-green, #0f766e) 52%, var(--v81-line, rgba(255,255,255,0.16))) !important;
}

html[data-theme] :is(.pending-outbox-summary__head b,.pending-outbox-summary__grid b) {
  color: var(--v81-text, var(--app-text, #f8f8fa)) !important;
  -webkit-text-fill-color: var(--v81-text, var(--app-text, #f8f8fa)) !important;
}

html[data-theme] :is(.pending-outbox-summary__grid span,.pending-outbox-summary em) {
  color: var(--v81-subtext, var(--app-subtext, #d0d5dd)) !important;
  -webkit-text-fill-color: var(--v81-subtext, var(--app-subtext, #d0d5dd)) !important;
}

html[data-theme] .pending-outbox-summary__grid span {
  background: var(--v81-surface, var(--app-surface, #16191f)) !important;
  background-color: var(--v81-surface, var(--app-surface, #16191f)) !important;
  border-color: var(--v81-line, var(--app-line, rgba(255,255,255,0.16))) !important;
}

html[data-theme] .pending-post-card.is-retrying {
  border-color: color-mix(in srgb, var(--v81-cyan, #0e7490) 58%, var(--v81-line, rgba(255,255,255,0.16))) !important;
}

html[data-theme] .pending-post-card.is-rate {
  border-color: color-mix(in srgb, var(--v81-warn, #d97706) 54%, var(--v81-line, rgba(255,255,255,0.16))) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--v81-warn, #d97706) 11%, transparent), transparent 58%),
    var(--v81-surface-2, var(--app-surface-2, #222733)) !important;
}

html[data-theme] .pending-post-card__progress {
  color: var(--v81-cyan, #0e7490) !important;
  -webkit-text-fill-color: var(--v81-cyan, #0e7490) !important;
}

html[data-theme] .pending-post-card__failure.is-rate {
  border-color: color-mix(in srgb, var(--v81-warn, #d97706) 46%, var(--v81-line, rgba(255,255,255,0.16))) !important;
  background: color-mix(in srgb, var(--v81-warn, #d97706) 12%, var(--v81-surface, var(--app-surface, #16191f))) !important;
}


html[data-theme] .appbar-inner {
  min-width: 0 !important;
}

html[data-theme] .app-title {
  min-width: 0 !important;
}

html[data-theme] .app-identity {
  flex: 0 1 auto !important;
  min-width: 74px !important;
  max-width: 126px !important;
  height: 36px !important;
  display: inline-grid !important;
  grid-template-columns: 8px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v95-line, var(--v81-line, rgba(255,255,255,0.16))) !important;
  background: var(--v95-panel-2, var(--v81-surface-2, #222733)) !important;
  background-color: var(--v95-panel-2, var(--v81-surface-2, #222733)) !important;
  background-image: none !important;
  color: var(--v95-text, var(--v81-text, #f8f8fa)) !important;
  -webkit-text-fill-color: var(--v95-text, var(--v81-text, #f8f8fa)) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-theme] .app-identity__dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #94a3b8 !important;
  box-shadow: 0 0 0 3px rgba(148,163,184,0.18) !important;
}

html[data-theme] .app-identity.is-online .app-identity__dot {
  background: #f59e0b !important;
  box-shadow: 0 0 0 3px rgba(245,158,11,0.20) !important;
}

html[data-theme] .app-identity.is-syncing .app-identity__dot {
  background: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.20), 0 0 12px rgba(37,99,235,0.34) !important;
}

html[data-theme] .app-identity.is-signed .app-identity__dot {
  background: #0f766e !important;
  box-shadow: 0 0 0 3px rgba(15,118,110,0.22) !important;
}

html[data-theme] .app-identity__text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font: 900 11px/1 var(--font-body) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

@media (max-width: 420px) {
  html[data-theme] .appbar-inner {
    gap: 6px !important;
    padding-inline: 10px !important;
  }

  html[data-theme] .app-title {
    font-size: 18px !important;
  }

  html[data-theme] .app-title small {
    font-size: 8px !important;
  }

  html[data-theme] .app-identity {
    min-width: 62px !important;
    max-width: 90px !important;
    height: 34px !important;
    padding-inline: 8px !important;
  }
}


html[data-theme] {
  --v95-page: var(--v81-page, var(--app-page, #090a0d));
  --v95-panel: var(--v81-surface, var(--app-surface, #16191f));
  --v95-panel-2: var(--v81-surface-2, var(--app-surface-2, #222733));
  --v95-panel-3: var(--v81-surface-3, var(--app-surface-3, #0f1115));
  --v95-text: var(--v81-text, var(--app-text, #f8f8fa));
  --v95-subtext: var(--v81-subtext, var(--app-subtext, #d0d5dd));
  --v95-muted: var(--v81-muted, var(--app-muted, #a3abba));
  --v95-line: var(--v81-line, var(--app-line, rgba(255,255,255,0.16)));
  --v95-primary: var(--v81-primary, var(--app-primary, #be123c));
  --v95-map-panel: #111827;
  --v95-map-panel-2: #1f2937;
  --v95-map-text: #ffffff;
  --v95-map-subtext: #d1d5db;
}

html[data-theme="light"] {
  --v95-page: var(--v81-page, var(--app-page, #f6f7fb));
  --v95-panel: var(--v81-surface, var(--app-surface, #ffffff));
  --v95-panel-2: var(--v81-surface-2, var(--app-surface-2, #eef2f7));
  --v95-panel-3: var(--v81-surface-3, var(--app-surface-3, #e3e9f2));
  --v95-text: var(--v81-text, var(--app-text, #111827));
  --v95-subtext: var(--v81-subtext, var(--app-subtext, #344054));
  --v95-muted: var(--v81-muted, var(--app-muted, #667085));
  --v95-line: var(--v81-line, var(--app-line, rgba(17,24,39,0.18)));
}

html[data-theme] :is(body, main, .page) {
  background: var(--v95-page) !important;
  background-color: var(--v95-page) !important;
  color: var(--v95-text) !important;
  -webkit-text-fill-color: var(--v95-text) !important;
}

html[data-theme] :is(.card,.item,.v2-card,.v2-tile,.arcade-tile,.cab-card,.share-card,.feed-card,.feed-empty-state,.feed-tabs button,.feed-command-panel,.feed-command-action,.community-empty,.community-post-card,.thread-post-card,.thread-reply-card,.thread-reply-compose,.pending-post-card,.pending-post-note,.action-card,.quick-compose-card,.quick-compose-target,.quick-compose-status,.store-required-hero,.profile-action-card,.profile-ops-dashboard,.profile-ops-row,.profile-ops-score,.db-queue-summary,.db-queue-card,.trip-command-panel,.trip-list-card,.plan-stop-card,.checkin-card,.account-status,.account-mode-panel,.account-mode-cell,.account-create-box,.account-login-box,.account-row,.account-empty,.info-card,.scope-box,.scope-note,.share-link,.photo-add,.modal,.modal .body,.bottomsheet,.nearby-dock,.nearby-dock__summary,.nearby-dock__route,.nearby-dock__row,.bs-empty) {
  background: var(--v95-panel) !important;
  background-color: var(--v95-panel) !important;
  background-image: none !important;
  color: var(--v95-text) !important;
  -webkit-text-fill-color: var(--v95-text) !important;
  border-color: var(--v95-line) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.tag,.v2-chip,.v2-store-metric,.feed-action,.feed-card__quick button,.v2-tile-actions button,.bs-chip,.bs-cab,.filter-count,.feed-tab-count,.post-template-row button,.checkin-picker-chips button,.quick-compose-target__chip,.quick-compose-target__action,.community-post-card__badge,.community-post-card__game,.thread-reply-card__actions button,.pending-post-card__tag,.account-row__state,.account-row__remove,.map-startup-row__state,.arcade-op-card button,.db-queue-chip,.bottomsheet__search-clear,.post-mode-switch button span,.post-arcade-context__facts span,.arcade-info-tabs button span,.nearby-dock__head button,.nearby-dock__route-flow span,.nearby-dock__row-actions button,.nearby-dock__actions button) {
  background: var(--v95-panel-2) !important;
  background-color: var(--v95-panel-2) !important;
  background-image: none !important;
  color: var(--v95-text) !important;
  -webkit-text-fill-color: var(--v95-text) !important;
  border-color: var(--v95-line) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.muted,.field label,.app-title small,.sec-h .ct,.feed-command-panel__account,.feed-empty-state__body,.feed-card .place,.feed-card .actions,.feed-card__metrics,.community-post-card__time,.community-post-card__meta,.thread-post-card__meta,.thread-post-card__foot,.pending-post-card p,.quick-compose-card__body,.quick-compose-target__meta,.quick-compose-target__empty span,.action-card span:not(.action-card__badge),.profile-action-card span,.profile-ops-score em,.info-card__label,.bs-row__meta,.bs-row__dist,.bs-empty__sub,.checkin-picker-row__body > span,.account-status span,.account-mode-cell span,.account-create-box span,.account-login-box span,.account-row__body small,.post-mode-switch button em,.post-arcade-context__head em,.arcade-log-note em,.arcade-log-card__body p,.arcade-log-card__body em,.arcade-log-card__head time,.nearby-dock__head,.nearby-dock__head span,.nearby-dock__summary span,.nearby-dock__body em) {
  color: var(--v95-subtext) !important;
  -webkit-text-fill-color: var(--v95-subtext) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.app-title,.modal header h3,.card h2,.sec-h h2,.feed-command-panel__title,.feed-empty-state__title,.quick-compose-card__title,.quick-compose-target__body b,.quick-compose-target__empty b,.action-card b,.profile-action-card b,.profile-ops-score b,.info-card__body,.bs-row__title,.checkin-picker-row__body b,.account-status b,.account-mode-cell b,.account-create-box b,.account-login-box b,.account-row__body b,.post-mode-switch button b,.post-arcade-context__head b,.arcade-log-card__head b,.arcade-log-card__body strong,.nearby-dock__summary b,.nearby-dock__route b,.nearby-dock__body b,.nearby-dock__row strong) {
  color: var(--v95-text) !important;
  -webkit-text-fill-color: var(--v95-text) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.btn:not(.ghost):not(.cyan):not(.green):not(.warn),.app-action:not(.ghost),.feed-tabs button.is-active,.bs-chip.is-active,.checkin-picker-chips button.is-active,.feed-command-action--primary,.feed-empty-state__action.is-primary,.feed-action--like.is-active,.v2-tile-actions button.is-primary,.community-post-card__like.is-active,.thread-reply-card__actions button.is-active,.db-queue-actions button.is-primary,.map-startup-row button.is-primary,.nearby-dock__rank,.nearby-dock__route-flow span.is-origin,.nearby-dock__row-actions button.is-primary,.nearby-dock__actions button.is-primary,.map-today-action.is-primary,.quick-compose-target__action.is-primary,.quick-compose-target__empty button,.post-mode-switch button.is-active,.arcade-info-tabs button.is-active,.bottom-nav button.active:not(.nav-fab),.bottom-nav .nav-fab) {
  background: var(--v95-primary) !important;
  background-color: var(--v95-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--v95-primary) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.btn,.app-action,.app-back,button,a,.tag,.v2-chip,.bs-chip,.feed-tabs button,.map-controls button,.map-today-action,.nearby-dock button,.bottom-nav button) *,
html[data-theme] [data-contrast-repaired="1"] {
  text-shadow: none !important;
}

html[data-theme] :is(.map-command,.map-cockpit,.map-today-hub,.map-today-mission,.map-today-action,.map-quest-card,.map-startup-panel,.map-startup-row,.map-startup-score,.map-startup-next,.map-start-bridge,.map-start-lane,.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-control-zoom a,.leaflet-control-attribution,.map-controls button,.leaflet-tooltip) {
  background: var(--v95-map-panel) !important;
  background-color: var(--v95-map-panel) !important;
  background-image: none !important;
  color: var(--v95-map-text) !important;
  -webkit-text-fill-color: var(--v95-map-text) !important;
  border-color: rgba(255,255,255,0.22) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.map-today-mission,.map-today-action:not(.is-primary),.map-startup-row,.map-startup-score,.map-startup-next:not(.is-primary),.map-cockpit__status,.map-cockpit__collapse,.map-today-meter,.leaflet-control-zoom a,.leaflet-tooltip) {
  background: var(--v95-map-panel-2) !important;
  background-color: var(--v95-map-panel-2) !important;
  color: var(--v95-map-text) !important;
  -webkit-text-fill-color: var(--v95-map-text) !important;
}

html[data-theme] :is(.map-command span,.map-command small,.map-command em,.map-subline,.map-stats,.map-stat .l,.map-cockpit span,.map-cockpit small,.map-cockpit em,.map-today-hub span,.map-today-mission em,.map-today-action span,.map-quest-card__body,.map-startup-row span,.map-startup-score span,.map-startup-score em,.leaflet-popup-content,.leaflet-popup-content small,.leaflet-control-attribution,.leaflet-control-attribution a) {
  color: var(--v95-map-subtext) !important;
  -webkit-text-fill-color: var(--v95-map-subtext) !important;
  text-shadow: none !important;
}

html[data-theme] .leaflet-popup-content,
html[data-theme] .leaflet-popup-content * {
  color: var(--v95-map-text) !important;
  -webkit-text-fill-color: var(--v95-map-text) !important;
  text-shadow: none !important;
}

html[data-theme] .leaflet-popup-content small {
  color: var(--v95-map-subtext) !important;
  -webkit-text-fill-color: var(--v95-map-subtext) !important;
}

html[data-theme] .leaflet-popup-content span {
  background: var(--v95-map-panel-2) !important;
  background-color: var(--v95-map-panel-2) !important;
  color: var(--v95-map-text) !important;
  -webkit-text-fill-color: var(--v95-map-text) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
}

html[data-theme] .leaflet-popup-content a {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

.nearby-route-pin-wrap {
  background: transparent !important;
  border: 0 !important;
}

.nearby-route-pin {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 3px solid #ffffff;
  background: #be123c;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(0,0,0,0.36);
  font: 900 13px/1 var(--font-mono);
  text-shadow: none;
}

.nearby-route-pin.is-first {
  background: #f59e0b;
  color: #111827;
}

.nearby-route-pin span {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

.nearby-route-pin b {
  position: absolute;
  left: 50%;
  bottom: -19px;
  transform: translateX(-50%);
  min-width: 46px;
  padding: 3px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.26);
  background: #111827;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  box-shadow: 0 8px 18px rgba(0,0,0,0.32);
  font: 900 10px/1 var(--font-mono);
  text-align: center;
  white-space: nowrap;
}

html[data-theme] .nearby-dock {
  bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
}

html[data-theme] .nearby-dock__summary span,
html[data-theme] .nearby-dock__route b {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html[data-theme] .map-controls {
  display: grid !important;
  grid-template-columns: 1fr !important;
  max-width: 112px !important;
}

html[data-theme] .map-controls button {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 9px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 900 !important;
}

  html[data-theme] .bs-empty__ic {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  line-height: 1 !important;
}

@media (max-width: 520px) {
  html[data-theme] .map-controls {
    right: 8px !important;
    top: 8px !important;
    gap: 6px !important;
    max-width: 96px !important;
  }

  html[data-theme] .map-controls button {
    min-height: 36px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }

  html[data-theme] .nearby-dock {
    left: 8px !important;
    right: 8px !important;
    bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: min(64svh, 520px) !important;
    border-radius: 14px !important;
  }
}


html[data-theme] {
  --v97-action: #be123c;
  --v97-action-pressed: #9f1239;
  --v97-action-text: #ffffff;
  --v97-hit: 44px;
  --v97-map-panel: #111827;
  --v97-map-panel-2: #1f2937;
  --v97-map-text: #ffffff;
  --v97-map-subtext: #d1d5db;
}

html[data-theme="light"] {
  --v97-page: #f6f7fb;
  --v97-shell: #ffffff;
  --v97-surface: #ffffff;
  --v97-surface-2: #eef2f7;
  --v97-surface-3: #e3e9f2;
  --v97-field: #ffffff;
  --v97-text: #111827;
  --v97-subtext: #344054;
  --v97-muted: #667085;
  --v97-line: rgba(17,24,39,0.18);
  --v97-shadow: 0 12px 30px rgba(15,23,42,0.12);
  --v97-warn-text: #92400e;
  --v97-warn-bg: rgba(245,158,11,0.14);
  --v97-warn-line: rgba(180,83,9,0.36);
}

html[data-theme="dark"] {
  --v97-page: #090a0d;
  --v97-shell: #101216;
  --v97-surface: #16191f;
  --v97-surface-2: #222733;
  --v97-surface-3: #0f1115;
  --v97-field: #111318;
  --v97-text: #f8f8fa;
  --v97-subtext: #d0d5dd;
  --v97-muted: #a3abba;
  --v97-line: rgba(255,255,255,0.16);
  --v97-shadow: 0 16px 38px rgba(0,0,0,0.44);
  --v97-warn-text: #ffd28a;
  --v97-warn-bg: rgba(245,158,11,0.18);
  --v97-warn-line: rgba(245,166,35,0.50);
}

html[data-theme] :is(body, main, .page, .modal, .modal .body) {
  background: var(--v97-page) !important;
  background-color: var(--v97-page) !important;
  color: var(--v97-text) !important;
  -webkit-text-fill-color: var(--v97-text) !important;
}

html[data-theme] :is(.appbar,.bottom-nav,.bottom-nav.v2-nav-5,.modal header,.modal footer) {
  background: var(--v97-shell) !important;
  background-color: var(--v97-shell) !important;
  background-image: none !important;
  color: var(--v97-text) !important;
  -webkit-text-fill-color: var(--v97-text) !important;
  border-color: var(--v97-line) !important;
  box-shadow: var(--v97-shadow) !important;
}

html[data-theme] :is(.card,.item,.v2-card,.v2-tile,.arcade-tile,.cab-card,.share-card,.feed-card,.feed-empty-state,.feed-command-panel,.feed-command-action,.feed-signal,.community-empty,.community-post-card,.thread-post-card,.thread-reply-card,.thread-reply-compose,.pending-post-card,.pending-post-note,.action-card,.action-intro,.quick-compose-status,.quick-compose-target,.quick-compose-card,.store-required-hero,.store-required-note,.profile-action-card,.profile-ops-dashboard,.profile-ops-row,.profile-ops-score,.profile-ops-readiness,.db-queue-summary,.db-queue-summary__stats,.db-queue-card,.db-queue-empty,.trip-command-panel,.trip-empty-state,.trip-list-card,.plan-stop-card,.checkin-card,.account-status,.account-mode-panel,.account-create-box,.account-login-box,.account-empty,.account-safety-strip span,.report-target-card,.checkin-picker-summary,.checkin-picker-row,.info-card,.scope-box,.scope-note,.share-link,.photo-add,.bottomsheet,.nearby-dock,.nearby-dock__summary,.nearby-dock__route,.nearby-dock__row,.bs-empty,.bs-store-setup,.bs-store-setup__notice,.bs-store-setup__metric,.more-command,.more-card,.more-next-card) {
  background: var(--v97-surface) !important;
  background-color: var(--v97-surface) !important;
  background-image: none !important;
  color: var(--v97-text) !important;
  -webkit-text-fill-color: var(--v97-text) !important;
  border-color: var(--v97-line) !important;
  box-shadow: var(--v97-shadow) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.tag,.v2-chip,.v2-store-metric,.feed-tabs button,.feed-action,.feed-card__quick button,.v2-tile-actions button,.bs-chip,.bs-cab,.filter-count,.feed-tab-count,.bs-chip__count,.post-template-row button,.post-safety-checklist span,.checkin-picker-chips button,.checkin-picker-chips button span,.quick-compose-target__meta span,.quick-compose-target__chip,.quick-compose-target__action,.completeness-tags button,.community-post-card__badge,.community-post-card__game,.community-post-card__meta button,.thread-post-card__foot button,.thread-reply-card__actions button,.pending-post-card__tag,.account-row__state,.account-row__remove,.map-startup-row__state,.arcade-op-card button,.arcade-ops-missing button,.profile-action-card span,.db-queue-chip,.db-queue-actions button,.bottomsheet__search-clear,.post-mode-switch button,.post-mode-switch button span,.post-arcade-context__facts span,.post-arcade-context__actions button,.arcade-info-tabs button span,.nearby-dock__head button,.nearby-dock__route-flow span,.nearby-dock__row-actions button,.nearby-dock__actions button,.more-op-card,.more-storage,.more-next-step,.account-mode-cell,.account-list-head) {
  background: var(--v97-surface-2) !important;
  background-color: var(--v97-surface-2) !important;
  background-image: none !important;
  color: var(--v97-subtext) !important;
  -webkit-text-fill-color: var(--v97-subtext) !important;
  border-color: var(--v97-line) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-theme] :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.field input,.field select,.field textarea,.arcade-searchbar,.arcade-searchbar input,.bottomsheet__search,.bottomsheet__search input,.checkin-picker-search,.checkin-picker-search input,.thread-reply-compose textarea,.account-create-row input,.account-login-row input) {
  background: var(--v97-field) !important;
  background-color: var(--v97-field) !important;
  background-image: none !important;
  color: var(--v97-text) !important;
  -webkit-text-fill-color: var(--v97-text) !important;
  border-color: var(--v97-line) !important;
  caret-color: var(--v97-action) !important;
}

html[data-theme] :is(.muted,.field label,.app-title small,.sec-h .ct,.feed-command-panel__account,.feed-empty-state__body,.feed-card .place,.feed-card .actions,.feed-card__metrics,.community-post-card__time,.community-post-card__meta,.thread-post-card__meta,.thread-post-card__foot,.pending-post-card p,.quick-compose-card__body,.quick-compose-target__meta,.quick-compose-target__empty span,.action-card span:not(.action-card__badge),.profile-action-card span,.profile-ops-score em,.info-card__label,.bs-row__meta,.bs-row__dist,.bs-empty__sub,.checkin-picker-row__body > span,.checkin-picker-row__body small,.account-status span,.account-mode-cell span,.account-mode-cell em,.account-create-box span,.account-login-box span,.account-row__body small,.post-mode-switch button em,.post-arcade-context__head em,.arcade-log-note em,.arcade-log-card__body p,.arcade-log-card__body em,.arcade-log-card__head time,.nearby-dock__head,.nearby-dock__head span,.nearby-dock__summary span,.nearby-dock__body em,.more-command__head small,.more-op-card__body em,.more-op-card__body small,.more-card__lead span,.more-storage,.more-card .muted,.more-section .scope-box span,.more-next-card__main small,.more-next-step em) {
  color: var(--v97-subtext) !important;
  -webkit-text-fill-color: var(--v97-subtext) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.app-title,.modal header h3,.card h2,.sec-h h2,.feed-command-panel__title,.feed-empty-state__title,.quick-compose-card__title,.quick-compose-target__body b,.quick-compose-target__empty b,.action-card b,.profile-action-card b,.profile-ops-score b,.info-card__body,.bs-row__title,.bs-empty__title,.checkin-picker-row__body b,.account-status b,.account-mode-cell b,.account-create-box b,.account-login-box b,.account-row__body b,.post-mode-switch button b,.post-arcade-context__head b,.arcade-log-card__head b,.arcade-log-card__body strong,.nearby-dock__summary b,.nearby-dock__route b,.nearby-dock__body b,.nearby-dock__row strong,.more-command__head b,.more-section__head b,.more-op-card__body b,.more-card__lead b,.more-storage b,.more-section .scope-box b,.more-next-card__main b,.more-next-step b) {
  color: var(--v97-text) !important;
  -webkit-text-fill-color: var(--v97-text) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.btn:not(.ghost):not(.cyan):not(.green):not(.warn),.app-action:not(.ghost),.feed-tabs button.is-active,.bs-chip.is-active,.checkin-picker-chips button.is-active,.feed-command-action--primary,.feed-empty-state__action.is-primary,.feed-action--like.is-active,.feed-card__quick button.is-primary,.v2-tile-actions button.is-primary,.community-post-card__like.is-active,.thread-reply-card__actions button.is-active,.db-queue-actions button.is-primary,.profile-ops-primary,.map-startup-row button.is-primary,.map-startup-next.is-primary,.nearby-dock__rank,.nearby-dock__route-flow span.is-origin,.nearby-dock__row-actions button.is-primary,.nearby-dock__actions button.is-primary,.map-today-action.is-primary,.quick-compose-target__action.is-primary,.quick-compose-target__empty button,.post-mode-switch button.is-active,.arcade-info-tabs button.is-active,.bottom-nav button.active:not(.nav-fab),.bottom-nav .nav-fab,.more-command__head button,.more-op-card__cta,.more-next-card__cta) {
  background: var(--v97-action) !important;
  background-color: var(--v97-action) !important;
  background-image: none !important;
  color: var(--v97-action-text) !important;
  -webkit-text-fill-color: var(--v97-action-text) !important;
  border-color: var(--v97-action) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.bottom-nav button.active:not(.nav-fab),.bottom-nav .nav-fab,.post-mode-switch button.is-active,.arcade-info-tabs button.is-active,.feed-tabs button.is-active,.bs-chip.is-active,.checkin-picker-chips button.is-active,.more-command__head button,.more-op-card__cta,.more-next-card__cta) * {
  color: var(--v97-action-text) !important;
  -webkit-text-fill-color: var(--v97-action-text) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.more-next-card.is-ok,.more-next-card.is-warn,.more-next-card.is-local) {
  --more-next-color: var(--v97-action) !important;
}

html[data-theme] .more-next-card__meter span {
  background: var(--v97-action) !important;
  background-color: var(--v97-action) !important;
}

html[data-theme] :is(.more-op-card.is-warn .more-op-card__state,.more-next-step.is-warn span,.post-safety-checklist span.is-warn) {
  background: var(--v97-warn-bg) !important;
  background-color: var(--v97-warn-bg) !important;
  color: var(--v97-warn-text) !important;
  -webkit-text-fill-color: var(--v97-warn-text) !important;
  border-color: var(--v97-warn-line) !important;
}

html[data-theme] :is(.app-identity,.btn,.app-action,.app-back,.bottom-nav button,.bottom-nav .nav-fab,.map-controls button,.map-cockpit__collapse,.map-cockpit__actions button,.bs-chip,.feed-tabs button,.feed-action,.community-post-card__meta button,.thread-post-card__foot button,.thread-reply-card__actions button,.post-template-row button,.checkin-picker-chips button,.quick-compose-target__chip,.quick-compose-target__action,.account-row__remove,.more-command__head button,.more-op-card__cta,.more-next-card__cta,.more-next-step,.nearby-dock button,.arcade-info-tabs button,.post-mode-switch button,.bottomsheet__search-clear) {
  min-height: var(--v97-hit) !important;
}

html[data-theme] :is(.btn.tiny,.modal header .btn.tiny,.app-action,.app-back,.bottomsheet__search-clear,.map-cockpit__collapse,.feed-action,.community-post-card__meta button,.thread-post-card__foot button,.thread-reply-card__actions button,.post-template-row button,.quick-compose-target__chip,.quick-compose-target__action,.account-row__remove,.more-command__head button,.more-op-card__cta,.more-next-card__cta,.nearby-dock button) {
  min-width: var(--v97-hit) !important;
}

html[data-theme] .app-identity {
  height: var(--v97-hit) !important;
  min-width: 80px !important;
  border-radius: 14px !important;
}

html[data-theme] .bs-chip {
  height: var(--v97-hit) !important;
  padding-inline: 13px !important;
}

html[data-theme] .bottomsheet__handle {
  height: var(--v97-hit) !important;
  min-height: var(--v97-hit) !important;
  touch-action: manipulation !important;
}

html[data-theme] .bottomsheet--peek {
  min-height: calc(var(--v97-hit) + 58px) !important;
}

html[data-theme] .map-cockpit__collapse {
  padding-inline: 12px !important;
}

html[data-theme] .map-controls button {
  min-height: var(--v97-hit) !important;
  border-radius: 13px !important;
}

html[data-theme] :is(.map-command,.map-cockpit,.map-today-hub,.map-today-mission,.map-today-action,.map-quest-card,.map-startup-panel,.map-startup-row,.map-startup-score,.map-startup-next,.map-start-bridge,.map-start-lane,.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-control-zoom a,.leaflet-control-attribution,.leaflet-tooltip,.map-controls button) {
  background: var(--v97-map-panel) !important;
  background-color: var(--v97-map-panel) !important;
  background-image: none !important;
  color: var(--v97-map-text) !important;
  -webkit-text-fill-color: var(--v97-map-text) !important;
  border-color: rgba(255,255,255,0.22) !important;
  text-shadow: none !important;
}

html[data-theme] :is(.map-today-mission,.map-today-action:not(.is-primary),.map-startup-row,.map-startup-score,.map-startup-next:not(.is-primary),.map-cockpit__status,.map-cockpit__collapse,.map-today-meter,.leaflet-control-zoom a,.leaflet-tooltip) {
  background: var(--v97-map-panel-2) !important;
  background-color: var(--v97-map-panel-2) !important;
  color: var(--v97-map-text) !important;
  -webkit-text-fill-color: var(--v97-map-text) !important;
}

html[data-theme] :is(.map-command span,.map-command small,.map-command em,.map-subline,.map-stats,.map-stat .l,.map-cockpit span,.map-cockpit small,.map-cockpit em,.map-today-hub span,.map-today-mission em,.map-today-action span,.map-quest-card__body,.map-startup-row span,.map-startup-score span,.map-startup-score em,.leaflet-popup-content,.leaflet-popup-content small,.leaflet-control-attribution,.leaflet-control-attribution a) {
  color: var(--v97-map-subtext) !important;
  -webkit-text-fill-color: var(--v97-map-subtext) !important;
}

@media (max-width: 420px) {
  html[data-theme] .appbar-inner {
    min-height: 56px !important;
  }

  html[data-theme] .app-identity {
    min-width: 72px !important;
    max-width: 104px !important;
    height: var(--v97-hit) !important;
  }

  html[data-theme] .bottomsheet__chips {
    gap: 8px !important;
  }
}

.account-create-readiness {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 30px;
  align-items: center;
}

.account-create-readiness span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid var(--v97-line, var(--border-default));
  background: var(--v97-surface-2, var(--bg-elevated-2));
  color: var(--v97-subtext, var(--text-secondary));
  font: 900 11px/1 var(--font-body);
}

html[data-theme] .account-create-readiness span.is-ok {
  background: rgba(15,118,110,0.12) !important;
  background-color: rgba(15,118,110,0.12) !important;
  color: #0f766e !important;
  -webkit-text-fill-color: #0f766e !important;
  border-color: rgba(15,118,110,0.34) !important;
}

html[data-theme="dark"] .account-create-readiness span.is-ok {
  color: #b6f7e8 !important;
  -webkit-text-fill-color: #b6f7e8 !important;
  border-color: rgba(94,234,212,0.42) !important;
}

html[data-theme] .account-create-readiness span.is-warn {
  background: var(--v97-warn-bg, rgba(245,158,11,0.14)) !important;
  background-color: var(--v97-warn-bg, rgba(245,158,11,0.14)) !important;
  color: var(--v97-warn-text, #92400e) !important;
  -webkit-text-fill-color: var(--v97-warn-text, #92400e) !important;
  border-color: var(--v97-warn-line, rgba(180,83,9,0.36)) !important;
}


html[data-theme] .post-separation-lane {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 10px 0 !important;
}

html[data-theme] .post-separation-lane__item {
  min-width: 0 !important;
  min-height: 76px !important;
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  padding: 10px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--v97-surface-2, var(--bg-elevated-2)) !important;
  background-image: none !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--v97-text, var(--text-primary)) !important;
  box-shadow: none !important;
}

html[data-theme] .post-separation-lane__item span {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  border: 1px solid var(--v97-line, var(--border-subtle)) !important;
  background: var(--v97-surface, var(--bg-elevated)) !important;
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 900 9px/1 var(--font-mono) !important;
  white-space: nowrap !important;
}

html[data-theme] .post-separation-lane__item b {
  min-width: 0 !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--v97-text, var(--text-primary)) !important;
  font: 900 12px/1.2 var(--font-display) !important;
}

html[data-theme] .post-separation-lane__item em {
  min-width: 0 !important;
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 800 10px/1.35 var(--font-body) !important;
  font-style: normal !important;
}

html[data-theme] .post-separation-lane__item.is-active {
  border-color: color-mix(in srgb, var(--v97-action, var(--accent)) 46%, var(--v97-line, var(--border-default))) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--v97-action, var(--accent)) 12%, transparent), transparent 70%),
    var(--v97-surface, var(--bg-elevated)) !important;
}

html[data-theme] .post-separation-lane__item.is-active span {
  color: var(--v97-action, var(--accent)) !important;
  -webkit-text-fill-color: var(--v97-action, var(--accent)) !important;
  border-color: color-mix(in srgb, var(--v97-action, var(--accent)) 42%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--v97-action, var(--accent)) 10%, var(--v97-surface, var(--bg-elevated))) !important;
}

html[data-theme] .post-separation-lane__item.is-db.is-active {
  border-color: color-mix(in srgb, var(--success) 44%, var(--v97-line, var(--border-default))) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--success) 12%, transparent), transparent 70%),
    var(--v97-surface, var(--bg-elevated)) !important;
}

html[data-theme] .post-separation-lane__item.is-db.is-active span {
  color: var(--success) !important;
  -webkit-text-fill-color: var(--success) !important;
  border-color: color-mix(in srgb, var(--success) 42%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--success) 10%, var(--v97-surface, var(--bg-elevated))) !important;
}

html[data-theme] .post-separation-lane__item.is-private {
  border-style: dashed !important;
}

html[data-theme] .post-separation-lane__risk {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-warn-line, rgba(245,166,35,0.50)) !important;
  background: var(--v97-warn-bg, rgba(245,158,11,0.16)) !important;
}

html[data-theme] .post-separation-lane__risk b {
  color: var(--v97-warn-text, #ffd28a) !important;
  -webkit-text-fill-color: var(--v97-warn-text, #ffd28a) !important;
  font: 900 12px/1.2 var(--font-body) !important;
}

html[data-theme] .post-separation-lane__risk span {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 800 10px/1.35 var(--font-body) !important;
}

@media (max-width: 430px) {
  html[data-theme] .post-separation-lane {
    grid-template-columns: 1fr !important;
  }

  html[data-theme] .post-separation-lane__item {
    min-height: 0 !important;
  }
}


html[data-theme] .quick-compose-status__summary {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html[data-theme] .quick-compose-field-ready {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--v97-line, var(--ux-line, var(--readable-line, var(--border-default)))) !important;
}

html[data-theme] .quick-compose-field-ready__head {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
}

html[data-theme] .quick-compose-field-ready__head strong,
html[data-theme] .quick-compose-field-chip strong {
  min-width: 0 !important;
  color: var(--v97-text, var(--ux-text, var(--readable-text, var(--text-primary)))) !important;
  -webkit-text-fill-color: var(--v97-text, var(--ux-text, var(--readable-text, var(--text-primary)))) !important;
  font: 900 12px/1.15 var(--font-display) !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme] .quick-compose-field-ready__head small,
html[data-theme] .quick-compose-field-chip small {
  min-width: 0 !important;
  color: var(--v97-subtext, var(--ux-subtext, var(--readable-subtext, var(--text-secondary)))) !important;
  -webkit-text-fill-color: var(--v97-subtext, var(--ux-subtext, var(--readable-subtext, var(--text-secondary)))) !important;
  font: 800 10px/1.25 var(--font-body) !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme] .quick-compose-field-ready__next {
  min-width: 82px !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-action, var(--ux-action, var(--accent))) !important;
  background: var(--v97-action, var(--ux-action, var(--accent))) !important;
  background-color: var(--v97-action, var(--ux-action, var(--accent))) !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 11px/1 var(--font-body) !important;
  white-space: nowrap !important;
}

html[data-theme] .quick-compose-field-grid {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html[data-theme] .quick-compose-field-chip {
  min-width: 0 !important;
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 3px 7px !important;
  align-items: center !important;
  padding: 8px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-line, var(--ux-line, var(--readable-line, var(--border-default)))) !important;
  background: var(--v97-surface, var(--ux-surface-2, var(--readable-surface-2, var(--bg-elevated)))) !important;
  background-color: var(--v97-surface, var(--ux-surface-2, var(--readable-surface-2, var(--bg-elevated)))) !important;
  background-image: none !important;
  color: var(--v97-text, var(--ux-text, var(--readable-text, var(--text-primary)))) !important;
  -webkit-text-fill-color: currentColor !important;
  text-align: left !important;
}

html[data-theme] .quick-compose-field-chip i {
  grid-row: 1 / span 2 !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: var(--v97-surface-2, var(--ux-surface-3, var(--readable-surface-3, var(--bg-elevated-2)))) !important;
  color: var(--v97-subtext, var(--ux-subtext, var(--readable-subtext, var(--text-secondary)))) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 8px/1 var(--font-mono) !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}

html[data-theme] .quick-compose-field-chip.is-ok i {
  background: color-mix(in srgb, var(--success) 18%, var(--v97-surface-2, var(--bg-elevated-2))) !important;
  color: var(--success) !important;
  -webkit-text-fill-color: var(--success) !important;
}

html[data-theme] .quick-compose-field-chip.is-warn i {
  background: color-mix(in srgb, var(--warning) 18%, var(--v97-surface-2, var(--bg-elevated-2))) !important;
  color: var(--v97-warn-text, var(--warning)) !important;
  -webkit-text-fill-color: var(--v97-warn-text, var(--warning)) !important;
}

html[data-theme] .quick-compose-field-chip.is-busy i,
html[data-theme] .quick-compose-field-chip.is-local i {
  background: color-mix(in srgb, #64748b 18%, var(--v97-surface-2, var(--bg-elevated-2))) !important;
  color: var(--v97-subtext, var(--ux-subtext, var(--readable-subtext, var(--text-secondary)))) !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (max-width: 380px) {
  html[data-theme] .quick-compose-field-ready__head {
    grid-template-columns: 1fr !important;
  }

  html[data-theme] .quick-compose-field-ready__next {
    width: 100% !important;
  }
}


html[data-theme] .post-draft-restore {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 10px 0 12px !important;
  padding: 11px !important;
  border-radius: 14px !important;
  border: 1px solid color-mix(in srgb, var(--warning) 42%, var(--v97-line, var(--ux-line, var(--border-default)))) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--warning) 12%, transparent), transparent 70%),
    var(--v97-surface, var(--ux-surface-2, var(--readable-surface, var(--bg-elevated)))) !important;
  color: var(--v97-text, var(--ux-text, var(--readable-text, var(--text-primary)))) !important;
}

html[data-theme] .post-draft-restore[hidden] {
  display: none !important;
}

html[data-theme] .post-draft-restore__main {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html[data-theme] .post-draft-restore__main span {
  color: var(--v97-warn-text, var(--warning)) !important;
  -webkit-text-fill-color: var(--v97-warn-text, var(--warning)) !important;
  font: 900 9px/1 var(--font-mono) !important;
  letter-spacing: 0.06em !important;
}

html[data-theme] .post-draft-restore__main b {
  min-width: 0 !important;
  color: var(--v97-text, var(--ux-text, var(--readable-text, var(--text-primary)))) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 13px/1.2 var(--font-display) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme] .post-draft-restore__main em {
  min-width: 0 !important;
  color: var(--v97-subtext, var(--ux-subtext, var(--readable-subtext, var(--text-secondary)))) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 11px/1.35 var(--font-body) !important;
  font-style: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme] .post-draft-restore__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(62px, auto)) !important;
  gap: 7px !important;
}

html[data-theme] .post-draft-restore__actions button {
  min-height: 38px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-line, var(--ux-line, var(--border-default))) !important;
  background: var(--v97-surface-2, var(--ux-surface-3, var(--readable-surface-2, var(--bg-elevated-2)))) !important;
  background-color: var(--v97-surface-2, var(--ux-surface-3, var(--readable-surface-2, var(--bg-elevated-2)))) !important;
  color: var(--v97-text, var(--ux-text, var(--readable-text, var(--text-primary)))) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 11px/1 var(--font-body) !important;
}

html[data-theme] .post-draft-restore__actions button.is-primary {
  background: var(--v97-action, var(--ux-action, var(--accent))) !important;
  background-color: var(--v97-action, var(--ux-action, var(--accent))) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: var(--v97-action, var(--ux-action, var(--accent))) !important;
}

@media (max-width: 430px) {
  html[data-theme] .post-draft-restore {
    grid-template-columns: 1fr !important;
  }

  html[data-theme] .post-draft-restore__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


html[data-theme] .checkin-save-feedback {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  margin: 8px 0 12px !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
  border: 1px solid color-mix(in srgb, var(--warning) 42%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--warning) 10%, var(--v97-surface, var(--bg-elevated))) !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .checkin-save-feedback[hidden] {
  display: none !important;
}

html[data-theme] .checkin-save-feedback.is-ok {
  border-color: color-mix(in srgb, var(--success) 44%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--success) 9%, var(--v97-surface, var(--bg-elevated))) !important;
}

html[data-theme] .checkin-save-feedback.is-busy {
  border-color: color-mix(in srgb, var(--accent) 44%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--accent) 8%, var(--v97-surface, var(--bg-elevated))) !important;
}

html[data-theme] .checkin-save-feedback span {
  color: var(--v97-warn-text, var(--warning)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 9px/1 var(--font-mono) !important;
}

html[data-theme] .checkin-save-feedback.is-ok span {
  color: var(--success) !important;
}

html[data-theme] .checkin-save-feedback.is-busy span {
  color: var(--accent) !important;
}

html[data-theme] .checkin-save-feedback b,
html[data-theme] .checkin-save-feedback em {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html[data-theme] .checkin-save-feedback b {
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 13px/1.2 var(--font-display) !important;
}

html[data-theme] .checkin-save-feedback em {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 11px/1.35 var(--font-body) !important;
  font-style: normal !important;
}

html[data-theme] .pending-post-card__photo.is-vault {
  display: grid !important;
  place-items: center !important;
  gap: 4px !important;
  min-height: 112px !important;
  border: 1px dashed color-mix(in srgb, var(--success) 48%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--success) 9%, var(--v97-surface-2, var(--bg-elevated-2))) !important;
  color: var(--success) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 12px/1.2 var(--font-body) !important;
}

html[data-theme] .pending-post-card__photo.is-vault small {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 10px/1.25 var(--font-body) !important;
}

html[data-theme] .photo-cell.is-vault,
html[data-theme] .arcade-log-card__photo.is-vault,
html[data-theme] .photo-strip .ph.is-vault {
  display: grid !important;
  place-items: center !important;
  gap: 3px !important;
  border: 1px dashed color-mix(in srgb, var(--success) 44%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--success) 8%, var(--v97-surface-2, var(--bg-elevated-2))) !important;
  color: var(--success) !important;
  -webkit-text-fill-color: currentColor !important;
  text-align: center !important;
  font: 900 11px/1.2 var(--font-body) !important;
}

html[data-theme] .photo-cell.is-vault small,
html[data-theme] .arcade-log-card__photo.is-vault small,
html[data-theme] .photo-strip .ph.is-vault small {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 9px/1.2 var(--font-body) !important;
}

html[data-theme] .photo-vault-panel {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 11px !important;
  border-radius: 14px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface-2, var(--bg-elevated-2)) !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .photo-vault-panel.is-ok {
  border-color: color-mix(in srgb, var(--success) 44%, var(--v97-line, var(--border-default))) !important;
}

html[data-theme] .photo-vault-panel.is-warn {
  border-color: color-mix(in srgb, var(--warning) 50%, var(--v97-line, var(--border-default))) !important;
}

html[data-theme] .photo-vault-panel__head {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html[data-theme] .photo-vault-panel__head span {
  color: var(--success) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 9px/1 var(--font-mono) !important;
}

html[data-theme] .photo-vault-panel.is-warn .photo-vault-panel__head span {
  color: var(--v97-warn-text, var(--warning)) !important;
}

html[data-theme] .photo-vault-panel__head b {
  min-width: 0 !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 13px/1.25 var(--font-display) !important;
  overflow-wrap: anywhere !important;
}

html[data-theme] .photo-vault-panel__head em {
  min-width: 0 !important;
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 11px/1.35 var(--font-body) !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}

html[data-theme] .photo-vault-panel__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html[data-theme] .photo-vault-panel__grid span {
  min-width: 0 !important;
  min-height: 42px !important;
  display: grid !important;
  place-items: center !important;
  gap: 2px !important;
  padding: 6px !important;
  border-radius: 11px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface, var(--bg-elevated)) !important;
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 10px/1.15 var(--font-body) !important;
  text-align: center !important;
}

html[data-theme] .photo-vault-panel__grid b {
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 12px/1 var(--font-mono) !important;
}

html[data-theme] .photo-vault-panel__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html[data-theme] .photo-vault-panel__actions button {
  min-height: 38px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface, var(--bg-elevated)) !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 11px/1 var(--font-body) !important;
}

html[data-theme] .photo-vault-panel__actions button:disabled {
  opacity: .52 !important;
}

@media (max-width: 430px) {
  html[data-theme] .photo-vault-panel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


html[data-theme] .checkin-trip-hint {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 3px 8px !important;
  align-items: center !important;
  margin: -4px 0 10px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--success) 38%, var(--v97-line, var(--ux-line, var(--border-default)))) !important;
  background: color-mix(in srgb, var(--success) 10%, var(--v97-surface, var(--ux-surface-2, var(--bg-elevated)))) !important;
  color: var(--v97-text, var(--ux-text, var(--text-primary))) !important;
}

html[data-theme] .checkin-trip-hint[hidden] {
  display: none !important;
}

html[data-theme] .checkin-trip-hint span {
  grid-row: 1 / span 2 !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--success) 46%, var(--v97-line, var(--border-default))) !important;
  color: var(--success) !important;
  -webkit-text-fill-color: var(--success) !important;
  font: 900 9px/1 var(--font-mono) !important;
  white-space: nowrap !important;
}

html[data-theme] .checkin-trip-hint b,
html[data-theme] .checkin-trip-hint em {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme] .checkin-trip-hint b {
  color: var(--v97-text, var(--ux-text, var(--text-primary))) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 12px/1.15 var(--font-display) !important;
}

html[data-theme] .checkin-trip-hint em {
  color: var(--v97-subtext, var(--ux-subtext, var(--text-secondary))) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 10px/1.2 var(--font-body) !important;
  font-style: normal !important;
}


html[data-theme] .app-title small,
html[data-theme] .map-cockpit__status,
html[data-theme] .map-cockpit__collapse,
html[data-theme] .bottom-nav.v2-nav-5 button span:not(.ic):not(.ic-fab),
html[data-theme] .leaflet-control-attribution,
html[data-theme] .leaflet-control-attribution a,
html[data-theme] .checkin-trip-hint span,
html[data-theme] .checkin-trip-hint em {
  font-size: 11px !important;
}

html[data-theme] .bottom-nav.v2-nav-5 button span:not(.ic):not(.ic-fab) {
  font-weight: 800 !important;
  line-height: 1.12 !important;
}

html[data-theme] .bottom-nav.v2-nav-5 button:not(.nav-fab) {
  font-size: 11px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-theme] .bottom-nav.v2-nav-5 .nav-fab {
  font-size: 11px !important;
}

html[data-theme] .bottom-nav.v2-nav-5 button:not(.nav-fab) * {
  max-width: 100% !important;
}

html[data-theme] .map-cockpit__top {
  min-width: 0 !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

html[data-theme] .map-cockpit__top > :first-child {
  min-width: 0 !important;
  flex: 1 1 168px !important;
}

html[data-theme] .map-cockpit__tools {
  min-width: 0 !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

html[data-theme] .map-cockpit .map-kicker,
html[data-theme] .map-cockpit .map-headline,
html[data-theme] .map-cockpit .map-subline {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

html[data-theme] .map-cockpit__status,
html[data-theme] .map-cockpit__collapse {
  min-height: 32px !important;
  height: auto !important;
  line-height: 1.1 !important;
}

html[data-theme] .checkin-trip-hint span {
  min-height: 30px !important;
}

html[data-theme] .checkin-trip-hint em {
  line-height: 1.25 !important;
}

@media (max-width: 430px) {
  html[data-theme] .map-saas-overlay {
    left: 10px !important;
    right: 72px !important;
    max-width: none !important;
  }

  html[data-theme] .map-saas-overlay.is-compact {
    max-width: min(260px, calc(100vw - 92px)) !important;
  }

  html[data-theme] .map-saas-overlay.is-compact .map-cockpit__status,
  html[data-theme] .map-saas-overlay.is-compact .map-cockpit__collapse {
    min-height: 30px !important;
    height: auto !important;
    font-size: 11px !important;
  }
}


html[data-theme] .app-identity {
  min-width: 112px !important;
  max-width: min(168px, 38vw) !important;
  height: 44px !important;
  grid-template-columns: 9px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 0 10px !important;
  text-align: left !important;
}

html[data-theme] .app-identity__copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  color: inherit !important;
}

html[data-theme] .app-identity__text,
html[data-theme] .app-identity__detail {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .app-identity__text {
  font: 900 12px/1.05 var(--font-body) !important;
}

html[data-theme] .app-identity__detail {
  opacity: 0.76 !important;
  font: 800 11px/1.05 var(--font-body) !important;
}

html[data-theme] .app-identity.is-handoff {
  border-color: color-mix(in srgb, var(--warning) 56%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--warning) 13%, var(--v97-surface, var(--bg-elevated))) !important;
  background-color: color-mix(in srgb, var(--warning) 13%, var(--v97-surface, var(--bg-elevated))) !important;
}

html[data-theme] .app-identity.is-handoff .app-identity__dot {
  background: var(--warning) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--warning) 22%, transparent) !important;
}

html[data-theme] .app-identity.is-pending {
  border-color: color-mix(in srgb, var(--accent) 48%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--accent) 11%, var(--v97-surface, var(--bg-elevated))) !important;
  background-color: color-mix(in srgb, var(--accent) 11%, var(--v97-surface, var(--bg-elevated))) !important;
}

html[data-theme] .app-identity.is-pending .app-identity__dot {
  background: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent) !important;
}

@media (max-width: 430px) {
  html[data-theme] .app-identity {
    min-width: 104px !important;
    max-width: 132px !important;
    padding-inline: 9px !important;
  }

  html[data-theme] .app-identity__text {
    font-size: 11px !important;
  }

  html[data-theme] .app-identity__detail {
    font-size: 11px !important;
  }
}


html[data-theme] .sync-receipt-panel {
  min-width: 0 !important;
  margin: 12px !important;
  display: grid !important;
  gap: 9px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface, var(--bg-elevated)) !important;
  background-color: var(--v97-surface, var(--bg-elevated)) !important;
  color: var(--v97-text, var(--text-primary)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.12) !important;
}

html[data-theme] .sync-receipt-panel.is-compact {
  margin: 10px 0 0 !important;
}

html[data-theme] .sync-receipt-panel__head {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html[data-theme] .sync-receipt-panel__head span {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 11px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
}

html[data-theme] .sync-receipt-panel__head b,
html[data-theme] .sync-receipt-panel p {
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .sync-receipt-panel__head b {
  font: 900 14px/1.15 var(--font-display) !important;
}

html[data-theme] .sync-receipt-panel p {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 800 12px/1.45 var(--font-body) !important;
}

html[data-theme] .sync-receipt-list {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

html[data-theme] .sync-receipt-row {
  min-width: 0 !important;
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface-2, var(--bg-elevated-2)) !important;
  color: var(--v97-text, var(--text-primary)) !important;
}

html[data-theme] .sync-receipt-row__badge {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #64748b !important;
  font: 900 11px/1 var(--font-mono) !important;
  white-space: nowrap !important;
}

html[data-theme] .sync-receipt-row.is-cloud .sync-receipt-row__badge {
  background: #0f766e !important;
}

html[data-theme] .sync-receipt-row.is-local .sync-receipt-row__badge {
  background: #7c3aed !important;
}

html[data-theme] .sync-receipt-row.is-error .sync-receipt-row__badge {
  background: #be123c !important;
}

html[data-theme] .sync-receipt-row__main {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html[data-theme] .sync-receipt-row__main b,
html[data-theme] .sync-receipt-row__main em,
html[data-theme] .sync-receipt-row time {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .sync-receipt-row__main b {
  font: 900 12px/1.15 var(--font-display) !important;
}

html[data-theme] .sync-receipt-row__main em {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 800 11px/1.2 var(--font-body) !important;
  font-style: normal !important;
}

html[data-theme] .sync-receipt-row time {
  color: var(--v97-muted, var(--text-tertiary)) !important;
  font: 900 11px/1 var(--font-body) !important;
}

@media (max-width: 430px) {
  html[data-theme] .sync-receipt-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  html[data-theme] .sync-receipt-row time {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}

html[data-theme] :is(
  .profile-ops-dashboard__head span,
  .profile-ops-score span,
  .profile-ops-score em,
  .profile-ops-row__body small,
  .profile-ops-row__cta,
  .profile-privacy-card span,
  .pending-outbox-panel__kicker,
  .account-mode-cell span,
  .account-cloud-summary__head span,
  .account-cloud-summary__metric span,
  .account-cloud-summary__empty,
  .account-consent-panel__head span,
  .account-consent-list span,
  .account-consent-empty,
  .account-cloud-export__main span,
  .account-danger-panel__main span,
  #accountModal label
) {
  font-size: 11px !important;
  letter-spacing: 0 !important;
}

html[data-theme] .account-row__body small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
}


html[data-theme] .account-cloud-migration {
  min-width: 0 !important;
  margin: 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface, var(--bg-elevated)) !important;
  background-color: var(--v97-surface, var(--bg-elevated)) !important;
  color: var(--v97-text, var(--text-primary)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.12) !important;
}

html[data-theme] .account-cloud-migration.is-compact {
  margin: 10px 0 0 !important;
}

html[data-theme] .account-cloud-migration.is-warn {
  border-color: color-mix(in srgb, var(--warning) 42%, var(--v97-line, var(--border-default))) !important;
}

html[data-theme] .account-cloud-migration.is-ok {
  border-color: color-mix(in srgb, var(--success) 38%, var(--v97-line, var(--border-default))) !important;
}

html[data-theme] .account-cloud-migration__main {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html[data-theme] .account-cloud-migration__main span,
html[data-theme] .account-cloud-migration__main b,
html[data-theme] .account-cloud-migration__main em,
html[data-theme] .account-cloud-migration__main small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .account-cloud-migration__main span {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 900 11px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
}

html[data-theme] .account-cloud-migration__main b {
  color: var(--v97-text, var(--text-primary)) !important;
  font: 900 14px/1.15 var(--font-display) !important;
}

html[data-theme] .account-cloud-migration__main em,
html[data-theme] .account-cloud-migration__main small {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 800 12px/1.25 var(--font-body) !important;
  font-style: normal !important;
}

html[data-theme] .account-cloud-migration__main small.is-error {
  color: var(--danger) !important;
}

html[data-theme] .account-cloud-migration > button {
  min-width: 82px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1px solid var(--contrast-action-bg, var(--accent)) !important;
  background: var(--contrast-action-bg, var(--accent)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 12px/1 var(--font-body) !important;
  white-space: nowrap !important;
}

html[data-theme] .account-cloud-migration > button:disabled {
  opacity: 0.58 !important;
  filter: grayscale(0.25) !important;
}

html[data-theme] .account-cloud-migration__metrics {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html[data-theme] .account-cloud-migration__metrics span {
  min-width: 0 !important;
  min-height: 42px !important;
  display: grid !important;
  place-items: center !important;
  gap: 2px !important;
  padding: 6px !important;
  border-radius: 11px !important;
  border: 1px solid var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface-2, var(--bg-elevated-2)) !important;
  color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 900 10px/1 var(--font-body) !important;
}

html[data-theme] .account-cloud-migration__metrics b {
  color: var(--v97-text, var(--text-primary)) !important;
  font: 900 16px/1 var(--font-mono) !important;
}

html[data-theme] .bs-store-setup__eyebrow {
  min-height: 24px !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
}

html[data-theme] :is(.map-today-label,.map-today-action span,.map-today-mission span) {
  font-size: 11px !important;
  letter-spacing: 0 !important;
}


html[data-theme] .account-cloud-restore {
  min-width: 0 !important;
  margin-top: 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px !important;
  border-radius: 14px !important;
  border: 1px solid color-mix(in srgb, #0891b2 34%, var(--v97-line, var(--border-default))) !important;
  background: var(--v97-surface, var(--bg-elevated)) !important;
  background-color: var(--v97-surface, var(--bg-elevated)) !important;
  color: var(--v97-text, var(--text-primary)) !important;
}

html[data-theme] .account-cloud-restore__main {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html[data-theme] .account-cloud-restore__main span,
html[data-theme] .account-cloud-restore__main b,
html[data-theme] .account-cloud-restore__main em,
html[data-theme] .account-cloud-restore__main small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] .account-cloud-restore__main span {
  color: #0891b2 !important;
  font: 900 11px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
}

html[data-theme] .account-cloud-restore__main b {
  color: var(--v97-text, var(--text-primary)) !important;
  font: 900 14px/1.2 var(--font-display) !important;
}

html[data-theme] .account-cloud-restore__main em,
html[data-theme] .account-cloud-restore__main small {
  color: var(--v97-subtext, var(--text-secondary)) !important;
  font: 800 12px/1.3 var(--font-body) !important;
  font-style: normal !important;
}

html[data-theme] .account-cloud-restore__main small.is-error {
  color: var(--danger) !important;
}

html[data-theme] .account-cloud-restore button {
  min-width: 82px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  border: 1px solid #0891b2 !important;
  background: #0891b2 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 12px/1.1 var(--font-body) !important;
  white-space: nowrap !important;
}

html[data-theme] .account-cloud-restore__actions {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

html[data-theme] .account-cloud-restore button.is-secondary {
  border-color: var(--v97-line, var(--border-default)) !important;
  background: var(--v97-surface-2, var(--bg-elevated-2)) !important;
  color: var(--v97-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--v97-text, var(--text-primary)) !important;
}

html[data-theme] .account-cloud-restore button:disabled {
  opacity: 0.58 !important;
}

@media (max-width: 430px) {
  html[data-theme] .account-cloud-migration {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-theme] .account-cloud-migration > button,
  html[data-theme] .account-cloud-restore button,
  html[data-theme] .account-cloud-restore__actions {
    width: 100% !important;
  }

  html[data-theme] .account-cloud-restore {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


html[data-theme] .account-row__remove.is-danger {
  border-color: color-mix(in srgb, var(--danger) 46%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--danger) 11%, var(--v97-surface, var(--bg-elevated))) !important;
  color: var(--danger) !important;
  -webkit-text-fill-color: var(--danger) !important;
}


html[data-theme] .post-author-bar {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 9px 0 10px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  border: 1px solid var(--v97-line, var(--ux-line, var(--border-default))) !important;
  background: var(--v97-surface, var(--ux-surface-2, var(--bg-elevated))) !important;
  background-color: var(--v97-surface, var(--ux-surface-2, var(--bg-elevated))) !important;
  color: var(--v97-text, var(--ux-text, var(--text-primary))) !important;
}

html[data-theme] .post-author-bar__badge {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: var(--v97-action, var(--accent)) !important;
  background-color: var(--v97-action, var(--accent)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 10px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html[data-theme] .post-author-bar__main {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html[data-theme] .post-author-bar__main b,
html[data-theme] .post-author-bar__main span,
html[data-theme] .post-author-bar__main em {
  min-width: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  overflow-wrap: anywhere !important;
}

html[data-theme] .post-author-bar__main b {
  font: 900 13px/1.2 var(--font-display) !important;
}

html[data-theme] .post-author-bar__main span {
  color: var(--v97-subtext, var(--ux-subtext, var(--text-secondary))) !important;
  font: 800 11px/1.35 var(--font-body) !important;
}

html[data-theme] .post-author-bar__main em {
  color: var(--v97-muted, var(--text-tertiary)) !important;
  font: 900 10px/1.1 var(--font-body) !important;
  font-style: normal !important;
}

html[data-theme] .post-author-bar button {
  min-width: 82px !important;
  min-height: 40px !important;
  padding: 0 11px !important;
  border-radius: 12px !important;
  border: 1px solid var(--v97-line, var(--ux-line, var(--border-default))) !important;
  background: var(--v97-surface-2, var(--ux-surface-3, var(--bg-elevated-2))) !important;
  background-color: var(--v97-surface-2, var(--ux-surface-3, var(--bg-elevated-2))) !important;
  color: var(--v97-text, var(--ux-text, var(--text-primary))) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 12px/1 var(--font-body) !important;
  white-space: nowrap !important;
}

html[data-theme] .post-author-bar.is-signed {
  border-color: color-mix(in srgb, var(--success) 38%, var(--v97-line, var(--border-default))) !important;
}

html[data-theme] .post-author-bar.is-signed .post-author-bar__badge {
  background: #0f766e !important;
  background-color: #0f766e !important;
}

html[data-theme] .post-author-bar.is-handoff,
html[data-theme] .post-author-bar.is-warn {
  border-color: color-mix(in srgb, var(--warning) 46%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--warning) 9%, var(--v97-surface, var(--bg-elevated))) !important;
  background-color: color-mix(in srgb, var(--warning) 9%, var(--v97-surface, var(--bg-elevated))) !important;
}

html[data-theme] .post-author-bar.is-handoff .post-author-bar__badge,
html[data-theme] .post-author-bar.is-warn .post-author-bar__badge {
  background: #b45309 !important;
  background-color: #b45309 !important;
}

html[data-theme] .post-author-bar.is-local .post-author-bar__badge {
  background: #475569 !important;
  background-color: #475569 !important;
}

@media (max-width: 430px) {
  html[data-theme] .post-author-bar {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
  }

  html[data-theme] .post-author-bar button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

html[data-theme] .post-author-bar__actions {
  min-width: 210px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}

html[data-theme] .post-author-bar__actions button {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 42px !important;
  grid-column: auto !important;
}

html[data-theme] .post-author-bar__actions button.is-primary {
  border-color: #be123c !important;
  background: #be123c !important;
  background-color: #be123c !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme] .post-author-bar__actions button.is-warn:not(.is-primary) {
  border-color: color-mix(in srgb, var(--warning) 54%, var(--v97-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--warning) 12%, var(--v97-surface-2, var(--bg-elevated-2))) !important;
  background-color: color-mix(in srgb, var(--warning) 12%, var(--v97-surface-2, var(--bg-elevated-2))) !important;
}

html[data-theme] .post-author-bar__actions button:disabled {
  opacity: .62 !important;
  cursor: not-allowed !important;
  filter: grayscale(.18) !important;
}

@media (max-width: 430px) {
  html[data-theme] .post-author-bar__actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-theme] .post-author-bar__actions button {
    grid-column: auto !important;
    width: 100% !important;
  }
}

.arcade-ops-panel--split {
  border-radius: 8px;
}

.arcade-ops-panel__lead {
  margin: -2px 0 10px;
  color: var(--text-secondary);
  font: 800 12px/1.45 var(--font-body);
}

.arcade-ops-grid--lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

button.arcade-op-card {
  width: 100%;
  appearance: none;
  text-align: left;
  cursor: pointer;
  color: var(--text-primary);
  border-radius: 8px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--op-color, var(--accent)) 12%, transparent), transparent 68%),
    var(--bg-elevated-2);
}

button.arcade-op-card:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--op-color, var(--accent)) 72%, #fff);
  outline-offset: 2px;
}

button.arcade-op-card b {
  white-space: normal;
  line-height: 1.18;
}

button.arcade-op-card small {
  min-height: 34px;
}

.arcade-op-card strong {
  min-width: 0;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--op-color, var(--accent)) 42%, var(--border-default));
  background: color-mix(in srgb, var(--op-color, var(--accent)) 14%, var(--bg-elevated));
  color: var(--text-primary);
  font: 900 11px/1 var(--font-body);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

button.arcade-op-card:disabled {
  cursor: not-allowed;
  opacity: .62;
}

button.arcade-op-card:disabled strong {
  color: var(--text-tertiary);
  background: var(--bg-elevated);
  border-color: var(--border-default);
}

.arcade-ops-boundary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 9px;
}

.arcade-ops-boundary span {
  min-width: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background: color-mix(in srgb, var(--bg-elevated-2) 88%, transparent);
  color: var(--text-secondary);
  font: 800 10px/1.25 var(--font-body);
}

.arcade-ops-boundary b {
  flex: 0 0 auto;
  color: var(--text-primary);
  font: 900 9px/1 var(--font-mono);
}

html[data-theme] button.arcade-op-card,
html[data-theme] .arcade-ops-boundary span {
  color: var(--contrast-text, var(--text-primary));
}

html[data-theme] button.arcade-op-card small,
html[data-theme] .arcade-ops-panel__lead,
html[data-theme] .arcade-ops-boundary span {
  color: var(--contrast-subtext, var(--text-secondary));
}

html[data-theme] button.arcade-op-card b,
html[data-theme] .arcade-op-card strong,
html[data-theme] .arcade-ops-boundary b {
  color: var(--contrast-text, var(--text-primary));
}

html[data-theme="light"] button.arcade-op-card span {
  color: color-mix(in srgb, var(--op-color, var(--accent)) 72%, #111827);
}


.map-account-gate {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-top: 10px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid var(--border-default);
  background: color-mix(in srgb, var(--bg-elevated-2) 88%, transparent);
}

.map-account-gate[hidden] {
  display: none !important;
}

.map-account-gate button {
  min-width: 0;
  min-height: 42px;
  padding: 0 10px;
  border-radius: 12px;
  border: 1px solid var(--border-default);
  background: var(--bg-elevated);
  color: var(--text-primary);
  font: 900 12px/1.1 var(--font-body);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: normal;
  word-break: keep-all;
}

.map-account-gate button.is-primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

html[data-theme] .map-account-gate {
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-image: none !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  border-color: var(--contrast-line, var(--border-default)) !important;
}

html[data-theme] .map-account-gate button {
  background: var(--contrast-surface, var(--bg-elevated)) !important;
  background-color: var(--contrast-surface, var(--bg-elevated)) !important;
  background-image: none !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  border-color: var(--contrast-line, var(--border-default)) !important;
}

html[data-theme] .map-account-gate button.is-primary {
  background: var(--contrast-action-bg, var(--accent)) !important;
  background-color: var(--contrast-action-bg, var(--accent)) !important;
  color: var(--contrast-action-text, #fff) !important;
  -webkit-text-fill-color: var(--contrast-action-text, #fff) !important;
  border-color: var(--contrast-action-bg, var(--accent)) !important;
}

.map-saas-overlay.is-compact.is-auth-needed .map-account-gate {
  grid-auto-flow: row;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 8px;
  padding: 8px;
}

.map-saas-overlay.is-compact.is-auth-needed .map-account-gate button {
  min-height: 42px;
  border-radius: 12px;
}

@media (max-width: 720px) {
  .arcade-ops-grid--lanes,
  .arcade-ops-boundary {
    grid-template-columns: 1fr;
  }

  button.arcade-op-card {
    min-height: 96px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    align-items: center;
  }

  button.arcade-op-card span,
  button.arcade-op-card b,
  button.arcade-op-card small {
    grid-column: 1;
  }

  button.arcade-op-card strong {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
  }
}

@media (max-width: 390px) {
  button.arcade-op-card {
    grid-template-columns: 1fr;
  }

  button.arcade-op-card strong {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }
}


html[data-theme] .map-field-status {
  background: var(--contrast-surface) !important;
  background-color: var(--contrast-surface) !important;
  background-image: none !important;
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
  border-color: color-mix(in srgb, var(--info) 34%, var(--contrast-line)) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.18) !important;
}

html[data-theme] .map-field-status__head span {
  color: var(--contrast-subtext) !important;
  -webkit-text-fill-color: var(--contrast-subtext) !important;
}

html[data-theme] .map-field-status__head b {
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
}

html[data-theme] .map-field-status__item {
  background: var(--contrast-surface-2) !important;
  background-color: var(--contrast-surface-2) !important;
  background-image: none !important;
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
  border-color: var(--contrast-line) !important;
}

html[data-theme] .map-field-status__item span,
html[data-theme] .map-field-status__item em {
  color: var(--contrast-subtext) !important;
  -webkit-text-fill-color: var(--contrast-subtext) !important;
}

html[data-theme] .map-field-status__item b {
  color: var(--contrast-text) !important;
  -webkit-text-fill-color: var(--contrast-text) !important;
}

html[data-theme] .map-field-status__item.is-ok {
  border-color: color-mix(in srgb, var(--success) 46%, var(--contrast-line)) !important;
}

html[data-theme] .map-field-status__item.is-ok span {
  color: var(--contrast-ok-text) !important;
  -webkit-text-fill-color: var(--contrast-ok-text) !important;
}

html[data-theme] .map-field-status__item.is-warn {
  border-color: color-mix(in srgb, var(--warning) 52%, var(--contrast-line)) !important;
  background: color-mix(in srgb, var(--warning) 11%, var(--contrast-surface-2)) !important;
  background-color: color-mix(in srgb, var(--warning) 11%, var(--contrast-surface-2)) !important;
}

html[data-theme] .map-field-status__item.is-warn span {
  color: var(--contrast-warn-text) !important;
  -webkit-text-fill-color: var(--contrast-warn-text) !important;
}

html[data-theme] .map-field-status__item.is-local span {
  color: var(--contrast-local-text) !important;
  -webkit-text-fill-color: var(--contrast-local-text) !important;
}

@media (max-width: 430px) {
  html[data-theme] .map-saas-overlay {
    right: 90px !important;
  }

  html[data-theme] .map-field-status__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  html[data-theme] .map-field-status__item {
    flex: 1 1 auto !important;
    min-height: 58px !important;
  }

  html[data-theme] .map-field-status__item span,
  html[data-theme] .map-field-status__item b,
  html[data-theme] .map-field-status__item em {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

#accountModal.show .account-modal {
  max-height: min(92vh, calc(100dvh - 18px));
}
#accountModal .account-modal .body {
  display: block !important;
  overflow-y: auto !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  background: var(--contrast-surface, var(--bg-elevated)) !important;
  background-color: var(--contrast-surface, var(--bg-elevated)) !important;
  background-image: none !important;
  padding: 12px 14px calc(108px + var(--safe-bottom)) !important;
}
#accountModal .account-modal .body > * {
  position: relative;
  z-index: 1;
  opacity: 1 !important;
  visibility: visible !important;
}
#accountModalStatus {
  display: grid !important;
  gap: 9px !important;
}
#accountModalStatus > * {
  min-width: 0 !important;
  min-height: 0 !important;
}
#accountModal .account-status,
#accountModal .account-next-panel,
#accountModal .account-ops-panel,
#accountModal .account-mode-panel,
#accountModal .account-boundary-panel,
#accountModal .sync-receipt-panel,
#accountModal .account-safety-strip,
#accountModal .account-intent,
#accountModal .account-auth-grid,
#accountModal .account-modal-actions,
#accountModal #accountModalList {
  margin: 0 0 9px !important;
}
#accountModal .account-next-panel {
  grid-template-rows: none !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 10px !important;
}
#accountModal .account-next-panel__actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}
#accountModal .account-next-panel__actions > .btn {
  min-height: 40px !important;
}
#accountModal .account-next-panel__quick,
#accountModal .account-next-panel__chips {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
#accountModal .account-next-panel__quick .btn,
#accountModal .account-next-panel__chips span {
  min-height: 34px !important;
}
#accountModal .account-ops-panel {
  gap: 8px !important;
  padding: 10px !important;
}
#accountModal .account-ops-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
#accountModal .account-ops-tile {
  padding: 8px !important;
}
#accountModal .account-ops-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
#accountModal .account-ops-action {
  min-height: 40px !important;
  flex: none !important;
}
#accountModal .account-mode-panel,
#accountModal .account-boundary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
#accountModal .account-boundary-cell,
#accountModal .account-mode-cell {
  min-height: 0 !important;
  padding: 9px !important;
}
#accountModal .account-safety-strip,
#accountModal .account-auth-grid {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}
#accountModal .account-create-box,
#accountModal .account-login-box {
  padding: 11px !important;
}
#accountModal .account-create-row,
#accountModal .account-login-row {
  gap: 8px !important;
}
@media (max-width: 430px) {
  #accountModal .account-modal .body {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #accountModal .account-mode-panel,
  #accountModal .account-boundary-grid,
  #accountModal .account-ops-actions {
    grid-template-columns: 1fr !important;
  }
  #accountModal .account-next-panel__quick,
  #accountModal .account-next-panel__chips {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

#accountModal .account-intent {
  display: grid !important;
  align-content: start !important;
  min-height: 0 !important;
  gap: 8px !important;
  padding: 12px !important;
}
#accountModal .account-intent__head {
  display: grid !important;
  gap: 6px !important;
  min-height: 0 !important;
}
#accountModal .account-intent__head > span,
#accountModal .account-intent__head b,
#accountModal .account-intent__head em,
#accountModal .account-intent__facts span,
#accountModal .account-intent__actions button,
#accountModal .account-next-panel__copy span {
  display: block !important;
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}
#accountModal .account-intent__head > span,
#accountModal .account-next-panel__copy span {
  color: var(--contrast-accent-text, #ff8aa7) !important;
  -webkit-text-fill-color: var(--contrast-accent-text, #ff8aa7) !important;
}
#accountModal .account-intent__head b {
  color: var(--contrast-text, #f8f8fa) !important;
  -webkit-text-fill-color: var(--contrast-text, #f8f8fa) !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
}
#accountModal .account-intent__head em {
  color: var(--contrast-subtext, #d0d5dd) !important;
  -webkit-text-fill-color: var(--contrast-subtext, #d0d5dd) !important;
  line-height: 1.42 !important;
}
#accountModal .account-intent__facts {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}
#accountModal .account-intent__facts span {
  border-radius: 12px !important;
  min-height: 46px !important;
  padding: 8px 12px !important;
  color: var(--contrast-text, #f8f8fa) !important;
  -webkit-text-fill-color: var(--contrast-text, #f8f8fa) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}
#accountModal .account-intent__facts b {
  display: block !important;
  margin: 0 0 4px !important;
  color: var(--contrast-accent-text, #ff8aa7) !important;
  -webkit-text-fill-color: var(--contrast-accent-text, #ff8aa7) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
}
#accountModal .account-intent__actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
}
#accountModal .account-intent__actions button {
  width: 100% !important;
  min-height: 40px !important;
}
#accountModal .account-create-readiness span.is-ok {
  background: #0f766e !important;
  border-color: rgba(255,255,255,0.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#accountModal .account-create-readiness span.is-warn {
  background: #92400e !important;
  border-color: rgba(255,255,255,0.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#accountModal .account-auth-feedback {
  display: grid !important;
  gap: 5px !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
}
#accountModal .account-auth-feedback[hidden] {
  display: none !important;
}
#accountModal .account-auth-feedback span {
  display: block !important;
  color: var(--contrast-accent-text, #ff8aa7) !important;
  -webkit-text-fill-color: var(--contrast-accent-text, #ff8aa7) !important;
  font: 900 9px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
}
#accountModal .account-auth-feedback b {
  display: block !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  font: 900 13px/1.35 var(--font-body) !important;
  overflow-wrap: anywhere !important;
}
#accountModal .account-auth-feedback.is-ok {
  background: color-mix(in srgb, #0f766e 18%, var(--contrast-surface, var(--bg-elevated))) !important;
  border-color: rgba(13,148,136,0.5) !important;
}
#accountModal .account-auth-feedback.is-ok span {
  color: #0f766e !important;
  -webkit-text-fill-color: #0f766e !important;
}
html[data-theme="dark"] #accountModal .account-auth-feedback.is-ok span {
  color: #b6f7e8 !important;
  -webkit-text-fill-color: #b6f7e8 !important;
}
#accountModal .account-auth-feedback.is-warn {
  background: color-mix(in srgb, #f59e0b 16%, var(--contrast-surface, var(--bg-elevated))) !important;
  border-color: rgba(180,83,9,0.52) !important;
}
#accountModal .account-auth-feedback.is-warn span {
  color: var(--v97-warn-text, #92400e) !important;
  -webkit-text-fill-color: var(--v97-warn-text, #92400e) !important;
}
#accountModal .account-auth-feedback.is-error {
  background: color-mix(in srgb, #dc2626 12%, var(--contrast-surface, var(--bg-elevated))) !important;
  border-color: rgba(220,38,38,0.5) !important;
}
#accountModal .account-auth-feedback.is-error span {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
}
html[data-theme="dark"] #accountModal .account-auth-feedback.is-error span {
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
}
#accountModal .account-auth-success {
  display: grid !important;
  gap: 9px !important;
  margin-top: 4px !important;
  padding: 10px !important;
  border-radius: 13px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface, var(--bg-elevated-2)) !important;
}
#accountModal .account-auth-success__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 7px !important;
}
#accountModal .account-auth-success__grid span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 8px !important;
  border-radius: 11px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated)) !important;
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--contrast-subtext, var(--text-secondary)) !important;
  font: 800 10px/1.25 var(--font-body) !important;
}
#accountModal .account-auth-success__grid b {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  font: 900 12px/1.2 var(--font-body) !important;
}
#accountModal .account-auth-success__actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 7px !important;
}
#accountModal .account-auth-success__actions button {
  min-width: 0 !important;
  min-height: 38px !important;
  border-radius: 11px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  font: 900 11px/1.1 var(--font-body) !important;
}
#accountModal .account-auth-success__actions button.is-primary {
  border-color: var(--contrast-action-bg, var(--accent)) !important;
  background: var(--contrast-action-bg, var(--accent)) !important;
  color: var(--contrast-action-text, #fff) !important;
  -webkit-text-fill-color: var(--contrast-action-text, #fff) !important;
}
@media (max-width:430px){
  #accountModal .account-auth-success__grid,
  #accountModal .account-auth-success__actions { grid-template-columns: 1fr !important; }
}
#accountModal :is(.account-create-row, .account-login-row) input[aria-invalid="true"] {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220,38,38,0.18) !important;
}


html[data-theme="dark"] .post-safety-checklist span.is-ok {
  background: #065f46 !important;
  background-color: #065f46 !important;
  color: #ecfdf5 !important;
  -webkit-text-fill-color: #ecfdf5 !important;
  border-color: rgba(94,234,212,0.58) !important;
}

html[data-theme="dark"] .post-safety-checklist span.is-warn {
  background: #92400e !important;
  background-color: #92400e !important;
  color: #fff7ed !important;
  -webkit-text-fill-color: #fff7ed !important;
  border-color: rgba(245,166,35,0.58) !important;
}

html[data-theme="light"] .post-safety-checklist span.is-ok {
  background: #d1fae5 !important;
  background-color: #d1fae5 !important;
  color: #064e3b !important;
  -webkit-text-fill-color: #064e3b !important;
  border-color: rgba(13,148,136,0.52) !important;
}

html[data-theme="light"] .post-safety-checklist span.is-warn {
  background: #fef3c7 !important;
  background-color: #fef3c7 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
  border-color: rgba(180,83,9,0.52) !important;
}


html[data-theme] .map-stage.is-nearby-route .map-saas-overlay {
  display: none !important;
}

html[data-theme] .map-stage.is-nearby-route .nearby-route-hud:not([hidden]) {
  display: grid !important;
  top: 10px !important;
  left: 10px !important;
  right: 104px !important;
  max-width: min(520px, calc(100% - 124px)) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  z-index: 540 !important;
}

html[data-theme] .map-stage.is-nearby-route .nearby-route-hud__copy b {
  max-width: 100% !important;
}

html[data-theme] .arcade-pin__inner:not(:empty) {
  min-width: 22px !important;
  min-height: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.78) !important;
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35) !important;
}

html[data-theme="dark"] .map-field-status__item.is-ok {
  background: #065f46 !important;
  background-color: #065f46 !important;
  color: #ecfdf5 !important;
  -webkit-text-fill-color: #ecfdf5 !important;
}

html[data-theme="dark"] .map-field-status__item.is-warn {
  background: #92400e !important;
  background-color: #92400e !important;
  color: #fff7ed !important;
  -webkit-text-fill-color: #fff7ed !important;
}

html[data-theme="light"] .map-field-status__item.is-ok {
  background: #d1fae5 !important;
  background-color: #d1fae5 !important;
  color: #064e3b !important;
  -webkit-text-fill-color: #064e3b !important;
}

html[data-theme="light"] .map-field-status__item.is-warn {
  background: #fef3c7 !important;
  background-color: #fef3c7 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
}

html[data-theme] .map-field-status__item.is-ok span,
html[data-theme] .map-field-status__item.is-ok b,
html[data-theme] .map-field-status__item.is-ok em,
html[data-theme] .map-field-status__item.is-warn span,
html[data-theme] .map-field-status__item.is-warn b,
html[data-theme] .map-field-status__item.is-warn em {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

@media (max-width: 520px) {
  html[data-theme] .map-stage.is-nearby-route .nearby-route-hud:not([hidden]) {
    top: 8px !important;
    left: 8px !important;
    right: 86px !important;
    max-width: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 7px !important;
  }

  html[data-theme] .map-stage.is-nearby-route .nearby-route-hud__copy b {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  html[data-theme] .map-stage.is-nearby-route .nearby-route-hud__actions button {
    min-height: 30px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
  }
}


.local-snapshot-vault {
  margin-top: 10px;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,0.055);
  color: var(--text);
}
.local-snapshot-vault__head {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.local-snapshot-vault__head span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--pink2);
}
.local-snapshot-vault__head b {
  font-size: 13px;
  line-height: 1.25;
  color: var(--text);
}
.local-snapshot-vault__head em {
  font-style: normal;
  font-size: 11px;
  line-height: 1.4;
  color: var(--muted);
}
.local-snapshot-vault__rows {
  display: grid;
  gap: 6px;
}
.local-snapshot-vault__row {
  width: 100%;
  display: grid;
  grid-template-columns: 68px minmax(0,1fr) auto;
  grid-template-areas:
    "reason time cta"
    "summary summary cta";
  gap: 2px 8px;
  align-items: center;
  min-height: 48px;
  padding: 8px 9px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 10px;
  background: rgba(0,0,0,0.14);
  color: inherit;
  text-align: left;
}
.local-snapshot-vault__row span {
  grid-area: reason;
  font-size: 10px;
  font-weight: 800;
  color: var(--cyan);
  white-space: nowrap;
}
.local-snapshot-vault__row b {
  grid-area: time;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: var(--text);
}
.local-snapshot-vault__row em {
  grid-area: summary;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  font-size: 11px;
  color: var(--muted);
}
.local-snapshot-vault__row strong {
  grid-area: cta;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--pink);
  color: #fff;
  font-size: 11px;
}
.local-snapshot-vault__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.local-snapshot-vault__actions button {
  min-height: 34px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  padding: 0 12px;
  background: rgba(255,255,255,0.08);
  color: var(--text);
  font-weight: 800;
  font-size: 12px;
}
html[data-theme="light"] .local-snapshot-vault {
  background: #f8fafc !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}
html[data-theme="light"] .local-snapshot-vault__head b,
html[data-theme="light"] .local-snapshot-vault__row b {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
html[data-theme="light"] .local-snapshot-vault__head em,
html[data-theme="light"] .local-snapshot-vault__row em {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
html[data-theme="light"] .local-snapshot-vault__row,
html[data-theme="light"] .local-snapshot-vault__actions button {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}


.community-cloud-status {
  display: grid;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,0.055);
  color: var(--text);
}
.community-cloud-status__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: start;
}
.community-cloud-status__head > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.community-cloud-status__head span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--cyan);
}
.community-cloud-status__head b {
  min-width: 0;
  font-size: 14px;
  line-height: 1.25;
  color: var(--text);
  overflow-wrap: anywhere;
}
.community-cloud-status__head em {
  font-style: normal;
  font-size: 11px;
  line-height: 1.45;
  color: var(--muted);
}
.community-cloud-status__head strong {
  display: inline-flex;
  min-width: 42px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.08);
  color: var(--text);
  font-size: 12px;
}
.community-cloud-status__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
}
.community-cloud-cell {
  min-width: 0;
  min-height: 62px;
  display: grid;
  align-content: start;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 10px;
  background: rgba(0,0,0,0.14);
  color: inherit;
  text-align: left;
}
.community-cloud-cell span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}
.community-cloud-cell b {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.community-cloud-cell em {
  min-width: 0;
  color: var(--muted);
  font-style: normal;
  font-size: 10px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.community-cloud-cell.is-ok { border-color: rgba(94,234,212,0.36); }
.community-cloud-cell.is-warn { border-color: rgba(245,166,35,0.42); }
.community-cloud-cell.is-local { border-color: rgba(148,163,184,0.30); }
.community-cloud-cell.is-ok span { color: var(--cyan); }
.community-cloud-cell.is-warn span { color: var(--yellow); }
.community-cloud-status__actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.community-cloud-status__actions button {
  min-width: 0;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 10px;
  background: rgba(255,255,255,0.08);
  color: var(--text);
  font-weight: 900;
  font-size: 12px;
}
.community-cloud-status__actions button.is-primary {
  background: var(--pink);
  border-color: var(--pink);
  color: #fff;
}
html[data-theme="light"] .community-cloud-status {
  background: #f8fafc !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}
html[data-theme="light"] .community-cloud-cell,
html[data-theme="light"] .community-cloud-status__head strong,
html[data-theme="light"] .community-cloud-status__actions button:not(.is-primary) {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}
html[data-theme="light"] .community-cloud-status__head b,
html[data-theme="light"] .community-cloud-status__head strong,
html[data-theme="light"] .community-cloud-cell b {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
html[data-theme="light"] .community-cloud-status__head em,
html[data-theme="light"] .community-cloud-cell span,
html[data-theme="light"] .community-cloud-cell em {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
html[data-theme="light"] .community-cloud-cell.is-ok span {
  color: #04786f !important;
  -webkit-text-fill-color: #04786f !important;
}
html[data-theme="light"] .community-cloud-cell.is-warn span {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}
html[data-theme] .community-cloud-status__actions button.is-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


.checkin-owner-guard {
  margin: 9px 0 10px;
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,0.055);
  color: var(--text);
}
.checkin-owner-guard__head {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.checkin-owner-guard__head span {
  width: fit-content;
  max-width: 100%;
  min-height: 21px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  color: var(--cyan);
  background: rgba(94,234,212,0.10);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}
.checkin-owner-guard.is-warn .checkin-owner-guard__head span {
  color: var(--yellow);
  background: rgba(245,166,35,0.12);
}
.checkin-owner-guard__head b {
  color: var(--text);
  font-size: 13px;
  line-height: 1.25;
}
.checkin-owner-guard__head em {
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
  line-height: 1.45;
}
.checkin-owner-guard__foot {
  display: grid;
  gap: 8px;
}
.checkin-owner-guard__foot small {
  min-width: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkin-owner-guard__foot > div {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.checkin-owner-guard__foot button {
  min-width: 0;
  min-height: 38px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 10px;
  background: rgba(255,255,255,0.08);
  color: var(--text);
  font-weight: 900;
  font-size: 12px;
}
.checkin-owner-guard__foot button.is-primary {
  background: var(--pink);
  border-color: var(--pink);
  color: #fff;
}
html[data-theme="light"] .checkin-owner-guard {
  background: #f8fafc !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}
html[data-theme="light"] .checkin-owner-guard__head b {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
html[data-theme="light"] .checkin-owner-guard__head em,
html[data-theme="light"] .checkin-owner-guard__foot small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
html[data-theme="light"] .checkin-owner-guard__foot button:not(.is-primary) {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}
html[data-theme] .checkin-owner-guard__foot button.is-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


.checkin-next-readiness {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,0.055);
  color: var(--text);
}
.checkin-next-readiness__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: start;
}
.checkin-next-readiness__head > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.checkin-next-readiness__head span {
  color: var(--cyan);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}
.checkin-next-readiness__head b {
  color: var(--text);
  font-size: 13px;
  line-height: 1.25;
}
.checkin-next-readiness__head em {
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
  line-height: 1.4;
}
.checkin-next-readiness__head strong {
  min-width: 38px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 10px;
  background: rgba(255,255,255,0.08);
  color: var(--text);
  font-size: 12px;
}
.checkin-next-readiness__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
}
.checkin-next-readiness__grid span {
  min-width: 0;
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 7px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 10px;
  background: rgba(0,0,0,0.14);
  color: var(--text);
}
.checkin-next-readiness__grid span b {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.1;
}
.checkin-next-readiness__grid span em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}
.checkin-next-readiness__grid span small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.2;
}
.checkin-next-readiness__grid span.is-ok { border-color: rgba(94,234,212,0.34); }
.checkin-next-readiness__grid span.is-warn { border-color: rgba(245,166,35,0.42); }
.checkin-next-readiness__grid span.is-local { border-color: rgba(148,163,184,0.28); }
html[data-theme="light"] .checkin-next-readiness {
  background: #f8fafc !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}
html[data-theme="light"] .checkin-next-readiness__head strong,
html[data-theme="light"] .checkin-next-readiness__grid span {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(15,23,42,0.16) !important;
}
html[data-theme="light"] .checkin-next-readiness__head b,
html[data-theme="light"] .checkin-next-readiness__head strong,
html[data-theme="light"] .checkin-next-readiness__grid span em {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
html[data-theme="light"] .checkin-next-readiness__head em,
html[data-theme="light"] .checkin-next-readiness__grid span b,
html[data-theme="light"] .checkin-next-readiness__grid span small {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}


html[data-theme="dark"] .post-safety-checklist span.is-ok {
  background: #065f46 !important;
  background-color: #065f46 !important;
  color: #ecfdf5 !important;
  -webkit-text-fill-color: #ecfdf5 !important;
  border-color: rgba(94,234,212,0.58) !important;
}
html[data-theme="dark"] .post-safety-checklist span.is-warn {
  background: #92400e !important;
  background-color: #92400e !important;
  color: #fff7ed !important;
  -webkit-text-fill-color: #fff7ed !important;
  border-color: rgba(245,166,35,0.58) !important;
}
html[data-theme="light"] .post-safety-checklist span.is-ok {
  background: #d1fae5 !important;
  background-color: #d1fae5 !important;
  color: #064e3b !important;
  -webkit-text-fill-color: #064e3b !important;
  border-color: rgba(13,148,136,0.52) !important;
}
html[data-theme="light"] .post-safety-checklist span.is-warn {
  background: #fef3c7 !important;
  background-color: #fef3c7 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
  border-color: rgba(180,83,9,0.52) !important;
}
html[data-theme="dark"] body #postModal .post-safety-checklist span.is-ok {
  background: #065f46 !important;
  background-color: #065f46 !important;
  color: #ecfdf5 !important;
  -webkit-text-fill-color: #ecfdf5 !important;
  border-color: rgba(94,234,212,0.58) !important;
}
html[data-theme="dark"] body #postModal .post-safety-checklist span.is-warn {
  background: #92400e !important;
  background-color: #92400e !important;
  color: #fff7ed !important;
  -webkit-text-fill-color: #fff7ed !important;
  border-color: rgba(245,166,35,0.58) !important;
}
html[data-theme="light"] body #postModal .post-safety-checklist span.is-ok {
  background: #d1fae5 !important;
  background-color: #d1fae5 !important;
  color: #064e3b !important;
  -webkit-text-fill-color: #064e3b !important;
  border-color: rgba(13,148,136,0.52) !important;
}
html[data-theme="light"] body #postModal .post-safety-checklist span.is-warn {
  background: #fef3c7 !important;
  background-color: #fef3c7 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
  border-color: rgba(180,83,9,0.52) !important;
}


html[data-theme] body #postModal .post-scope-summary {
  gap: 10px !important;
  margin: 0 0 10px !important;
  padding: 12px !important;
  border-radius: 12px !important;
  background: var(--contrast-surface, var(--bg-elevated)) !important;
  background-color: var(--contrast-surface, var(--bg-elevated)) !important;
  background-image: none !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  border-color: var(--contrast-line, var(--border-default)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.16) !important;
}
html[data-theme] body #postModal .post-scope-summary.is-daily {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--contrast-line, var(--border-default))) !important;
}
html[data-theme] body #postModal .post-scope-summary.is-cabinet {
  border-color: color-mix(in srgb, var(--success) 46%, var(--contrast-line, var(--border-default))) !important;
}
html[data-theme] body #postModal .post-scope-summary__main {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}
html[data-theme] body #postModal .post-scope-summary__main span {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #be123c !important;
  background-color: #be123c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #be123c !important;
  font: 900 9px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
}
html[data-theme] body #postModal .post-scope-summary.is-cabinet .post-scope-summary__main span {
  background: #047857 !important;
  background-color: #047857 !important;
  border-color: #047857 !important;
}
html[data-theme] body #postModal .post-scope-summary__main b {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  font: 900 13px/1.25 var(--font-body) !important;
  letter-spacing: 0 !important;
}
html[data-theme] body #postModal .post-scope-summary__main em {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--contrast-subtext, var(--text-secondary)) !important;
  font: 800 11px/1.45 var(--font-body) !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
html[data-theme] body #postModal .post-scope-summary__contract {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
html[data-theme] body #postModal .post-scope-summary__contract span {
  min-width: 0 !important;
  min-height: 48px !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  padding: 7px !important;
  border-radius: 10px !important;
  border: 1px solid var(--contrast-line, var(--border-subtle)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
}
html[data-theme] body #postModal .post-scope-summary__contract b,
html[data-theme] body #postModal .post-scope-summary__contract em,
html[data-theme] body #postModal .post-scope-summary__next b,
html[data-theme] body #postModal .post-scope-summary__next em {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html[data-theme] body #postModal .post-scope-summary__contract b {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: var(--contrast-subtext, var(--text-secondary)) !important;
  font: 900 9px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
}
html[data-theme] body #postModal .post-scope-summary__contract em {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
  font: 900 11px/1.2 var(--font-body) !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
html[data-theme] body #postModal .post-scope-summary__next {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 4px 8px !important;
  align-items: center !important;
  padding: 9px !important;
  border-radius: 10px !important;
  border: 1px solid var(--contrast-line, var(--border-subtle)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--contrast-text, var(--text-primary)) !important;
}
html[data-theme] body #postModal .post-scope-summary__next span {
  grid-row: 1 / span 2 !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid currentColor !important;
  background: rgba(255,255,255,0.10) !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 9px/1 var(--font-mono) !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
html[data-theme] body #postModal .post-scope-summary__next b {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 12px/1.25 var(--font-body) !important;
  letter-spacing: 0 !important;
}
html[data-theme] body #postModal .post-scope-summary__next em {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 10px/1.35 var(--font-body) !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  opacity: 0.88 !important;
}
html[data-theme="dark"] body #postModal .post-scope-summary__contract span.is-ok,
html[data-theme="dark"] body #postModal .post-scope-summary__next.is-ok {
  background: #065f46 !important;
  background-color: #065f46 !important;
  color: #ecfdf5 !important;
  -webkit-text-fill-color: #ecfdf5 !important;
  border-color: rgba(94,234,212,0.58) !important;
}
html[data-theme="dark"] body #postModal .post-scope-summary__contract span.is-warn,
html[data-theme="dark"] body #postModal .post-scope-summary__next.is-warn {
  background: #92400e !important;
  background-color: #92400e !important;
  color: #fff7ed !important;
  -webkit-text-fill-color: #fff7ed !important;
  border-color: rgba(245,166,35,0.58) !important;
}
html[data-theme="dark"] body #postModal .post-scope-summary__contract span.is-public {
  background: #9f1239 !important;
  background-color: #9f1239 !important;
  color: #fff1f2 !important;
  -webkit-text-fill-color: #fff1f2 !important;
  border-color: rgba(251,113,133,0.58) !important;
}
html[data-theme="dark"] body #postModal .post-scope-summary__contract span.is-db {
  background: #065f46 !important;
  background-color: #065f46 !important;
  color: #ecfdf5 !important;
  -webkit-text-fill-color: #ecfdf5 !important;
  border-color: rgba(94,234,212,0.58) !important;
}
html[data-theme="dark"] body #postModal .post-scope-summary__contract span.is-local,
html[data-theme="dark"] body #postModal .post-scope-summary__next.is-local {
  background: #334155 !important;
  background-color: #334155 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-color: rgba(203,213,225,0.42) !important;
}
html[data-theme="dark"] body #postModal .post-scope-summary__contract span.is-busy,
html[data-theme="dark"] body #postModal .post-scope-summary__next.is-busy {
  background: #0e7490 !important;
  background-color: #0e7490 !important;
  color: #ecfeff !important;
  -webkit-text-fill-color: #ecfeff !important;
  border-color: rgba(103,232,249,0.54) !important;
}
html[data-theme="light"] body #postModal .post-scope-summary__contract span.is-ok,
html[data-theme="light"] body #postModal .post-scope-summary__next.is-ok,
html[data-theme="light"] body #postModal .post-scope-summary__contract span.is-db {
  background: #d1fae5 !important;
  background-color: #d1fae5 !important;
  color: #064e3b !important;
  -webkit-text-fill-color: #064e3b !important;
  border-color: rgba(13,148,136,0.52) !important;
}
html[data-theme="light"] body #postModal .post-scope-summary__contract span.is-warn,
html[data-theme="light"] body #postModal .post-scope-summary__next.is-warn {
  background: #fef3c7 !important;
  background-color: #fef3c7 !important;
  color: #78350f !important;
  -webkit-text-fill-color: #78350f !important;
  border-color: rgba(180,83,9,0.52) !important;
}
html[data-theme="light"] body #postModal .post-scope-summary__contract span.is-public {
  background: #ffe4e6 !important;
  background-color: #ffe4e6 !important;
  color: #9f1239 !important;
  -webkit-text-fill-color: #9f1239 !important;
  border-color: rgba(190,18,60,0.42) !important;
}
html[data-theme="light"] body #postModal .post-scope-summary__contract span.is-local,
html[data-theme="light"] body #postModal .post-scope-summary__next.is-local {
  background: #e2e8f0 !important;
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(71,85,105,0.34) !important;
}
html[data-theme="light"] body #postModal .post-scope-summary__contract span.is-busy,
html[data-theme="light"] body #postModal .post-scope-summary__next.is-busy {
  background: #cffafe !important;
  background-color: #cffafe !important;
  color: #155e75 !important;
  -webkit-text-fill-color: #155e75 !important;
  border-color: rgba(14,116,144,0.44) !important;
}
html[data-theme] body #postModal .post-scope-summary__contract span[class*="is-"] b,
html[data-theme] body #postModal .post-scope-summary__contract span[class*="is-"] em {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}


html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] main,
html[data-theme="light"] .page {
  background: #f4f6fa !important;
  background-color: #f4f6fa !important;
  color: #14171f !important;
  -webkit-text-fill-color: #14171f !important;
}
html[data-theme="light"] body {
  background-image: linear-gradient(180deg, #ffffff 0%, #f4f6fa 58%, #eef2f7 100%) !important;
}
html[data-theme="light"] :is(.appbar,.bottom-nav.v2-nav-5,.modal,.modal header,.modal footer,.bottomsheet,.more-card,.more-section,.feed-command-panel,.quick-compose-card,.profile-ops-dashboard,.map-startup-panel) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #14171f !important;
  -webkit-text-fill-color: #14171f !important;
  border-color: rgba(20,23,31,0.14) !important;
}
html[data-theme="light"] :is(.muted,.field label,.app-title small,.sec-h .ct,.more-section__head span,.more-card .muted,.quick-compose-card__body,.profile-ops-score em) {
  color: #465266 !important;
  -webkit-text-fill-color: #465266 !important;
}
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .page {
  background: #090a0d !important;
  background-color: #090a0d !important;
  color: #f8f8fa !important;
  -webkit-text-fill-color: #f8f8fa !important;
}
html[data-theme="dark"] body {
  background-image: linear-gradient(180deg, #101116 0%, #090a0d 52%, #0d0f12 100%) !important;
}
@media (max-width: 380px) {
  html[data-theme] body #postModal .post-scope-summary__contract {
    gap: 6px !important;
  }
  html[data-theme] body #postModal .post-scope-summary__contract span {
    min-height: 44px !important;
    padding: 6px !important;
  }
  html[data-theme] body #postModal .post-scope-summary__next {
    grid-template-columns: 1fr !important;
  }
  html[data-theme] body #postModal .post-scope-summary__next span {
    grid-row: auto !important;
    width: fit-content !important;
  }
}
html[data-theme] .map-cockpit__status.is-syncing {
  color: #eff6ff !important;
  -webkit-text-fill-color: #eff6ff !important;
  background: #2563eb !important;
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}
html[data-theme] .account-status.is-connecting .account-status__icon {
  background: #2563eb !important;
  color: #eff6ff !important;
  -webkit-text-fill-color: #eff6ff !important;
}

html[data-theme] .map-cockpit__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}
html[data-theme] .map-cockpit__actions button {
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  white-space: normal !important;
  line-height: 1.15 !important;
}
@media (max-width: 360px) {
  html[data-theme] .map-cockpit__actions {
    gap: 6px !important;
  }
  html[data-theme] .map-cockpit__actions button {
    min-height: 42px !important;
    padding: 7px 8px !important;
    font-size: 11px !important;
  }
}


html[data-theme] .notice-modal {
  max-width: min(460px, calc(100vw - 28px)) !important;
}
html[data-theme] .notice-panel {
  display: grid !important;
  gap: 10px !important;
  padding: 13px !important;
  border-radius: 16px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme] .notice-panel.is-warn,
html[data-theme] .notice-panel.is-error {
  border-color: color-mix(in srgb, var(--warning) 48%, var(--contrast-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--warning) 10%, var(--contrast-surface-2, var(--bg-elevated-2))) !important;
  background-color: color-mix(in srgb, var(--warning) 10%, var(--contrast-surface-2, var(--bg-elevated-2))) !important;
}
html[data-theme] .notice-panel.is-ok {
  border-color: color-mix(in srgb, var(--success) 44%, var(--contrast-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--success) 9%, var(--contrast-surface-2, var(--bg-elevated-2))) !important;
  background-color: color-mix(in srgb, var(--success) 9%, var(--contrast-surface-2, var(--bg-elevated-2))) !important;
}
html[data-theme] .notice-panel__head {
  display: grid !important;
  gap: 5px !important;
}
html[data-theme] .notice-panel__head span {
  color: var(--contrast-accent-text, var(--accent)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 10px/1 var(--font-mono, monospace) !important;
  letter-spacing: .06em !important;
}
html[data-theme] .notice-panel.is-warn .notice-panel__head span,
html[data-theme] .notice-panel.is-error .notice-panel__head span {
  color: var(--contrast-warn-text, var(--warning)) !important;
}
html[data-theme] .notice-panel.is-ok .notice-panel__head span {
  color: var(--contrast-ok-text, var(--success)) !important;
}
html[data-theme] .notice-panel__head b {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 16px/1.25 var(--font-display, system-ui) !important;
  overflow-wrap: anywhere !important;
}
html[data-theme] .notice-panel__head em {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 13px/1.5 var(--font-body, system-ui) !important;
  font-style: normal !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}
html[data-theme] .notice-modal footer {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}
html[data-theme] .notice-modal footer.has-confirm {
  grid-template-columns: 1fr 1fr !important;
}
html[data-theme] .notice-modal footer button {
  min-height: 48px !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
}
html[data-theme] .notice-modal footer button.is-danger {
  background: var(--danger, #dc2626) !important;
  background-color: var(--danger, #dc2626) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: var(--danger, #dc2626) !important;
}
@media (max-width: 520px) {
  html[data-theme] .notice-modal {
    align-self: flex-end !important;
    max-width: 100% !important;
  }
}


html[data-theme] .app-update-banner {
  position: fixed !important;
  left: max(14px, env(safe-area-inset-left, 0px)) !important;
  right: max(14px, env(safe-area-inset-right, 0px)) !important;
  bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 760 !important;
  display: none !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 10px !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--contrast-line, var(--border-default))) !important;
  background: color-mix(in srgb, var(--contrast-surface, var(--bg-elevated)) 94%, var(--accent) 6%) !important;
  background-color: color-mix(in srgb, var(--contrast-surface, var(--bg-elevated)) 94%, var(--accent) 6%) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.28) !important;
}
html[data-theme] .app-update-banner.show {
  display: grid !important;
}
html[data-theme] .app-update-banner__copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
html[data-theme] .app-update-banner__copy span {
  color: var(--contrast-accent-text, var(--accent)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 9px/1 var(--font-mono, monospace) !important;
  letter-spacing: .08em !important;
}
html[data-theme] .app-update-banner__copy b {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 13px/1.2 var(--font-display, system-ui) !important;
  overflow-wrap: anywhere !important;
}
html[data-theme] .app-update-banner__copy em {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 11px/1.35 var(--font-body, system-ui) !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}
html[data-theme] .app-update-banner__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(54px, auto)) !important;
  gap: 7px !important;
}
html[data-theme] .app-update-banner__actions button {
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 11px/1 var(--font-body, system-ui) !important;
}
html[data-theme] .app-update-banner__actions button.is-primary {
  border-color: var(--contrast-action-bg, var(--accent)) !important;
  background: var(--contrast-action-bg, var(--accent)) !important;
  background-color: var(--contrast-action-bg, var(--accent)) !important;
  color: var(--contrast-action-text, #fff) !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 430px) {
  html[data-theme] .app-update-banner {
    grid-template-columns: minmax(0, 1fr) !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html[data-theme] .app-update-banner__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.field-health-panel {
  --field-health-color: var(--contrast-accent-text, var(--accent));
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 15px !important;
  border: 1px solid color-mix(in srgb, var(--field-health-color) 38%, var(--contrast-line, var(--border-default))) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-color: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  background-image: none !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}
.field-health-panel.is-ok { --field-health-color: var(--contrast-ok-text, var(--success)); }
.field-health-panel.is-warn { --field-health-color: var(--contrast-warn-text, var(--warning)); }
.field-health-panel__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}
.field-health-panel__head > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}
.field-health-panel__head span {
  color: var(--field-health-color) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 10px/1 var(--font-mono, monospace) !important;
  letter-spacing: .08em !important;
}
.field-health-panel__head b {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 17px/1.16 var(--font-display, system-ui) !important;
  overflow-wrap: anywhere !important;
}
.field-health-panel__head em {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 11px/1.45 var(--font-body, system-ui) !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}
.field-health-panel__head strong {
  min-width: 76px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--field-health-color) 44%, var(--contrast-line, var(--border-default))) !important;
  background: var(--contrast-surface, var(--bg-elevated)) !important;
  background-color: var(--contrast-surface, var(--bg-elevated)) !important;
  color: var(--field-health-color) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 11px/1 var(--font-mono, monospace) !important;
  white-space: nowrap !important;
}
.field-health-panel__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
.field-health-cell {
  --field-cell-color: var(--contrast-subtext, var(--text-tertiary));
  min-width: 0 !important;
  min-height: 72px !important;
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  padding: 9px !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--field-cell-color) 36%, var(--contrast-line, var(--border-default))) !important;
  background: var(--contrast-surface, var(--bg-elevated)) !important;
  background-color: var(--contrast-surface, var(--bg-elevated)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  text-align: left !important;
}
.field-health-cell.is-ok { --field-cell-color: var(--contrast-ok-text, var(--success)); }
.field-health-cell.is-warn { --field-cell-color: var(--contrast-warn-text, var(--warning)); }
.field-health-cell.is-local { --field-cell-color: var(--contrast-subtext, var(--text-tertiary)); }
.field-health-cell span {
  color: var(--field-cell-color) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 10px/1 var(--font-mono, monospace) !important;
}
.field-health-cell b {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 13px/1.15 var(--font-display, system-ui) !important;
  overflow-wrap: anywhere !important;
}
.field-health-cell em {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 10px/1.35 var(--font-body, system-ui) !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}
.field-health-panel__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.field-health-panel__actions button {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface, var(--bg-elevated)) !important;
  background-color: var(--contrast-surface, var(--bg-elevated)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 12px/1 var(--font-body, system-ui) !important;
}
.field-health-panel__actions button.is-primary {
  border-color: var(--field-health-color) !important;
  background: var(--field-health-color) !important;
  background-color: var(--field-health-color) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
@media (min-width: 720px) {
  .field-health-panel__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 390px) {
  .field-health-panel__head {
    grid-template-columns: 1fr !important;
  }
  .field-health-panel__head strong {
    width: 100% !important;
  }
}


@media (max-width: 520px) {
  html[data-theme] .map-controls {
    right: 8px !important;
    top: 8px !important;
    width: 56px !important;
    max-width: 56px !important;
    gap: 7px !important;
  }

  html[data-theme] .map-controls button {
    width: 56px !important;
    min-width: 56px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 15px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  html[data-theme] .map-controls button::before {
    display: block;
    font: 900 18px/1 var(--font-body);
    color: var(--contrast-text, var(--text-primary));
    -webkit-text-fill-color: var(--contrast-text, var(--text-primary));
  }

  html[data-theme] .map-controls button:nth-child(1)::before { content: "店"; }
  html[data-theme] .map-controls button:nth-child(2)::before { content: "近"; font-size: 16px; }
  html[data-theme] .map-controls button:nth-child(3)::before { content: "今"; }
  html[data-theme] .map-controls button:nth-child(4)::before { content: "全"; }
  html[data-theme] .map-controls button:nth-child(5)::before { content: "濃"; font-size: 16px; }

  html[data-theme] .map-saas-overlay {
    left: 8px !important;
    right: 72px !important;
  }

  html[data-theme] .map-saas-overlay.is-compact {
    max-width: min(232px, calc(100vw - 92px)) !important;
  }

  html[data-theme] .map-saas-overlay.is-compact .map-cockpit {
    padding: 8px !important;
    border-radius: 14px !important;
  }

  html[data-theme] .map-saas-overlay.is-compact .map-cockpit__top {
    align-items: center !important;
    gap: 7px !important;
  }

  html[data-theme] .map-saas-overlay.is-compact .map-headline {
    font-size: 15px !important;
    line-height: 1.12 !important;
  }

  html[data-theme] .map-saas-overlay.is-compact .map-cockpit__tools {
    gap: 4px !important;
  }

  html[data-theme] .map-saas-overlay.is-compact .map-cockpit__status,
  html[data-theme] .map-saas-overlay.is-compact .map-cockpit__collapse {
    min-height: 27px !important;
    padding: 0 6px !important;
    font-size: 9px !important;
  }

  html[data-theme] .map-saas-overlay.is-compact.is-auth-needed .map-account-gate {
    gap: 6px !important;
    margin-top: 6px !important;
  }

  html[data-theme] .map-saas-overlay.is-compact.is-auth-needed .map-account-gate button {
    min-height: 42px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }

  html[data-theme] .bottomsheet--peek {
    height: 104px !important;
  }

  html[data-theme] .bottomsheet--peek .bottomsheet__chips,
  html[data-theme] .bottomsheet--peek .bottomsheet__body {
    display: none !important;
  }
}
/* v332 social card actions: author passport, quote/share, and local save. */
html[data-theme] body .feed-card__author {
  min-width: 0 !important;
  min-height: 44px !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  text-align: left !important;
}

html[data-theme] body .feed-card__author .avatar {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid var(--contrast-line, var(--border-subtle)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated-2)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 16px/1 var(--font-display) !important;
}

html[data-theme] body .feed-card__author .meta {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html[data-theme] body .feed-card__author .name,
html[data-theme] body .feed-card__author .place {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

html[data-theme] body .feed-card__author .name {
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 900 13px/1.18 var(--font-display) !important;
}

html[data-theme] body .feed-card__author .place {
  color: var(--contrast-subtext, var(--text-secondary)) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 800 11px/1.2 var(--font-body) !important;
}

html[data-theme] body .feed-card .feed-card__metrics {
  align-items: stretch !important;
}

html[data-theme] body .feed-action--quote,
html[data-theme] body .feed-action--share,
html[data-theme] body .feed-action--follow,
html[data-theme] body .feed-action--save {
  min-height: 34px !important;
  border-color: var(--contrast-line, var(--border-default)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] body .feed-action--save.is-active {
  border-color: color-mix(in srgb, var(--success) 58%, var(--contrast-line, var(--border-default))) !important;
  background: var(--success) !important;
  background-color: var(--success) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] body .feed-action--follow.is-active {
  border-color: color-mix(in srgb, var(--info) 62%, var(--contrast-line, var(--border-default))) !important;
  background: var(--info) !important;
  background-color: var(--info) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] body .feed-action--quote {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--contrast-line, var(--border-default))) !important;
}

html[data-theme] body .feed-action--share {
  border-color: color-mix(in srgb, var(--info) 42%, var(--contrast-line, var(--border-default))) !important;
}

@media (max-width: 430px) {
  html[data-theme] body .feed-card .feed-card__metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html[data-theme] body .feed-card .feed-card__metrics .feed-action {
    min-width: 0 !important;
    min-height: 40px !important;
    justify-content: center !important;
    padding: 0 7px !important;
    font-size: 11px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* v388: keep the six primary social actions thumb-reachable on one row. */
@media (max-width: 430px) {
  html[data-theme] body .feed-card--cloud .feed-card__metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  html[data-theme] body .feed-card--cloud .feed-card__metrics .feed-action {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding-inline: 2px !important;
    font-size: 10px !important;
  }
}
/* v335: compact multi-photo rails for feed, thread, and store posts. */
html[data-theme] body .cloud-photo-grid {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 8px 0 0 !important;
}

html[data-theme] body .cloud-photo-grid.is-count-1 {
  grid-template-columns: minmax(0, 1fr) !important;
}

html[data-theme] body .cloud-photo-grid.is-count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html[data-theme] body .cloud-photo-grid.is-count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html[data-theme] body .cloud-photo-grid__item {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid var(--contrast-line, var(--border-default)) !important;
  background: var(--contrast-surface-2, var(--bg-elevated)) !important;
  color: var(--contrast-text, var(--text-primary)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme] body .cloud-photo-grid__item img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html[data-theme] body .cloud-photo-grid__item span,
html[data-theme] body .feed-photo-count {
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  min-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: rgba(0,0,0,.66) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 10px/1 var(--font-body) !important;
  letter-spacing: 0 !important;
  pointer-events: none !important;
}

html[data-theme] body .feed-photo-count {
  top: 8px !important;
  bottom: auto !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}

html[data-theme] body .thread-post-card__photo-grid,
html[data-theme] body .community-post-card__photo-grid {
  margin: 0 0 10px !important;
}

html[data-theme] body .thread-post-card__photo-grid.cloud-photo-grid.is-count-1,
html[data-theme] body .community-post-card__photo-grid.cloud-photo-grid.is-count-1 {
  grid-template-columns: minmax(0, 1fr) !important;
}

html[data-theme] body .thread-post-card__photo-grid.cloud-photo-grid.is-count-1 .cloud-photo-grid__item,
html[data-theme] body .community-post-card__photo-grid.cloud-photo-grid.is-count-1 .cloud-photo-grid__item {
  aspect-ratio: 16 / 10 !important;
}

@media (max-width: 520px) {
  html[data-theme] body .cloud-photo-grid {
    gap: 5px !important;
  }

  html[data-theme] body .cloud-photo-grid__item {
    border-radius: 8px !important;
  }
}

/* Keep fixed controls above Android browser chrome. */
@media (max-width: 720px) {
  html[data-theme] .bottom-nav.v2-nav-5 {
    bottom: calc(10px + env(safe-area-inset-bottom, 0px) + var(--browser-ui-bottom, 0px)) !important;
  }
  html[data-theme] .field-mini-dock {
    bottom: calc(82px + env(safe-area-inset-bottom, 0px) + var(--browser-ui-bottom, 0px)) !important;
  }
  html[data-theme] .field-action-dock,
  html[data-theme] .outbox-dock {
    bottom: calc(86px + env(safe-area-inset-bottom, 0px) + var(--browser-ui-bottom, 0px)) !important;
  }
}
/* v393 account entry selection must survive global themed button overrides. */
html[data-theme] body #accountModal .account-auth-tabs button {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme] body #accountModal .account-auth-tabs button[aria-selected="true"] {
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}