/* SnusWithMe rebrand — Midnight Blue */
:root{
  --bg:#06080d;
  --surface:#0e121b;
  --surface-2:#151b27;
  --line:#273142;
  --text:#f2f4f8;
  --muted:#a1adbe;
  --green:#647bb2;
  --green-bright:#8da6d8;
  --cream:#f2f4f8;
}
body{background:radial-gradient(circle at 50% 0,#121b2b 0,#090d15 43%,#06080d 100%)}
.app{border-color:#273142;box-shadow:0 30px 90px #000d}
.topbar,.tabbar{background-color:#080b12ee}
.brand{gap:9px;font-family:Manrope,system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1.35px}
.brand-mark{width:27px;height:27px;display:block;flex:none}
.brand-name{white-space:nowrap}
.eyebrow,.section-label span,.post-number,.profile-section-title button,.auth-message.success{color:var(--green-bright)}
.primary-button{background:var(--cream);color:#101722}.primary-button span{color:#647bb2}
.dose-button{background:#151b27;border-color:#8da6d8;box-shadow:0 0 0 1px #8da6d899}.dose-button img{width:34px;height:34px}
.lock-dose{background:#647bb2}.you-card{border-color:#566f9e;background:#111a2b}.mini-plus{background:#647bb2}
.order-option.selected{border-color:#647bb2;background:#111a2b}
.feed-lock{background:#0d1420f2;border-color:#435779}
.avatar-you{background:linear-gradient(135deg,#40557e,#a9bfec);color:#07101f}.avatar{border-color:#44516a}
.profile-banner-empty{color:#8da6d8}
.brand-o,.brand-pouch{display:none!important}
.launch-brand{display:flex;align-items:center;gap:11px;letter-spacing:-1.75px!important;font-size:27px!important}
.launch-brand:before{content:"";width:35px;height:35px;display:inline-block;background:url("icons/snuswithme-mark.svg") center/contain no-repeat;flex:none}
.launch-o{display:none!important}
.launch-tip{background:#111827e8!important;border-color:#303e55!important;color:#b7c3d6!important}
.launch-tip-dot{background:#8da6d8!important}
.auth-gate{background:radial-gradient(circle at 50% 5%,#18243a 0,#0a0e17 44%,#06080d 100%)!important}
.auth-card{background:#0e121b!important;border-color:#2a364b!important}
.auth-card input{background:#080b12!important}
.auth-card input:focus{border-color:#8da6d8!important;box-shadow:0 0 0 3px #8da6d81f!important}
.map-live-dot:before,.feed-dot{background:#8da6d8!important}
.map-live-dot{background:#182131!important;color:#b9c7dc!important}
.map-privacy-note{color:#b2c0d4!important}
.pouchd-map-cluster{border-color:#8da6d8!important;background:#141d2cec!important;color:#f2f4f8!important;box-shadow:0 0 0 5px #8da6d822!important}
/* Recolor the existing feature surfaces without changing their layout or behavior. */
.sheet-content,.utility-content,.settings-group,.profile-menu-details,.comment-item,.reaction-picker{background-color:#10151f!important;border-color:#2b374a!important}
.profile-header{background:radial-gradient(ellipse at 90% 0,#243858 0,transparent 53%),linear-gradient(145deg,#111827,#090d15)!important;border-color:#2b3b54!important}
.profile-copy .bio{color:#d3dbea!important}.profile-header .edit-profile svg,.profile-stats b{color:#8da6d8!important}
.activity-card,.friend,.post-card,.friends-total,.invite-panel,.friend-finder,.share-circle,.first-circle-prompt,.feed-friend-suggestions{background:#101722!important;border-color:#29384e!important}
.friend-add,.circle-add,.invite-primary,.request button[data-friend-action="accept"],.push-test-button{background:#17243a!important;border-color:#536b99!important;color:#e7efff!important}
.friend .post-number,.profile-favorite-flavour{background:#141f32!important;border-color:#3f5480!important;color:#b9cbed!important}
.reaction-pill,.comment-open,.reaction-picker,.reaction-choices button:hover,.reaction-choices button:active{background-color:#141b29!important;border-color:#33435c!important}
.reaction-pill.has-reaction{border-color:#6f88bd!important;background:#17243a!important}
.product-selector,.cosmetic-slots,.cosmetic-tile,.settings-group{background:#10151f!important;border-color:#2c384c!important}
.product-selector select,.product-custom-field input,.utility-content .field input,.utility-content .field textarea,.utility-content .field select,.comments-content textarea,.profile-edit-content .field input,.profile-edit-content .field textarea{background:#0b1019!important;border-color:#39475d!important}
.profile-photo-control,.profile-banner-control,.location-friend-picker{background:#0c111a!important;border-color:#2c384c!important}
.profile-edit-content input:focus,.profile-edit-content textarea:focus,.utility-content input:focus,.utility-content textarea:focus,.post-caption-field textarea:focus{outline-color:#8da6d8!important;border-color:#8da6d8!important}
.developer-note{background:linear-gradient(135deg,#121c2d,#101722)!important;border-color:#3a4c6c!important}
.dev-note-mark{background:#526b9b!important;color:#f2f4f8!important}.dev-note-toggle small,.dev-note-voted{color:#bbcae4!important}.dev-note-options button,.dev-result i{background:#1a263b!important;border-color:#455a7d!important}.dev-result em{background:#8da6d8!important}
.push-optin-card{background:linear-gradient(145deg,#131e31,#0d131e)!important;border-color:#3a4d6c!important}.push-optin-mark{background:#647bb2!important;color:#f2f4f8!important}
input[type="checkbox"],input[type="radio"],input[type="range"]{accent-color:#8da6d8!important}
@media(max-width:500px){.brand{font-size:19px}.brand-mark{width:25px;height:25px}}