/* Ohole Version 32 — reference-aligned light UI */
:root{color-scheme:light;--v32-red:#E10600;--v32-ink:#0B0B0B;--v32-white:#FFFFFF;--v32-gray:#F4F4F4;--v32-pink:#FFE8EB;--v32-line:#E9E7E7;--v32-muted:#686868;--rose:var(--v32-red);--wine:#b60b18;--ink:var(--v32-ink);--paper:#fff;--card:#fff;--line:var(--v32-line);--muted:var(--v32-muted);--shadow:0 12px 36px rgba(28,10,12,.10)}
html,body{background:#fff!important;color:var(--v32-ink)!important}body{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important}button,input,textarea,select{font:inherit}button{touch-action:manipulation}img{max-width:100%}
.app-shell{background:#fff!important;color:var(--v32-ink)!important;min-height:100dvh}.sidebar{background:#fff!important;border-color:var(--v32-line)!important}.brand,.fyp-brand{color:var(--v32-red)!important}.brand-mark{color:var(--v32-red)!important}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar .nav-item{border:0!important;border-radius:14px!important;background:transparent!important;color:#454545!important;font-weight:650!important;min-height:46px}.sidebar .nav-item.active{background:var(--v32-pink)!important;color:var(--v32-red)!important}.sidebar .nav-item span{color:inherit}.sidebar .nav-item:not([data-view=feed]):not([data-view=discover]):not([data-view=marketplace]):not([data-view=matches]):not([data-view=safety]){display:none!important}
main{background:#fff!important;min-width:0}.view{color:var(--v32-ink)}.topbar,.section-head{align-items:center}.topbar h1,.section-head h1{color:var(--v32-ink);font-family:"DM Sans",sans-serif;font-weight:750;letter-spacing:-.045em}.topbar h1 em,.section-head h1 em{color:var(--v32-red);font-style:normal}.eyebrow{color:var(--v32-red)!important;letter-spacing:.1em}.pill-btn,.post-compose-actions>button:last-child,.auth-form>button,.auth-card button[type=submit],.modal-cta{background:var(--v32-red)!important;color:#fff!important;border:1px solid var(--v32-red)!important;border-radius:999px!important;box-shadow:0 7px 18px rgba(225,6,0,.18)}.pill-btn.secondary{background:#fff!important;color:var(--v32-ink)!important;border:1px solid #d7d4d4!important;box-shadow:none}.icon-btn,.view-icon-button{background:#fff!important;color:var(--v32-ink)!important;border:1px solid var(--v32-line)!important;border-radius:50%!important}.card,.daily-card,.reward-card,.messages-list,.conversation,.social-feed>article,.post-composer,.notification-panel,.settings-card,.profile-settings,.plan,.modal{background:#fff!important;border-color:var(--v32-line)!important;box-shadow:0 8px 26px rgba(25,12,13,.06)}
/* Splash and login */
.auth-gate{background:radial-gradient(ellipse 75% 42% at 50% 0%,rgba(225,6,0,.10),transparent 75%),radial-gradient(ellipse 75% 38% at 100% 100%,rgba(255,232,235,.85),transparent 75%),#fff!important;color:var(--v32-ink)!important;padding:calc(24px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom))!important;overflow:auto}.auth-brand{color:var(--v32-red)!important}.auth-brand>span{background:var(--v32-red)!important;color:white!important;box-shadow:0 10px 30px rgba(225,6,0,.2)}.auth-brand strong{font-family:"DM Sans",sans-serif!important;font-weight:850!important;letter-spacing:-.06em}.auth-brand small{color:#545454!important}.auth-card{background:#fff!important;border:1px solid rgba(225,6,0,.10)!important;border-radius:28px!important;box-shadow:0 18px 56px rgba(48,10,12,.12)!important;color:var(--v32-ink)!important}.auth-welcome{background:linear-gradient(160deg,#fff 55%,#fff5f6)!important}.welcome-copy strong{color:var(--v32-ink)!important}.welcome-copy span,.auth-card p,.auth-card label{color:#555!important}.auth-welcome>p{color:var(--v32-red)!important;font-family:"DM Sans",sans-serif!important;font-weight:800!important;letter-spacing:-.045em}.welcome-actions button:first-child{background:var(--v32-red)!important;color:#fff!important;border-radius:999px!important}.welcome-actions button:last-child,.auth-link,.auth-switch button{background:#fff!important;color:var(--v32-red)!important;border:1px solid rgba(225,6,0,.35)!important;border-radius:999px!important}.auth-form input{background:#fff!important;color:var(--v32-ink)!important;border:1px solid #dedada!important;border-radius:12px!important}.auth-form input:focus{outline:2px solid rgba(225,6,0,.2);border-color:var(--v32-red)!important}
/* Discovery cards and match actions */
.discover-grid{align-items:start}.profile-card{border-radius:26px!important;box-shadow:0 12px 34px rgba(20,12,12,.13)}.profile-copy h2{font-family:"DM Sans",sans-serif!important;font-weight:800}.decision-row{gap:16px}.decision{border:0!important;background:#fff!important;color:var(--v32-red)!important;box-shadow:0 7px 24px rgba(20,0,0,.16)!important}.decision.pass{color:#333!important;border:1px solid #e1dddd!important}.decision.like,.decision.super,.decision.coin-gift{background:var(--v32-red)!important;color:#fff!important}.daily-card,.reward-card,.reward-balances{border-radius:18px!important}.reward-icon{color:var(--v32-red)!important}.reward-card button{background:var(--v32-red)!important;color:white!important;border-radius:999px!important}
/* Home feed */
.fyp-header{padding:4px 0 14px!important;border-bottom:0!important}.fyp-brand{gap:9px}.fyp-brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--v32-red);color:white!important}.fyp-brand h1{font-family:"DM Sans",sans-serif!important;font-size:26px!important;font-weight:850!important;letter-spacing:-.06em!important}.fyp-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;border-bottom:1px solid var(--v32-line)!important;margin:0 0 18px!important}.fyp-tabs button{position:relative;min-height:46px!important;padding:9px!important;background:transparent!important;color:#686868!important;border:0!important;border-radius:0!important;font-weight:650!important;white-space:nowrap}.fyp-tabs button.active{color:var(--v32-red)!important}.fyp-tabs button.active:after{content:"";height:3px;border-radius:3px 3px 0 0;background:var(--v32-red);position:absolute;bottom:-1px;left:20%;right:20%}.post-composer{border-radius:20px!important;padding:16px!important}.post-composer textarea{background:#fff!important;color:var(--v32-ink)!important;border:0!important}.post-avatar{background:var(--v32-pink)!important;color:var(--v32-red)!important}.ohole-media-btn{background:#fff!important;color:var(--v32-red)!important;border-color:#f2c8cc!important;border-radius:50%!important}.post-compose-actions>button:last-child{min-width:84px}.stories{gap:12px}.social-feed>article{border-radius:20px!important;padding:16px!important}.social-feed button,.post-actions button{color:#454545}.social-feed .post-author,.social-feed h3{color:var(--v32-ink)}
/* Chat and profile */
.messages-list,.conversation{border-radius:18px!important}.messages-list{border:1px solid var(--v32-line)!important}.message.active{background:var(--v32-pink)!important;border-color:rgba(225,6,0,.16)!important}.message.active strong{color:var(--v32-red)!important}.conversation-head{background:#fff!important}.bubble.theirs{background:var(--v32-gray)!important;color:var(--v32-ink)!important;border-radius:18px 18px 18px 5px!important}.bubble.mine{background:var(--v32-red)!important;color:#fff!important;border-radius:18px 18px 5px 18px!important}.composer{background:var(--v32-gray)!important;border:1px solid var(--v32-line)!important;border-radius:999px!important}.composer button{background:var(--v32-red)!important;border-radius:50%!important}.reference-profile-hero,.reference-profile-stats,.v27-profile-menu button,.safety-grid>.settings-card{border-radius:20px!important}.v27-profile-menu button,.reference-edit-profile,.safety-grid button{border-color:var(--v32-line)!important}.v27-profile-menu button:hover{background:var(--v32-pink)!important;color:var(--v32-red)!important}.profile-stat strong,.reference-profile-stats strong{color:var(--v32-red)!important}
/* Live retains video contrast, while branded controls remain red */
.live-room{background:#0b0b0b!important}.live-room button,.live-controls button,.live-start-button{border-radius:999px}.live-room .gift-button,.live-room [data-live-action],.live-start-button{background:var(--v32-red)!important;color:white!important}
/* Five persistent destinations include Marketplace; remaining sections stay in More. */
@media(max-width:700px){
 html,body{min-height:100%;overscroll-behavior-y:contain}.app-shell{display:block!important;min-height:100dvh}.sidebar{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:calc(66px + env(safe-area-inset-bottom))!important;min-height:66px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(14px);border-top:1px solid var(--v32-line)!important;z-index:40!important;box-shadow:0 -4px 20px rgba(20,10,10,.06)}
  .sidebar nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:1fr!important;align-items:center!important;justify-content:stretch!important;gap:2px!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.sidebar .nav-item,.sidebar .nav-item:not(.active){display:flex!important;flex:initial!important;flex-direction:column!important;grid-row:1!important;align-items:center!important;justify-content:center!important;gap:3px!important;order:initial!important;min-width:0!important;min-height:52px!important;height:52px!important;padding:4px 2px!important;border-radius:14px!important;background:transparent!important;color:#666!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}.sidebar .nav-item.active{background:var(--v32-pink)!important;color:var(--v32-red)!important}.sidebar .nav-item[data-view=feed]{grid-column:1!important}.sidebar .nav-item[data-view=discover]{grid-column:2!important}.sidebar .nav-item[data-view=marketplace]{grid-column:3!important}.sidebar .nav-item[data-view=matches]{grid-column:4!important}.sidebar .nav-item[data-view=safety]{grid-column:5!important}.sidebar nav .mobile-create{display:grid!important;position:static!important;grid-column:6!important;grid-row:1!important;place-items:center!important;justify-self:center!important;align-self:center!important;width:46px!important;height:46px!important;min-width:44px!important;min-height:44px!important;transform:none!important;border-radius:50%!important;background:linear-gradient(135deg,var(--v32-red),#ff4e72)!important;color:#fff!important;font-size:26px!important;box-shadow:0 5px 16px rgba(225,6,0,.24)!important}.sidebar nav .nav-more{display:none!important}.sidebar .nav-item,.sidebar .nav-item:not(.active){font-size:9px!important}.sidebar .nav-item span{display:grid!important;place-items:center;width:23px;height:23px;font-size:19px!important}.sidebar .nav-item svg{width:22px!important;height:22px!important;stroke:currentColor;fill:none;stroke-width:1.8}.sidebar .nav-item b{display:none!important}.sidebar nav .nav-item[data-view=search],.sidebar nav .nav-item[data-view=groups],.sidebar nav .nav-item[data-view=live],.sidebar nav .nav-item[data-view=wallet],.sidebar nav .nav-item[data-view=store],.sidebar nav .nav-item[data-view=notifications]{display:none!important}
 #marketplace-view .catalog-toolbar,#marketplace-view .catalog-form,#marketplace-view .market-card{background:#fff!important;color:var(--v32-ink)!important;border:1px solid var(--v32-line)!important;box-shadow:0 6px 20px rgba(20,10,10,.06)!important}#marketplace-view .catalog-toolbar label,#marketplace-view .catalog-form label,#marketplace-view .market-card h2,#marketplace-view .market-card p{color:var(--v32-ink)}#marketplace-view .catalog-toolbar input,#marketplace-view .catalog-toolbar select,#marketplace-view .catalog-form input,#marketplace-view .catalog-form select,#marketplace-view .catalog-form textarea{background:#fff!important;color:var(--v32-ink)!important;border:1px solid #d7d4d4!important}#marketplace-view .catalog-toolbar>button,#marketplace-view .catalog-form>button,#marketplace-view .market-card-actions button{background:var(--v32-red)!important;color:#fff!important;border:1px solid var(--v32-red)!important;border-radius:999px!important}#marketplace-view .market-card-actions .market-seller-link,#marketplace-view .market-card-actions button:last-child{background:#fff!important;color:var(--v32-red)!important}#marketplace-view .market-category{color:var(--v32-red)!important} main{width:100%!important;max-width:680px!important;margin:0 auto!important;padding:calc(12px + env(safe-area-inset-top)) 16px calc(86px + env(safe-area-inset-bottom))!important;overflow-x:clip!important}.view{width:100%;min-width:0}.topbar,.section-head{gap:12px;flex-wrap:wrap}.topbar h1,.section-head h1{font-size:clamp(29px,8vw,38px)!important;line-height:1.08}.top-actions{gap:8px}.top-actions .pill-btn{min-height:42px;padding:0 14px}.discover-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}.profile-card{height:min(64dvh,620px)!important;min-height:390px!important}.side-feed{grid-template-columns:1fr!important}.fyp-header{display:flex!important;flex-wrap:nowrap!important}.fyp-tabs{position:sticky;top:0;z-index:8;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.social-layout{display:block!important}.notification-panel{position:fixed!important;inset:auto 10px calc(76px + env(safe-area-inset-bottom))!important;max-height:68dvh!important;overflow:auto;z-index:30!important}.post-compose-actions{gap:8px;flex-wrap:wrap}.post-compose-actions .ohole-media-buttons{display:flex;gap:7px}.post-compose-actions>button:last-child{margin-left:auto}.match-layout{display:block!important;min-height:0!important}.messages-list{width:100%!important;border:0!important;padding:0!important}.conversation{display:none!important}.match-layout.chat-open .messages-list{display:none!important}.match-layout.chat-open .conversation{display:flex!important;position:fixed!important;inset:env(safe-area-inset-top) 0 calc(66px + env(safe-area-inset-bottom))!important;z-index:35!important;padding:0 14px 12px!important;background:white!important;border-radius:0!important}.match-layout.chat-open .conversation .conversation-head{flex:none}.match-layout.chat-open .conversation .chat-scroll{flex:1;min-height:0;overflow:auto}.match-layout.chat-open .conversation .composer{flex:none}.conversation.mobile-open{display:flex!important;position:fixed!important;inset:env(safe-area-inset-top) 0 calc(66px + env(safe-area-inset-bottom))!important;z-index:35!important;padding:0 14px 12px!important;background:white!important;border-radius:0!important}.conversation.mobile-open .conversation-head{flex:none}.conversation.mobile-open .chat-scroll{flex:1;min-height:0;overflow:auto}.conversation.mobile-open .composer{flex:none}.reference-profile-hero{overflow:hidden}.profile-copy h2{font-size:clamp(28px,8vw,38px)!important}.settings-card,.safety-grid>*{min-width:0;max-width:100%}.auth-brand{top:calc(28px + env(safe-area-inset-top))!important}.auth-welcome{bottom:calc(12vh + env(safe-area-inset-bottom))!important}.auth-card:not(.auth-welcome){max-height:calc(100dvh - 150px - env(safe-area-inset-bottom))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}.modal-backdrop{padding:12px!important;align-items:end!important}.modal{max-height:88dvh;overflow:auto;border-radius:24px 24px 14px 14px!important}.toast{bottom:calc(80px + env(safe-area-inset-bottom))!important}
  .discover-community-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--v32-line);border-radius:16px;background:#fff}.discover-community-link p{margin:0;font-size:12px;color:#555}.discover-community-link .pill-btn{min-height:40px;white-space:nowrap}.catalog-back{flex:0 0 auto;min-height:42px}.marketplace-reward-note{margin:0 0 12px;padding:11px 13px;border-radius:12px;background:var(--v32-pink);color:var(--v32-ink);font-size:13px;line-height:1.4}
}
@media(max-width:360px){.sidebar{padding-right:3px!important;padding-left:3px!important}.sidebar nav{gap:0!important}.sidebar .nav-item,.sidebar .nav-item:not(.active){font-size:8px!important}.sidebar .nav-item span{width:21px;height:21px;font-size:18px!important}.sidebar nav .mobile-create{width:42px!important;height:42px!important}.discover-community-link{align-items:flex-start;flex-direction:column}.discover-community-link .pill-btn{align-self:flex-start}}
@media(min-width:701px){.sidebar{position:sticky;top:0;height:100dvh}.app-shell{grid-template-columns:240px minmax(0,1fr)!important}.sidebar>nav{width:100%}main{width:min(100%,1100px);margin:0 auto;padding:30px 36px 60px!important}.discover-grid{grid-template-columns:minmax(300px,1fr) minmax(250px,.62fr)}.fyp-tabs{max-width:620px}.social-layout{grid-template-columns:minmax(0,680px) minmax(230px,300px)}}
.sidebar .nav-item[data-view=discover]>span{width:24px;height:24px;flex:0 0 24px}
.sidebar .nav-item[data-view=discover]>span>svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}

/* Notification page */
#notifications-view{width:min(100%,860px);margin:0 auto;padding:12px 0 28px}
.notifications-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.notifications-page-heading .eyebrow{margin:0 0 5px;font-size:11px;font-weight:750;text-transform:uppercase}
.notifications-page-heading h1{margin:0;font-size:clamp(28px,5vw,38px)!important}
#notifications-summary{margin:7px 0 0;color:var(--v32-muted);font-size:14px}
.notification-navigation{display:flex;align-items:center;gap:8px;flex:none}
.notification-navigation #notifications-back{min-height:42px;padding:0 14px;border:1px solid var(--v32-line);border-radius:999px;background:#fff;color:var(--v32-ink);font-size:14px}
.notification-navigation #notifications-close{width:42px;height:42px;min-height:42px;padding:0;background:#fff!important;color:var(--v32-ink)!important;font-size:24px}
#notifications-view .notification-panel{display:block!important;position:static!important;inset:auto!important;width:100%;max-height:none!important;overflow:hidden;border:1px solid var(--v32-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(25,12,13,.06)!important}
#notifications-view .notification-panel[hidden]{display:none!important}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px;border-bottom:1px solid var(--v32-line);background:#fff;color:var(--v32-ink)}
.notification-filters,.notification-bulk-actions{display:flex;align-items:center;gap:8px}
.notification-filters{padding:4px;border-radius:999px;background:var(--v32-gray)}
.notification-filters button,.notification-bulk-actions button{min-height:38px;margin:0;padding:8px 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:#565656;font-size:13px;font-weight:700;white-space:nowrap}
.notification-filters button.active{background:#fff;color:var(--v32-red);box-shadow:0 1px 5px rgba(20,10,10,.10)}
.notification-bulk-actions button{border-color:var(--v32-line);background:#fff;color:var(--v32-ink)}
.notification-bulk-actions #notifications-read{border-color:var(--v32-red);background:var(--v32-red);color:#fff}
.notification-bulk-actions button:disabled{opacity:.5}
#notification-list{display:grid;gap:10px;padding:14px}
#notification-list>.notification-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin:0;padding:14px;border:1px solid var(--v32-line);border-radius:16px;background:#fff;color:var(--v32-ink);transition:background .15s,border-color .15s}
#notification-list>.notification-item.unread{border-color:rgba(225,6,0,.2);background:#fff9f9}
#notification-list>.notification-item[hidden]{display:none!important}
.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--v32-pink);color:var(--v32-red)}
.notification-icon{box-sizing:border-box;flex:0 0 42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;aspect-ratio:1;overflow:hidden;border-radius:50%!important}
.search-result-card header>.social-avatar{box-sizing:border-box;display:grid;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px;min-height:44px;max-width:44px;max-height:44px;aspect-ratio:1;overflow:hidden;border-radius:50%!important;object-fit:cover}
.notification-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none}
.notification-copy{min-width:0}
.notification-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:5px}
.notification-meta strong{font-size:14px;font-weight:750}
.notification-meta time{color:var(--v32-muted);font-size:12px}
.notification-item.unread .notification-meta strong:after{content:"";display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--v32-red);vertical-align:2px}
.notification-copy p{margin:0;color:#424242;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
#notification-list>.notification-item .notification-actions button{min-width:0;min-height:36px;padding:7px 10px;border:1px solid var(--v32-line);border-radius:10px;background:#fff;color:var(--v32-ink);font-size:12px;font-weight:700;white-space:nowrap}
#notification-list>.notification-item .notification-actions .notification-open{border-color:var(--v32-red);background:var(--v32-red);color:#fff}
#notification-list>.notification-item .notification-actions .notification-mark-read{color:var(--v32-red)}
#notification-list>.notification-item .notification-actions .notification-mark-read:disabled{border-color:transparent;background:transparent;color:#737373;opacity:1}
#notification-list>.notification-item .notification-actions .notification-dismiss{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-color:transparent!important;background:var(--v32-gray)!important;color:#555!important;font-size:20px}
#notification-list>.notification-item .notification-actions button:disabled{opacity:.55;cursor:wait}
.notification-empty{grid-column:1/-1;margin:0;padding:34px 18px;border:1px dashed var(--v32-line);border-radius:16px;color:var(--v32-muted);text-align:center;font-size:14px;line-height:1.55}
.notification-empty[hidden]{display:none}
.notification-retry{justify-self:center;min-height:42px;padding:9px 18px;border:0;border-radius:999px;background:var(--v32-red);color:#fff;font-weight:700}
.notification-filters button:focus-visible,.notification-bulk-actions button:focus-visible,.notification-navigation button:focus-visible,.notification-actions button:focus-visible,.notification-retry:focus-visible{outline:3px solid rgba(225,6,0,.3);outline-offset:2px}
@media(max-width:640px){#notifications-view{padding:8px 0 24px}.notifications-page-heading{align-items:flex-start;margin:0 0 14px}.notification-toolbar{align-items:flex-start;padding:12px;gap:10px}.notification-filters,.notification-bulk-actions{width:100%}.notification-filters button{flex:1}.notification-bulk-actions button{flex:1;padding-inline:8px}.notification-bulk-actions #notifications-read{flex:1.25}#notification-list{gap:8px;padding:10px}.notification-item{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:11px!important}.notification-icon{width:38px;height:38px}.notification-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.notification-actions button{min-height:36px}.notification-copy p{font-size:13px}}
@media(max-width:380px){.notifications-page-heading{gap:8px}.notification-navigation{gap:4px}.notification-navigation #notifications-back{padding:0 10px;font-size:13px}.notification-navigation #notifications-close{width:38px;height:38px;min-height:38px}.notification-toolbar{padding:10px}.notification-bulk-actions{gap:5px}.notification-bulk-actions button{font-size:12px}}

/* Final shared polish: dependable icon rendering, crisp controls, and compact notifications. */
.v27-close{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid var(--v32-line);border-radius:50%;background:#fff;color:#3b3030;cursor:pointer}
.v27-close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-icon{flex:none;box-shadow:inset 0 0 0 1px rgba(225,6,0,.08)}
#notification-list>.notification-item{grid-template-columns:42px minmax(0,1fr) auto;gap:14px;padding:14px 16px;border-radius:18px}
#notification-list>.notification-item:hover{border-color:#e9c7c9;box-shadow:0 5px 16px rgba(49,12,12,.045)}
.notification-copy p{line-height:1.45}
#notification-list>.notification-item .notification-actions{gap:7px}
#notification-list>.notification-item .notification-actions button{min-height:40px;border-radius:999px;padding:8px 13px}
#notification-list>.notification-item .notification-actions .notification-open{box-shadow:0 3px 10px rgba(225,6,0,.14)}
#notification-list>.notification-item .notification-actions .notification-mark-read{background:#fff8f8;color:var(--v32-red)}
#notification-list>.notification-item .notification-actions .notification-dismiss{width:40px;min-width:40px;height:40px;min-height:40px;padding:0}
.notification-read-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 4px;color:#777;font-size:12px;font-weight:650;white-space:nowrap}
.notification-read-status svg{width:16px;height:16px;fill:none;stroke:#2b8a57;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){
 #notifications-view{padding:8px 0 16px}
 .notifications-page-heading{align-items:center;gap:10px;margin-bottom:12px}
 .notifications-page-heading h1{font-size:30px!important}
 #notifications-summary{font-size:13px}
 .notification-navigation #notifications-back{min-height:40px}
 #notifications-view .notification-panel{border-radius:20px!important}
 .notification-toolbar{padding:12px}
 #notification-list{gap:8px;padding:10px}
 #notification-list>.notification-item{grid-template-columns:40px minmax(0,1fr)!important;gap:8px 10px!important;padding:12px!important;border-radius:16px}
 #notification-list>.notification-item .notification-icon{width:40px;height:40px}
 #notification-list>.notification-item .notification-copy{align-self:center}
 #notification-list>.notification-item .notification-meta{gap:6px;margin-bottom:3px}
 #notification-list>.notification-item .notification-meta strong{font-size:14px}
 #notification-list>.notification-item .notification-meta time{font-size:11px}
 #notification-list>.notification-item .notification-copy p{font-size:13px;line-height:1.4}
 #notification-list>.notification-item .notification-actions{grid-column:2;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px}
 #notification-list>.notification-item .notification-actions button{min-height:38px;padding:7px 12px;font-size:12px}
 #notification-list>.notification-item .notification-actions .notification-dismiss{width:38px;min-width:38px;height:38px;min-height:38px}
 .notification-read-status{min-height:36px;padding:0 5px}
}
@media(max-width:360px){
 .notifications-page-heading h1{font-size:27px!important}
 .notification-navigation #notifications-back{font-size:12px;padding:0 9px}
 #notification-list>.notification-item{grid-template-columns:36px minmax(0,1fr)!important;padding:10px!important}
 #notification-list>.notification-item .notification-icon{width:36px;height:36px}
 #notification-list>.notification-item .notification-actions button{padding-inline:10px}
}
.auth-brand>span{width:88px!important;height:88px!important;border-radius:27px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#ff2545,#bd001f)!important;color:#fff!important;box-shadow:0 16px 36px rgba(225,6,0,.24)!important;transform:none!important;font-size:0!important}.auth-brand>span svg{width:59px;height:59px;display:block}.auth-brand strong{font-size:clamp(50px,12vw,76px)!important;line-height:.98!important;letter-spacing:-.075em!important}.auth-brand small{font-size:13px!important;letter-spacing:.01em}

/* More sits beside For You, Discover, and Nearby. */
.fyp-tabs button[data-feed-scope="more"]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.1}
.fyp-tabs button[data-feed-scope="more"] span:first-child{font-size:15px;letter-spacing:1px;color:currentColor}
.ohole-media-buttons .post-music-button{box-sizing:border-box;overflow:visible;font-size:18px;font-weight:800;width:50px;height:50px;min-width:50px;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:2px solid #f2c8cc!important;border-radius:50%!important;box-shadow:0 7px 18px rgba(92,35,42,.08)}
.ohole-media-buttons .post-music-button::after{content:"Music";color:#383838;font-size:12px;font-weight:500;line-height:1}
.post-music-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:10px 12px;border:1px solid #f2c8cc;border-radius:16px;background:#fff8f8;color:var(--v32-ink)}
.post-music-selection strong{display:block;color:var(--v32-ink)}
.post-music-selection small{display:block;color:var(--v32-muted)}
.post-music-selection button{min-height:38px;border:0;background:transparent;color:var(--v32-red);font-weight:700}
.social-post-music{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:10px 12px;border-radius:16px;background:#fff5f6;border:1px solid #f3d1d4}
.social-post-music .music-note{color:var(--v32-red);font-size:22px}
.social-post-music strong,.social-post-music small{display:block}
.social-post-music audio{width:100%;max-width:260px;height:36px}
.music-picker-backdrop{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:16px;background:rgba(12,8,9,.48);backdrop-filter:blur(5px)}
.music-picker-backdrop[hidden]{display:none!important}
.music-picker{display:flex;flex-direction:column;width:min(100%,520px);max-height:min(84dvh,720px);padding:20px;border:1px solid var(--v32-line);border-radius:26px;background:#fff;color:var(--v32-ink);box-shadow:0 24px 80px rgba(20,10,10,.25)}
.music-picker>header,.music-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.music-picker>header h2{margin:0;color:var(--v32-ink);font-size:24px}
.music-picker>header button{width:44px;min-width:44px;height:44px;border:0;border-radius:50%;background:var(--v32-gray);color:var(--v32-ink);font-size:24px}
.music-picker-search{display:flex;align-items:center;gap:10px;margin-top:14px;padding:0 14px;border:1px solid var(--v32-line);border-radius:999px;color:var(--v32-red)}
.music-picker-search input{width:100%;min-width:0;height:48px;border:0!important;outline:0;background:transparent;color:var(--v32-ink)}
.music-picker-note{margin:10px 2px;color:var(--v32-muted);font-size:13px}
.music-picker-results{min-height:100px;overflow:auto;overscroll-behavior:contain}
.music-picker-track{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;border-bottom:1px solid var(--v32-line)}.music-picker-track-note{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#fff0f2;color:var(--v32-red);font-size:21px;font-weight:800}.music-picker-track>div{min-width:0;flex:1}
.music-picker-track strong,.music-picker-track small{display:block}.music-picker-track small{margin-top:3px;color:var(--v32-muted)}
.music-picker-track button{min-height:38px;padding:0 14px;border:1px solid #f0c4c8;border-radius:999px;background:#fff;color:var(--v32-red);font-weight:700}
.music-picker-track button[aria-pressed="true"]{background:var(--v32-red);color:#fff}
.music-picker>footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--v32-line);color:var(--v32-muted);font-size:13px}
.music-picker>footer button,#post-music-apply{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--v32-red);color:#fff;font-weight:750}
.music-picker>footer button:disabled{opacity:.45}
.marketplace-stall-button{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.marketplace-stall-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.marketplace-contact-consent{display:flex!important;align-items:flex-start;gap:9px}
.marketplace-contact-consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--v32-red)}
#marketplace-view .market-caption{margin:3px 0 9px;color:#6c3940;font-weight:650}
#marketplace-view .market-details{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
#marketplace-view .market-details span{padding:5px 9px;border-radius:999px;background:var(--v32-pink);color:#7b1520;font-size:12px;font-weight:650}
#marketplace-view .market-contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #f0c4c8;border-radius:999px;background:#fff;color:var(--v32-red);font-weight:700;text-decoration:none}
#search-more{display:block;margin:8px auto 24px}
@media(max-width:700px){.fyp-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.music-picker-backdrop{align-items:end;padding:0}.music-picker{width:100%;max-height:88dvh;padding:18px 16px calc(14px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.marketplace-stall-button{min-height:44px;padding:0 14px}.catalog-heading{align-items:flex-start}.marketplace-stall-button span{font-size:13px}}
:where(.discover-community-link){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--v32-line);border-radius:16px;background:#fff}
.discover-community-link p{margin:0;font-size:12px;color:#555}
.marketplace-reward-note{margin:0 0 12px;padding:11px 13px;border-radius:12px;background:var(--v32-pink);color:var(--v32-ink);font-size:13px;line-height:1.4}
.social-post-actions{flex-wrap:wrap!important}
.social-post>.post-view-count{display:block;box-sizing:border-box;width:100%;margin:8px 0 2px;padding:8px 2px 0;border-top:1px solid var(--v32-line);color:var(--v32-muted);font-size:12px;line-height:1.35;text-align:left}
.discover-adult-tabs{display:flex;gap:8px;margin:0 0 14px;padding:5px;border:1px solid var(--v32-line);border-radius:16px;background:#fff}
.discover-adult-tabs[hidden]{display:none!important}
.discover-adult-tabs button{flex:1;min-height:42px;border:0;border-radius:12px;background:transparent;color:var(--v32-ink);font:inherit;font-weight:700;cursor:pointer}
.discover-adult-tabs button.active{background:var(--v32-red);color:#fff}
.discover-nearby-panel[hidden]{display:none!important}
.discover-nearby-panel .nearby-panel{padding:18px;border:1px solid var(--v32-line);border-radius:20px;background:#fff}
.discover-community-link[hidden]{display:none!important}
.social-post-actions .post-more-menu{position:absolute;z-index:8;right:8px;top:54px;display:grid;min-width:180px;padding:6px;border:1px solid var(--v32-line);border-radius:14px;background:#fff;box-shadow:0 12px 34px #31121a26}
.post-more-menu button{min-height:42px;padding:8px 12px!important;border-radius:9px!important;text-align:left;color:var(--v32-ink)!important;font:inherit;font-size:13px!important}
.post-more-menu button:hover{background:var(--v32-pink)}
.social-comments-dialog{width:min(640px,calc(100vw - 24px));max-width:none;max-height:min(88dvh,820px);padding:0;border:0;border-radius:22px;background:transparent;color:var(--v32-ink);box-shadow:0 24px 80px #16090a55}
.social-comments-dialog::backdrop{background:#16090a8c;backdrop-filter:blur(4px)}
.social-comments-panel{display:flex;flex-direction:column;max-height:min(88dvh,820px);overflow:hidden;border:1px solid var(--v32-line);border-radius:22px;background:#fff}
.social-comments-panel>header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--v32-line)}
.social-comments-panel>header h2{flex:1;margin:0;font-size:19px}
.social-comments-panel>header button{width:42px;height:42px;border:0;border-radius:50%;background:#f5f2f2;color:var(--v32-ink);font-size:22px}
.social-comments-panel .comment-context{padding:12px 16px;border-bottom:1px solid var(--v32-line)}
.comment-context strong{display:block;font-size:14px}.comment-context p{margin:4px 0 0;white-space:pre-wrap;font-size:14px;line-height:1.4}
.comment-list{min-height:120px;overflow:auto;padding:8px 12px;overscroll-behavior:contain}
.comment-item{margin:5px 0;padding:12px;border:1px solid transparent;border-radius:14px;background:#faf8f8;cursor:pointer}
.comment-item:focus-visible{outline:2px solid var(--v32-red)}
.comment-item>strong{font-size:14px}.comment-item>small{display:block;margin-top:2px;color:var(--v32-muted);font-size:11px}.comment-item>p{margin:7px 0;white-space:pre-wrap;line-height:1.4;font-size:14px}
.comment-reactions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.comment-reaction-picker{display:inline-flex;flex-wrap:wrap;gap:3px;max-width:100%;padding:4px;border:1px solid var(--v32-line);border-radius:999px;background:#fff}
.comment-reaction-picker[hidden]{display:none!important}
.comment-reaction-picker button{width:34px;min-height:34px;padding:3px;border:0;border-radius:50%;background:transparent;font-size:17px}
.comment-reaction-picker button[aria-pressed="true"]{background:var(--v32-pink)}
.comment-reactions button,.comment-react-button,.comment-reply-button{min-height:34px;padding:5px 9px;border:1px solid var(--v32-line);border-radius:999px;background:#fff;color:var(--v32-ink);font-size:12px}
.comment-reactions button[aria-pressed="true"]{border-color:var(--v32-red);color:var(--v32-red);background:var(--v32-pink)}
.comment-composer{display:flex;align-items:end;gap:9px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--v32-line);background:#fff}
.comment-composer textarea{flex:1;min-width:0;max-height:110px;resize:vertical;padding:10px 12px;border:1px solid var(--v32-line);border-radius:14px;font:inherit}
.comment-composer>button{min-height:42px;padding:0 16px;border:0;border-radius:999px;background:var(--v32-red);color:#fff;font-weight:700}
.comment-status{margin:0;padding:0 14px;color:var(--v32-muted);font-size:12px}
@media(max-width:700px){.fyp-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.discover-adult-tabs{position:sticky;top:0;z-index:3}.social-comments-dialog{width:100vw;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.social-comments-panel{max-height:92dvh;border-radius:22px 22px 0 0}.comment-list{padding-bottom:18px}}
.catalog-license-fields[hidden]{display:none!important}

/* Ohole messaging inbox: original, responsive conversation-first layout. */
#matches-view .section-head{margin-bottom:18px}
#matches-view .section-head .eyebrow{margin-bottom:6px}
#matches-view .messages-list{padding:16px!important;overflow:auto}
#matches-view .message-search{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:0 14px;border:1px solid var(--v32-line);border-radius:14px;background:#fff;color:var(--v32-red);font-size:20px}
#conversation-search{width:100%;min-width:0;height:44px;border:0!important;outline:0;background:transparent;color:var(--v32-ink);font-size:15px}
#conversation-search:focus-visible{outline:0!important}
.message-inbox-counts{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 2px 10px;color:var(--v32-muted);font-size:12px}
.message-inbox-counts strong{color:var(--v32-ink);font-weight:800}
#message-unread-total{padding:4px 9px;border-radius:999px;background:var(--v32-pink);color:var(--v32-red)}
.message-filter-tabs{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}
.message-filter-tabs button{flex:none;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:999px;background:#f4f4f4;color:#595959;font-size:13px;font-weight:700;white-space:nowrap}
.message-filter-tabs button.active{border-color:#f5c2c7;background:#fff0f2;color:var(--v32-red)}
#match-list{display:grid;gap:3px}
#match-list>.message{min-height:76px;padding:10px 8px;border:0;border-radius:14px;gap:11px;transition:background .15s ease}
#match-list>.message:hover{background:#faf6f6}
#match-list>.message.active{background:#fff0f2!important}
.message-avatar-wrap{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px}
.message-avatar-wrap>.avatar{width:48px;height:48px}
.message-online-dot{position:absolute;right:0;bottom:0;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#22ad67}
#match-list>.message>.message-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}
.message-row-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.message-row-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800}
.message-row-meta time{flex:none;color:var(--v32-muted);font-size:11px}
#match-list>.message .message-copy>small{max-width:100%;margin:0;color:#676767;font-size:12px;line-height:1.35}
#match-list>.message[data-unread="true"] .message-row-meta strong,#match-list>.message[data-unread="true"] .message-copy>small{color:var(--v32-ink);font-weight:750}
.message-unread-badge{display:grid;place-items:center;flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--v32-red);color:#fff;font-size:10px;font-weight:800}
.message-unread-badge[hidden]{display:none!important}
.message-muted-mark{flex:none;color:#777;font-size:16px}
.message-arrival{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;z-index:80;display:flex;align-items:center;gap:11px;width:min(540px,calc(100vw - 24px));padding:12px 13px;border:1px solid #efc7ca;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 12px 40px rgba(40,10,15,.18);transform:translateX(-50%);color:var(--v32-ink)}
.message-arrival[hidden]{display:none!important}
.message-arrival-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--v32-pink);color:var(--v32-red);font-size:19px}
.message-arrival-copy{display:grid;flex:1;min-width:0;gap:3px}
.message-arrival-copy strong,.message-arrival-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-arrival-copy strong{font-size:13px}.message-arrival-copy small{color:var(--v32-muted);font-size:12px}
#message-arrival-open{min-height:36px;padding:0 13px;border:0;border-radius:999px;background:var(--v32-red);color:#fff;font-size:12px;font-weight:750}
#message-arrival-dismiss{width:34px;height:34px;flex:none;border:0;border-radius:50%;background:#f4f4f4;color:#444;font-size:20px}
.conversation-head{gap:9px;padding:0 10px;border-radius:18px 18px 0 0}
#chat-avatar{flex:none;width:42px;height:42px}
#chat-name{font-size:15px;font-weight:800}
#chat-status{min-height:14px;font-size:11px}
.header-call{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px!important;border:0!important;border-radius:999px!important;background:var(--v32-red)!important;color:#fff!important;font-size:12px;font-weight:750;white-space:nowrap}
.header-call svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#chat-options{width:38px;height:38px;border-radius:50%;color:#555;font-size:16px}
.conversation-head .chat-back{width:38px;height:38px;border-radius:50%;color:var(--v32-red)}
@media(max-width:700px){
 #matches-view .messages-list{padding:6px 0!important}
 #matches-view .section-head{margin-bottom:14px}
 #match-list>.message{min-height:72px;padding:9px 6px}
 .message-arrival{top:calc(8px + env(safe-area-inset-top));width:calc(100vw - 20px);gap:8px;padding:10px}
 .message-arrival-icon{width:34px;height:34px}
 #message-arrival-open{padding-inline:10px}
 .conversation-head{height:64px;gap:6px;padding:0 2px}
 #chat-avatar{width:36px;height:36px}
 #video-call-button{min-height:38px;padding:0 10px!important}
 #video-call-button span{font-size:11px}
 #chat-options{width:32px;height:36px}
 .conversation-head>div{min-width:0}
 #chat-name{max-width:calc(100vw - 230px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:360px){.header-call{width:38px;min-width:38px;padding:0!important}.header-call span{display:none!important}.conversation-head{gap:4px}}
/* Authentication layout: keep controls in normal flow on narrow/short screens. */
@media(max-width:700px){
  #auth-gate:not(.authenticated){
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:12px;
    padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
  }
  #auth-gate .auth-brand{
    position:relative!important;
    inset:auto!important;
    align-self:center;
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 auto 4px;
  }
  #auth-gate .auth-brand>span{width:48px!important;height:48px!important;border-radius:15px!important;}
  #auth-gate .auth-brand>span svg{width:34px;height:34px;}
  #auth-gate .auth-brand strong{font-size:38px!important;line-height:1!important;margin:0!important;}
  #auth-gate .auth-brand small{display:none!important;}
  #auth-gate .auth-card,
  #auth-gate .auth-card:not(.auth-welcome){
    position:relative!important;
    inset:auto!important;
    width:min(100%,480px)!important;
    max-width:480px!important;
    max-height:none!important;
    overflow:visible;
    margin:0 auto!important;
    padding:clamp(18px,5vw,26px)!important;
  }
  #auth-gate .auth-card h1{font-size:clamp(25px,7vw,32px)!important;line-height:1.12;margin-bottom:18px!important;}
  #auth-gate .auth-form{gap:12px;min-width:0;}
  #auth-gate .auth-form label:not(.password-toggle):not(.auth-check){min-width:0;}
  #auth-gate .auth-form input:not([type="checkbox"]),
  #auth-gate .auth-form select,
  #auth-gate .auth-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:46px;font-size:16px!important;}
  #auth-gate .auth-form .password-toggle{
    display:flex!important;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    width:max-content;
    max-width:100%;
    min-height:44px;
    margin:0;
    font-size:14px;
    line-height:1.35;
  }
  #auth-gate .auth-form .password-toggle input[type="checkbox"]{
    appearance:none!important;
    flex:0 0 18px;
    width:18px!important;
    height:18px;
    min-height:18px;
    margin:0;
    padding:0;
    display:grid;
    place-content:center;
    border:2px solid #aaa!important;
    border-radius:5px;
    background:#fff!important;
  }
  #auth-gate .auth-form .password-toggle input[type="checkbox"]:checked{
    border-color:#e10600!important;
    background:#e10600!important;
  }
  #auth-gate .auth-form .password-toggle input[type="checkbox"]:checked::after{
    content:"";
    width:8px;
    height:4px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:translateY(-1px) rotate(-45deg);
  }
  #auth-gate .auth-form button[type="submit"],
  #auth-gate .auth-link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    margin:10px 0 0;
    box-sizing:border-box;
  }
  #auth-gate .auth-switch{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:4px 8px;
    line-height:1.5;
    margin:12px 0 0;
  }
  #auth-gate .auth-switch button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 12px!important;}
}
@media(max-height:560px) and (max-width:700px){
  #auth-gate:not(.authenticated){padding-top:calc(8px + env(safe-area-inset-top))!important;gap:8px;}
  #auth-gate .auth-brand{margin-bottom:0;}
  #auth-gate .auth-brand>span{width:38px!important;height:38px!important;}
  #auth-gate .auth-brand>span svg{width:27px;height:27px;}
  #auth-gate .auth-brand strong{font-size:30px!important;}
  #auth-gate .auth-card,
  #auth-gate .auth-card:not(.auth-welcome){padding:14px!important;}
  #auth-gate .auth-card h1{margin-bottom:12px!important;}
}