/* 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)}}

/* 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 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 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}