:root{
  color-scheme:light;
  --bg:#FAFCF7;
  --panel:#FFFFFF;
  --line:#DDE8DA;
  --green:#2FA84F;
  --green-light:#7EDC88;
  --green-soft:#EFF8EC;
  --white:#10253B;
  --text:#10253B;
  --muted:#697684;
}
html{background:#FAFCF7;max-width:100%;overflow-x:clip}
body{background:linear-gradient(180deg,#EFF8EC 0,#FAFCF7 390px);color:#10253B;max-width:100%;overflow-x:clip}
button{background:#2FA84F;color:#FFFFFF;box-shadow:none}
button:hover{filter:brightness(.97)}
button:disabled{opacity:.58;cursor:wait}
.ghost,.header-tool,.location-button{background:#EFF8EC;color:#2FA84F;border-color:#DDE8DA}
.brand-logo{filter:none}
.searchbox{background:#FFFFFF;border-color:#DDE8DA;box-shadow:0 10px 30px rgba(16,37,59,.06)}
input,textarea,select{background:#FFFFFF;color:#10253B;border-color:#DDE8DA}
input::placeholder,textarea::placeholder{color:#697684;opacity:.82}
label,.section-title span,.card p,.service-form-head p,.service-location small{color:#697684}
.actions button{background:#FFFFFF;color:#10253B;border-color:#DDE8DA;box-shadow:0 8px 24px rgba(16,37,59,.05)}
.actions button:hover{background:#EFF8EC}
.actions span,.eyebrow,.section-title button,.price,.card .tag{color:#2FA84F!important}
.chips{scrollbar-color:#7EDC88 #EFF8EC}
.chip{background:#FFFFFF;color:#10253B;border-color:#DDE8DA}
.chip.active{background:#2FA84F;color:#FFFFFF;border-color:#2FA84F}
.cards .card,.card,.my-service,.activity-item,.category-tree,.filters,.decisions-panel{
  background:#FFFFFF;
  color:#10253B;
  border-color:#DDE8DA;
  box-shadow:0 8px 26px rgba(16,37,59,.055);
}
.empty{color:#697684;border-color:#DDE8DA;background:#FAFCF7}
.card-actions button,.vote-actions button,.contact,.active-filters button,.location-button{
  background:#EFF8EC;
  color:#2FA84F;
  border-color:#DDE8DA;
}
.vote-actions .no,.danger,.account-actions .danger{background:#FFFFFF!important;color:#10253B!important;border-color:#697684!important}
.vote-score,.growth-track{background:#EFF8EC}
.vote-score span,.growth-track span{background:#2FA84F;box-shadow:none}
.filters,.category-tree{background:#FFFFFF}
.tree-node{background:#FAFCF7}
.tree-row:hover,.tree-row.active{background:#EFF8EC}
.decision-list .empty,.decisions-panel .decision-list .empty{background:#EFF8EC}
.search-suggestions{background:#FFFFFF;border-color:#DDE8DA;box-shadow:0 18px 44px rgba(16,37,59,.14)}
.search-suggestions button{color:#10253B}
.search-suggestions button:hover{background:#EFF8EC}
.mode-tag{background:#EFF8EC;color:#2FA84F}
.location-button.active{background:#EFF8EC;box-shadow:0 0 0 2px #7EDC88}
dialog{background:#FFFFFF;color:#10253B;border-color:#DDE8DA;box-shadow:0 25px 80px rgba(16,37,59,.18)}
dialog::backdrop,.legal-dialog::backdrop{background:rgba(16,37,59,.32);backdrop-filter:blur(5px)}
.close{color:#10253B}
.service-dialog fieldset{border-color:#DDE8DA}
.price-request,.language-picks label,.photo-picker,.legal-check{background:#EFF8EC;color:#10253B;border-color:#DDE8DA}
.photo-picker{border-color:#7EDC88}
.legal-links a,.profile-links a{color:#2FA84F}
#toast{background:#10253B;color:#FFFFFF;border-color:#7EDC88;box-shadow:0 10px 30px rgba(16,37,59,.2)}
.mobile-nav{background:rgba(255,255,255,.97);border-color:#DDE8DA;box-shadow:0 -12px 38px rgba(16,37,59,.12)}
.mobile-nav button{color:#697684}
.mobile-nav button.active{color:#2FA84F;text-shadow:none}
.mobile-nav .mobile-add{color:#2FA84F}
.mobile-nav .add-orb,.mobile-nav .mobile-add.active .add-orb{background:#2FA84F;border-color:#7EDC88;box-shadow:0 0 0 5px #FFFFFF,0 8px 22px rgba(47,168,79,.24)}
.mobile-nav .add-orb svg{stroke:#FFFFFF}

@media(max-width:700px){
  .header-actions{min-width:0;flex:1 1 auto}
  .header-actions .header-tool{flex:0 0 auto}
  #loginButton{min-width:0;flex:1 1 auto}
}

/* Fliks Chat: same palette, with nickname colors intentionally kept user-selectable. */
.chat2010{border-color:#DDE8DA;background:#FFFFFF;color:#10253B}
.chat2010::backdrop{background:rgba(16,37,59,.3)}
.chat-app{background:#FAFCF7;color:#10253B}
.chat-top{background:#FFFFFF;border-color:#DDE8DA}
.room-picker .hash,.room-avatar{background:#2FA84F;color:#FFFFFF}
.room-picker select{background:transparent;color:#10253B}
.online-count{color:#2FA84F;border-color:#DDE8DA}
.chat-top-actions button,.chat-top-actions #createRoomButton,.room-side-actions button{
  background:#EFF8EC;
  color:#10253B;
  border-color:#DDE8DA;
}
.chat-top .chat-exit{position:static;padding:9px 13px;border-radius:10px;background:#10253B;color:#FFFFFF;font-size:13px}
.user-search{background:#FAFCF7;border-color:#DDE8DA;color:#697684}
.user-search input{background:transparent}
.chat-workspace{background:#FAFCF7}
.chat-date{background:#EFF8EC;color:#697684;border-color:#DDE8DA}
.chat-messages{background:#FFFFFF;border-color:#DDE8DA;scrollbar-color:#7EDC88 #EFF8EC}
.chat-line:hover{background:#EFF8EC}
.chat-time{color:#697684}
.chat-text,.chat-text strong{color:#10253B}
.chat-role{color:#2FA84F}
.chat-actions button{color:#697684}
.reaction{background:#EFF8EC;color:#10253B;border-color:#DDE8DA}
.reply-bar{background:#EFF8EC;color:#697684;border-left-color:#2FA84F}
.reply-bar button{color:#10253B}
.chat-composer{background:#FFFFFF;border-color:#DDE8DA;box-shadow:0 6px 20px rgba(16,37,59,.07)}
.chat-composer textarea{background:transparent;color:#10253B}
.format-tools{border-color:#DDE8DA}
.format-tools>button{background:transparent;color:#10253B}
.quick-emoji{z-index:40;background:#FFFFFF;border-color:#DDE8DA;box-shadow:0 12px 30px rgba(16,37,59,.16)}
.quick-emoji button{background:#EFF8EC;color:#10253B}
.color-palette button.active{border-color:#10253B;box-shadow:0 0 0 1px #FFFFFF,0 0 0 2px #10253B}
.send-message{background:#2FA84F;color:#FFFFFF;min-width:112px}
.chat-sidebar{background:#FFFFFF;border-color:#DDE8DA}
.room-card,.side-tabs{border-color:#DDE8DA}
.room-card span,.room-card p{color:#697684}
.side-tabs button{background:transparent;color:#697684;border-color:transparent}
.side-tabs button.active{color:#10253B;border-bottom-color:#2FA84F}
.side-panel>input{background:#FAFCF7;border-color:#DDE8DA}
.participant:hover{background:#EFF8EC}
.participant-avatar{background:#EFF8EC}
.participant small{color:#2FA84F}
.participant small.offline{color:#697684}
.candidate,.side-panel .activity-item{background:#FAFCF7;border-color:#DDE8DA}
.side-panel #reloadActivity{color:#2FA84F}
.user-results{background:#FFFFFF;border-color:#DDE8DA;box-shadow:0 12px 32px rgba(16,37,59,.14)}

@media(max-width:900px){
  .chat-top-actions button{font-size:0}
  .chat-top .chat-exit{display:inline-flex;align-items:center;font-size:12px;padding:7px 9px}
  .chat-sidebar.mobile-open{box-shadow:0 0 0 100vmax rgba(16,37,59,.24)}
  .format-tools{overflow:visible;flex-wrap:nowrap}
  .quick-emoji{position:absolute;left:0;bottom:calc(100% + 8px)}
  .send-message{min-width:94px;padding:9px 10px;font-size:12px}
  .send-message::first-letter{font-size:inherit}
}

@media(max-width:420px){
  .chat-top .chat-exit{font-size:11px;padding:7px}
  .send-message{min-width:88px}
}