/* Advicer 3.2.0 — smartphone-first visual layer + restrained 3D depth. */
:root{--a320-shadow:0 12px 32px rgba(20,54,60,.10);--a320-shadow-3d:0 18px 42px rgba(20,54,60,.14),0 2px 4px rgba(20,54,60,.05);--a320-line:#dfeae7;--a320-surface:rgba(255,255,255,.96);--a320-teal:#0b8f88;--a320-coral:#f25f6b}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:96px}
body{overflow-x:hidden;background:linear-gradient(180deg,#f8fbfa 0,#f4f8f7 42%,#f7faf9 100%)}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
@media(max-width:760px){
  body{min-width:320px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  main{width:100%;min-width:0}
  input,textarea,select{font-size:16px!important}
  .topbar{position:sticky;top:0;z-index:70;background:rgba(248,251,250,.88)!important;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);border-bottom:1px solid rgba(214,228,224,.72)!important}
  .topbar-inner{min-height:58px!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  .brand-mark img{filter:drop-shadow(0 5px 9px rgba(8,109,103,.13))}

  /* Feed cards: layered physical depth without gyroscope/parallax tracking. */
  .advice-card{position:relative;border:1px solid rgba(218,231,227,.96)!important;border-radius:24px!important;background:var(--a320-surface)!important;box-shadow:var(--a320-shadow)!important;transform:translateZ(0);transform-style:preserve-3d;isolation:isolate;overflow:visible!important}
  .advice-card::before{content:"";position:absolute;inset:1px 12px auto;height:42%;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,0));pointer-events:none;z-index:-1}
  .advice-head,.post-question-row,.post-location-chip{transform:translateZ(5px)}
  .choices{perspective:850px;gap:8px!important}
  .choice-shell{min-width:0;transform-style:preserve-3d}
  .choice{border-radius:18px!important;overflow:hidden;box-shadow:0 8px 18px rgba(15,45,50,.10)!important;transform:translateZ(0);transition:transform .16s ease,box-shadow .18s ease,filter .18s ease!important;backface-visibility:hidden}
  .choice:active{transform:perspective(800px) rotateX(1.6deg) scale(.982)!important;box-shadow:0 3px 9px rgba(15,45,50,.11)!important;filter:saturate(1.03)}
  .choice img{display:block;width:100%;height:100%;object-fit:cover}
  .choice::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 35%,transparent 70%,rgba(0,0,0,.05));mix-blend-mode:soft-light}
  .choice-wishlist{width:42px!important;height:42px!important;border-radius:14px!important;box-shadow:0 9px 18px rgba(17,48,53,.16)!important;backdrop-filter:blur(12px);transform:translateZ(18px);transition:transform .16s ease,box-shadow .16s ease!important}
  .choice-wishlist:active{transform:translateZ(8px) scale(.92)!important;box-shadow:0 4px 9px rgba(17,48,53,.13)!important}
  .choice-pct{box-shadow:0 8px 17px rgba(11,105,100,.16)!important;border:1px solid rgba(255,255,255,.65)!important}
  .winner-badge{box-shadow:0 5px 14px rgba(18,63,66,.10)!important}
  .post-actions{gap:7px 10px!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.post-actions::-webkit-scrollbar{display:none}
  .action-link,.time-pill{min-height:34px;display:inline-flex;align-items:center;white-space:nowrap}

  /* Native-feeling floating tab bar. */
  .mobile-nav.mobile-tabbar-v302{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;border:1px solid rgba(211,225,221,.92)!important;border-radius:22px!important;background:rgba(255,255,255,.91)!important;-webkit-backdrop-filter:blur(22px) saturate(1.25)!important;backdrop-filter:blur(22px) saturate(1.25)!important;box-shadow:0 15px 38px rgba(14,47,52,.18),inset 0 1px rgba(255,255,255,.84)!important;transform:translateZ(0)}
  .mobile-tab{min-height:52px!important;border-radius:15px!important}.mobile-tab:active{transform:scale(.94) translateY(1px)!important}
  .mobile-create-icon{box-shadow:0 10px 21px rgba(242,95,107,.30),inset 0 1px rgba(255,255,255,.35)!important}

  /* Forms/pages: remove desktop excess and enforce useful touch targets. */
  .form-shell,.settings-shell,.notification-page-shell,.messages-page,.friends-page{width:calc(100% - 18px)!important;margin-left:auto!important;margin-right:auto!important}
  .settings-panel,.form-card,.notification-hero-card,.chat-card,.social-hero{border-radius:22px!important;border-color:var(--a320-line)!important;box-shadow:0 8px 24px rgba(20,54,60,.06)!important}
  .pill,.form-submit,.icon-btn,.inline-send{min-height:44px}
  .flash{width:calc(100% - 18px)!important;margin-left:auto!important;margin-right:auto!important;border-radius:16px!important}
  .advicer-footer{margin-bottom:0!important;padding-bottom:4px!important}
}
@media(max-width:390px){
  .advice-card{border-radius:21px!important}.choice{border-radius:16px!important}.choices{gap:6px!important}
  .choice-wishlist{width:39px!important;height:39px!important;border-radius:13px!important}
}
@media(prefers-reduced-motion:reduce){.choice,.choice-wishlist,.mobile-tab,.notification-card-v320{transition:none!important;transform:none!important}}

/* Notification center 3.2 */
.notification-page-shell{perspective:1100px}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}
.notification-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px}.notification-filters::-webkit-scrollbar{display:none}
.notification-filter{appearance:none;border:1px solid #dce8e5;background:#fff;color:#61757a;border-radius:999px;padding:9px 13px;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.notification-filter.active{background:#e7f7f4;border-color:#b8ded8;color:#087e78;box-shadow:inset 0 0 0 1px rgba(11,143,136,.04)}
.notification-mark-all{border:0;background:transparent;color:#087e78;font:inherit;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer;padding:9px 4px}.notification-mark-all:disabled{opacity:.42;cursor:default}
.notification-unread-summary{display:inline-flex;align-items:center;gap:6px}.notification-unread-summary b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#e8424e;color:#fff;font-size:10px}
.notification-card-v320{position:relative;display:grid;grid-template-columns:44px 48px minmax(0,1fr) auto 34px;align-items:center;gap:11px;min-height:80px;padding:12px 12px;border:1px solid #e1ebe8;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(18,52,57,.045);transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.notification-card-v320.is-unread{border-color:#b8ddd7;background:linear-gradient(100deg,#eefaf7 0,#fff 58%);box-shadow:0 8px 22px rgba(11,126,120,.07)}
.notification-card-v320.is-unread::before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;border-radius:50%;background:#e8424e;box-shadow:0 0 0 4px #fff;transform:translateY(-50%)}
.notification-main-link{display:contents;color:inherit;text-decoration:none}
.notification-toggle{width:34px;height:34px;border:0;border-radius:11px;background:#f3f7f6;color:#74868a;display:grid;place-items:center;cursor:pointer}.notification-toggle:hover{background:#e8f5f2;color:#087e78}.notification-toggle svg{width:16px;height:16px}
.notification-filter-empty{margin:24px 0;padding:26px;text-align:center;border:1px dashed #ccdcd8;border-radius:20px;color:#718287;background:rgba(255,255,255,.65)}
.notification-card-v320[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.notification-card-v320:hover{transform:translateY(-2px) translateZ(6px);box-shadow:0 12px 28px rgba(18,52,57,.09)}}
@media(max-width:760px){
  .notification-page-shell{margin-top:10px!important;margin-bottom:12px!important}
  .notification-hero-card{padding:18px 16px!important;background:linear-gradient(145deg,#fff,#f1faf8)!important;box-shadow:var(--a320-shadow-3d)!important;transform:translateZ(0)}
  .notification-hero-card h1{font-size:27px!important}.notification-hero-card p{font-size:12px;line-height:1.45}
  .notification-toolbar{display:grid;grid-template-columns:1fr auto;margin:12px 0 8px}.notification-filters{grid-column:1/-1;order:2;margin:0 -2px}
  .notification-card-v320{grid-template-columns:38px 40px minmax(0,1fr) 32px;gap:8px;min-height:70px;padding:10px 9px;border-radius:16px}
  .notification-card-v320 .notification-type-icon{width:38px;height:38px;border-radius:12px}.notification-card-v320 .notification-avatar{width:40px;height:40px;border-radius:12px}
  .notification-card-v320 .notification-copy b{font-size:11.5px;white-space:normal;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .notification-card-v320 .notification-copy small{font-size:9px}.notification-card-v320 .notification-time{grid-column:3;justify-self:start;padding:0;background:transparent;font-size:8.5px}
  .notification-toggle{grid-column:4;grid-row:1/3}.notification-chevron{display:none!important}.notification-group>h2{font-size:10px!important;margin-top:3px!important}
  .notification-mark-all{font-size:10px}.notification-filter{min-height:38px;padding:8px 12px}
}