/* V15: complete layout definitions for shop filters and featured creator strip. */
:root{
  --v14-ink:#17211f;
  --v14-accent:#177a65;
  --v14-bg:#f4f6f5;
  --v14-muted:#6e7b76;
  --v14-line:#e5eae7;
  --bg:#f4f6f5;
  --card:#fff;
  --text:#17211f;
  --muted:#6e7b76;
  --pink:#177a65;
  --soft:#eaf4ef;
  --line:#e5eae7;
  --ops-accent13:#177a65;
  --ops-ink13:#17211f;
  --ops-muted13:#6e7b76;
  --ops-line13:#e5eae7;
  --ops-bg13:#f4f6f5;
  --nav-height:68px;
  --red:#bd454d;
  color-scheme:light}

html{
  background:#edf0ee}
body{
  background:#edf0ee;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  font-size:15px;
  line-height:1.5;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased}
.app-frame{
  background:var(--bg);
  border:0;
  box-shadow:0 0 0 1px #17211f09,0 20px 80px #17211f0b;
  overflow:clip}
.content{
  padding:12px 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 24px)}
.content.flush{
  padding:0 0 calc(var(--nav-height) + env(safe-area-inset-bottom) + 20px)}

h1,h2,h3,b,strong{
  color:var(--text)}
h1,h2,h3{
  letter-spacing:-.3px}
button,a,input,select,textarea{
  -webkit-tap-highlight-color:transparent}
.icon{
  stroke-width:1.7}
.btn{
  min-height:46px;
  border-radius:12px;
  padding:11px 17px;
  font-size:15px;
  font-weight:600;
  box-shadow:none!important;
  line-height:1.4}
.btn.primary,.ops-page13 .btn.primary{
  background:var(--pink);
  color:#fff;
  border:1px solid var(--pink)}
.btn.outline{
  color:var(--pink);
  border-color:#cbdcd5;
  background:#fff}
.btn.ghost{
  background:#edf1ef;
  color:#52635b;
  border:1px solid transparent}
.btn.smallbtn,.ops-page13 .smallbtn{
  min-height:36px;
  font-size:13px;
  padding:7px 12px;
  border-radius:9px}
.btn:disabled,button:disabled{
  opacity:.45;
  cursor:not-allowed}
.text-btn{
  font-size:13px;
  color:var(--pink);
  min-height:40px;
  gap:5px}
.icon-btn{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:50%;
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center}
.icon-btn .icon{
  width:22px;
  height:22px}
.top14{
  height:60px;
  padding:8px 12px;
  gap:8px;
  background:#ffffffed;
  border-bottom:1px solid #17211f07;
  backdrop-filter:none;
  position:sticky;
  top:0;
  z-index:20;
  box-shadow:none}
.top14 h1{
  font-size:18px;
  line-height:24px;
  letter-spacing:-.3px;
  font-weight:650;
  margin:0;
  flex:1}
.top14.root-top14{
  height:66px;
  padding:10px 17px;
  border:0;
  background:var(--bg)}
.top14.root-top14 h1{
  font-size:26px;
  font-weight:750;
  letter-spacing:-1px}
.top14 .header-actions{
  margin-left:auto;
  gap:0}
.top14 .back14{
  margin-left:-5px}
.top14 .header-actions:empty{
  display:none}

.nav14{
  height:calc(68px + env(safe-area-inset-bottom));
  padding:5px 12px calc(5px + env(safe-area-inset-bottom));
  border:0;
  border-top:1px solid #17211f0b;
  background:#fffffff2;
  backdrop-filter:none;
  box-shadow:none}
.nav14 .nav-item{
  height:56px;
  gap:2px;
  color:#8a958f}
.nav14 .nav-item.active{
  color:var(--pink)}
.nav14 .nav-icon{
  height:32px;
  width:52px;
  border-radius:18px}
.nav14 .nav-item.active .nav-icon{
  background:#e9f4ee}
.nav14 .nav-label{
  font-size:11px;
  line-height:16px;
  font-weight:550}
.nav14 .nav-icon>.icon{
  width:24px;
  height:24px}
.nav14 .nav-switch8{
  right:0;
  bottom:0;
  width:14px;
  height:14px;
  border:1.5px solid white;
  color:var(--pink);
  background:white;
  border-radius:50%}
.nav14 .nav-switch8 .icon{
  width:10px;
  height:10px}

.discover-heading14{
  padding:0 18px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between}
.discover-heading14 h2{
  font-size:24px;
  line-height:1.4;
  font-weight:720;
  letter-spacing:-.7px}
.discover-heading14 p{
  font-size:13px;
  color:var(--muted);
  margin-top:4px}
.preference14{
  background:#fff;
  border:1px solid var(--line);
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--pink)}
.preference14 .icon{
  width:21px;
  height:21px}
.discover-tools14{
  padding:0 12px 13px 14px;
  display:flex;
  gap:5px;
  align-items:center}
.discover-tools14 .pills{
  flex:1;
  min-width:0;
  padding:0;
  gap:2px}
.discover-tools14 .pill{
  font-size:14px;
  padding:8px 10px;
  min-height:38px;
  border-radius:20px;
  color:#75827b;
  background:transparent}
.discover-tools14 .pill.active{
  color:var(--pink);
  background:#e5f0ea;
  font-weight:650}
.filter-control{
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  flex:0 0 44px;
  background:#fff;
  border:1px solid var(--line);
  color:var(--pink);
  border-radius:12px;
  display:grid;
  place-items:center}
.creator-grid{
  padding:0 14px;
  gap:12px}
.creator-card.card14{
  border-radius:16px;
  border:0;
  background:white;
  box-shadow:0 1px 3px #17211f06;
  overflow:hidden}
.card14 .creator-visual{
  border-radius:0;
  aspect-ratio:3/4.15}
.card14 .creator-visual>img{
  object-position:center 30%}
.card14 .creator-visual:after{
  inset:48% 0 0;
  background:none}
.card-title14{
  position:absolute;
  left:12px;
  right:10px;
  bottom:12px;
  z-index:2;
  display:flex;
  align-items:baseline;
  gap:6px;
  justify-content:space-between}
.card-title14 b{
  font-size:18px;
  line-height:1.3;
  color:white;
  text-shadow:0 1px 5px #0003;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis}
.card-title14 small{
  font-size:9px;
  letter-spacing:-.1px;
  color:#ffffffbf;
  white-space:nowrap}
.availability14{
  position:absolute;
  left:9px;
  top:9px;
  background:#152a1a69;
  color:#fff;
  backdrop-filter:blur(10px);
  font-size:10px;
  line-height:16px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:3px 7px;
  border-radius:20px;
  z-index:2}
.availability14 i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d8dedb}
.availability14.online i{
  background:#80edac}
.availability14.busy i{
  background:#f2c875}
.card14 .creator-video{
  left:auto;
  right:9px;
  top:9px;
  background:#152a1a69;
  padding:5px;
  border-radius:50%;
  z-index:2}
.card-meta14{
  padding:11px 11px 12px;
  display:block}
.card-meta14>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:5px}
.card-meta14 span{
  font-size:12px;
  color:#4f6158}
.card-meta14 b{
  font-size:14px;
  font-weight:680;
  white-space:nowrap}
.card-meta14 b small{
  font-size:10px;
  font-weight:400;
  color:#7c8b82;
  margin-left:2px}
.card-meta14 p{
  font-size:11px;
  color:#87928c;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:5px}
.card14 .reason9{
  border-top:1px solid #f0f3f1;
  min-height:32px;
  font-size:10px;
  padding:4px 10px;
  background:#fff;
  gap:4px}
.card14 .reason9>.icon:last-child{
  margin-left:auto}
.active-filters9{
  margin:0 16px 12px;
  background:#edf3ef;
  padding:8px 11px;
  border-radius:9px;
  color:#577063;
  font-size:12px;
  gap:12px;
  display:flex;
  justify-content:space-between}
.active-filters9 span{
  min-width:0}
.active-filters9 button{
  color:var(--pink);
  white-space:nowrap}
.feed-end14{
  color:#97a09a;
  font-size:12px;
  text-align:center;
  padding:24px 0 8px}

.discover6-immersive>.immersive-header14{
  position:absolute;
  inset:0 0 auto;
  height:64px;
  background:linear-gradient(#0005,transparent); /* taste-skill-ignore: readability scrim over the immersive photograph */
  border:0;
  color:#fff;
  padding:10px 18px;
  display:flex;
  align-items:center;
  z-index:5}
.immersive-header14>span{
  font-size:20px;
  font-weight:650;
  letter-spacing:1px}
.immersive-header14 .header-actions{
  margin-left:auto}
.immersive-header14 .icon-btn{
  background:#14231f35;
  color:#fff;
  backdrop-filter:none}
.discover6-immersive .content{
  padding:0!important}
.discover6-immersive .immersive-deck6{
  width:100%;
  margin:0;
  border-radius:0}
.immersive-person6{
  border-radius:0}
.immersive-person6 h2{
  color:#fff}
.immersive-person6 .person-price8,.immersive-person6 .person-price8 small{
  color:#fff}
.immersive-info6{
  padding:100px 24px 26px;
  background:linear-gradient(transparent,#06140ebd) /* taste-skill-ignore: readability scrim over the immersive photograph */}
.immersive-info6 h2{
  font-size:30px;
  font-weight:650;
  letter-spacing:-.5px}
.immersive-info6>p{
  font-size:14px;
  line-height:1.65;
  color:#ffffffe0;
  max-width:92%;
  margin:12px 0}
.immersive-info6 small{
  color:#ffffffb5}
.immersive-info6 .person-facts8{
  color:#fff}
.immersive-top11{
  display:none}
.immersive-progress11{
  top:69px;
  left:24px;
  right:24px}
.immersive-tags6 span{
  background:#ffffff1c;
  border:1px solid #ffffff18;
  color:#fff;
  padding:5px 9px;
  font-size:11px}
.immersive-slide6 .video-source12{
  top:88px;
  left:24px;
  background:#10221f80;
  font-size:10px}

.section14{
  margin:22px 0 0}
.section-title14{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 3px 9px;
  min-height:27px}
.section-title14 h2{
  font-size:13px;
  font-weight:600;
  color:#78877e;
  letter-spacing:.1px}
.section-title14 h2 small{
  margin-left:5px;
  font-size:12px}
.list14{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #edf0ee}
.list-row14{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:10px 16px;
  text-align:left;
  width:100%;
  position:relative;
  background:transparent}
.list-row14:after{
  content:'';
  height:1px;
  background:#eef1ef;
  position:absolute;
  left:58px;
  right:0;
  bottom:0}
.list-row14:last-child:after{
  display:none}
.list-icon14{
  width:29px;
  height:29px;
  border-radius:9px;
  background:#eff5f1;
  color:#4e7964;
  display:grid;
  place-items:center;
  flex-shrink:0}
.list-icon14 .icon{
  width:18px;
  height:18px}
.list-label14{
  font-size:15px;
  color:var(--text);
  flex:1}
.list-row14>small{
  font-size:12px;
  color:#8b968e;
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.list-row14>.icon{
  height:16px;
  width:16px;
  color:#b6c1ba}
.quiet-footer14{
  text-align:center;
  color:#a1aaa5;
  font-size:11px;
  line-height:1.6;
  padding:25px 10px 8px}
.logout14{
  margin-top:24px;
  border-radius:14px;
  background:#fff;
  min-height:50px;
  width:100%;
  color:#ba4750;
  font-size:15px;
  border:1px solid var(--line)}
.profile-summary14{
  display:flex;
  gap:14px;
  align-items:center;
  padding:11px 3px 20px}
.my-avatar14{
  height:68px;
  width:68px;
  border-radius:50%;
  background:#dfeae3;
  color:#40795f;
  font-size:27px;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex-shrink:0;
  border:3px solid white;
  box-shadow:0 1px 8px #17211f0a}
.my-avatar14 img{
  height:100%;
  width:100%;
  object-fit:cover}
.profile-summary14>div{
  flex:1;
  min-width:0}
.profile-summary14 h2{
  font-size:23px;
  line-height:1.35;
  font-weight:700}
.profile-summary14 p{
  font-size:12px;
  color:var(--muted);
  margin-top:7px}
.profile-summary14>.icon{
  width:19px;
  color:#a3afa7}
.stats14{
  margin:0 0 20px;
  padding:0 0 5px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0}
.stats14 strong{
  font-size:22px;
  font-weight:650;
  line-height:1.3}
.stats14 span{
  font-size:12px;
  display:block;
  margin-top:5px;
  color:#819088}
.account-balance14{
  display:flex;
  align-items:center;
  gap:12px;
  background:#193e33;
  border:1px solid #254d40;
  border-radius:16px;
  padding:18px;
  color:white}
.balance-icon14{
  width:40px;
  height:40px;
  border-radius:12px;
  background:#ffffff12;
  display:grid;
  place-items:center}
.balance-icon14 .icon{
  width:23px;
  height:23px}
.account-balance14 div{
  flex:1}
.account-balance14 div>span{
  font-size:11px;
  color:#b8d3c3;
  display:block}
.account-balance14 strong{
  color:#fff;
  display:block;
  font-size:23px;
  letter-spacing:-.3px;
  line-height:1.4;
  margin-top:2px}
.account-balance14>small{
  font-size:11px;
  color:#c2d8ce}
.account-balance14>.icon{
  width:15px;
  height:15px;
  color:#9fbeb0}
.service-shortcuts14{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
  background:white;
  border-radius:14px;
  margin-top:12px;
  padding:16px 7px}
.service-shortcuts14>a{
  position:relative;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:9px;
  font-size:12px;
  color:#5d6e65}
.service-shortcuts14 .icon{
  width:23px;
  height:23px;
  color:#365c4b}
.service-shortcuts14 i{
  position:absolute;
  font-size:9px;
  top:-5px;
  right:15px;
  min-width:15px;
  height:15px;
  border-radius:9px;
  background:#c45c5c;
  color:#fff;
  font-style:normal;
  display:grid;
  place-items:center;
  border:2px solid white}

.creator-intro14{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:3px 4px 18px}
.creator-intro14 p{
  font-size:12px;
  color:var(--muted);
  margin:0 0 5px}
.creator-intro14 h2{
  font-size:25px;
  font-weight:700}
.creator-intro14 .icon-btn{
  background:#fff;
  border:1px solid var(--line)}
.creator-actions14{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-bottom:19px}
.creator-actions14>a,.creator-actions14>button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#fff;
  border:1px solid #e9eeeb;
  border-radius:13px;
  padding:17px 4px;
  font-size:12px;
  color:#536b5d}
.creator-actions14 .icon{
  width:23px;
  height:23px;
  color:var(--pink)}
.creator-metrics14{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:white;
  border:1px solid #e9eeeb;
  border-radius:14px;
  overflow:hidden}
.creator-metrics14>a{
  padding:17px 18px}
.creator-metrics14>a+a{
  border-left:1px solid #edf1ee}
.creator-metrics14 small{
  font-size:12px;
  color:#7c8d83}
.creator-metrics14 strong{
  font-size:24px;
  display:block;
  margin-top:5px;
  color:#294d3c}
.creator-metrics14 em{
  font-style:normal;
  font-size:11px;
  font-weight:400;
  color:#94a198;
  margin-left:5px}
.creator-metrics14 span{
  font-size:11px;
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:8px;
  color:#6f877a}
.creator-metrics14 span .icon{
  width:12px;
  height:12px}
.pending-banner14{
  background:#e7f3ec;
  border:1px solid #d6e8dd;
  border-radius:13px;
  padding:13px;
  margin:0 0 15px;
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--pink)}
.pending-banner14>span{
  flex:1}
.pending-banner14 b{
  font-size:13px;
  color:#29553c}
.pending-banner14 small{
  display:block;
  font-size:11px;
  color:#6f8a79;
  margin-top:3px}
.pending-banner14>.icon{
  height:19px;
  width:19px}
.segmented14{
  display:flex;
  background:#e7ece9;
  border-radius:10px;
  padding:3px;
  gap:3px;
  margin:0 0 10px}
.segmented14 button{
  min-height:34px;
  flex:1;
  font-size:12px;
  color:#7a8a80;
  border-radius:8px}
.segmented14 button.active{
  background:white;
  color:var(--text);
  box-shadow:0 1px 3px #17211f0a;
  font-weight:600}
.work-row14{
  display:flex;
  gap:12px;
  align-items:center;
  padding:13px 14px;
  border-bottom:1px solid #edf1ee}
.work-row14:last-child{
  border-bottom:0}
.work-thumb14{
  width:52px;
  height:58px;
  border-radius:9px;
  background:#edf2ee;
  overflow:hidden;
  flex-shrink:0;
  display:grid;
  place-items:center;
  color:#96ab9e}
.work-thumb14 img{
  width:100%;
  height:100%;
  object-fit:cover}
.work-row14>div{
  flex:1;
  min-width:0}
.work-row14 b{
  font-size:14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden}
.work-row14 small{
  font-size:11px;
  color:#86948b;
  display:block;
  margin-top:6px}
.work-row14>.icon{
  width:15px;
  height:15px;
  color:#b5c1b8}
.work-body14{
  font-size:15px;
  line-height:1.7;
  white-space:pre-wrap}
.state-summary14{
  padding:20px 4px 25px}
.state-summary14 h2{
  font-size:23px;
  margin:12px 0 8px}
.state-summary14 p{
  font-size:14px;
  line-height:1.7;
  color:var(--muted)}

.op-card13{
  border-radius:14px;
  margin-bottom:14px;
  padding:17px;
  border:1px solid #e9eeeb}
.op-card13>header{
  margin-bottom:10px}
.op-card13>header h2{
  font-size:15px;
  font-weight:650}
.op-row13{
  min-height:58px;
  padding:11px 0;
  gap:12px;
  border-color:#edf1ee}
.op-row13 b{
  font-size:14px}
.op-row13 small{
  font-size:12px;
  line-height:1.55}
.op-hero13{
  background:white;
  border:1px solid var(--line);
  border-radius:16px;
  text-align:left;
  padding:21px;
  margin-bottom:16px}
.op-hero13 h1{
  font-size:26px;
  margin:8px 0}
.op-hero13 p{
  margin:8px 0 14px;
  color:var(--muted);
  line-height:1.65}
.op-hero-icon13{
  height:44px;
  width:44px;
  background:#eaf4ee;
  border-radius:13px}
.op-hint13{
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
  margin:10px 1px}
.op-tag13{
  border-radius:5px;
  padding:3px 7px;
  font-size:11px;
  background:#e8f3ed;
  color:#287657}
.op-form-grid13{
  gap:12px}
.field{
  font-size:13px;
  color:#5a6d62;
  gap:7px;
  margin:16px 0}
.field input,.field textarea,.field select,.op-card13 input:not([type=checkbox]):not([type=file]),.op-card13 textarea,.op-card13 select{
  background:#f6f8f7!important;
  border:1px solid #e3e9e5!important;
  border-radius:10px!important;
  font-size:15px!important;
  line-height:1.5;
  color:var(--text)!important;
  padding:11px 12px;
  min-height:46px;
  box-shadow:none;
  margin-top:0}
.field textarea{
  resize:vertical}
.field :focus-visible,.op-card13 :is(input,textarea,select):focus-visible{
  border-color:var(--pink)!important;
  outline:none;
  box-shadow:0 0 0 3px #177a6512!important}
.field small{
  font-size:12px;
  color:var(--muted)}
.checkbox-line{
  font-size:12px!important;
  line-height:1.65;
  color:var(--muted)}
.checkbox-line input{
  accent-color:var(--pink);
  height:18px;
  width:18px}
.inline-notice{
  border:1px solid #e2eae5;
  border-radius:10px;
  background:#eef4f0;
  color:#6b8274;
  font-size:12px;
  line-height:1.65}
.empty{
  padding:40px 22px;
  color:var(--muted)}
.empty h3{
  font-size:18px;
  color:var(--text);
  font-weight:600}
.empty p{
  font-size:13px;
  line-height:1.7}
.empty-symbol14{
  height:54px;
  width:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#e8f1eb;
  color:#65957a;
  margin:0 auto 17px}
.empty-symbol14 .icon{
  margin:0;
  width:25px;
  height:25px}
.empty.compact14{
  padding:30px 20px}
.empty.compact14 h3{
  font-size:15px}
.error-banner14{
  display:flex;
  gap:10px;
  align-items:center;
  background:#fff2ed;
  border:1px solid #efded6;
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:14px;
  font-size:12px;
  color:#9a5c43}
.error-banner14 span{
  flex:1}
.error-banner14 button{
  min-height:30px;
  color:#915335;
  text-decoration:underline}
.fine,.notice{
  font-size:12px!important;
  color:var(--muted)!important}

.sheet-overlay{
  background:#10221c69;
  backdrop-filter:blur(3px)}
.sheet{
  background:#fff;
  border:0;
  border-radius:22px 22px 0 0;
  box-shadow:0 -10px 60px #13271c10;
  padding:0 0 env(safe-area-inset-bottom);
  max-height:90dvh}
.sheet-handle{
  width:34px;
  height:4px;
  background:#d9e1dc;
  margin:9px auto 2px}
.sheet-head{
  padding:8px 18px;
  margin:0;
  border-bottom:1px solid #edf1ee;
  min-height:60px;
  align-items:center}
.sheet-head h2{
  font-size:18px;
  font-weight:650}
.sheet-head .icon-btn{
  background:#f3f6f4;
  width:34px;
  min-width:34px;
  height:34px;
  color:#819389}
.sheet-head .icon{
  height:18px;
  width:18px}
.sheet-body10{
  padding:18px 20px 24px;
  overflow:auto;
  overscroll-behavior:contain}
.sheet p{
  font-size:14px;
  line-height:1.7;
  color:#64786b}
.filter-block9{
  padding:0 0 18px;
  margin:0 0 19px;
  border-bottom:1px solid #eef1ef}
.filter-block9 h3{
  font-size:14px;
  color:#334c3d;
  font-weight:600;
  margin:0 0 12px}
.filter-options9{
  gap:8px}
.filter-options9 button{
  border:1px solid #e5eae7;
  background:#f6f8f7;
  border-radius:10px;
  min-height:40px;
  font-size:13px;
  color:#72877a}
.filter-options9 button.selected{
  background:#e8f4ec;
  border-color:#8aba9c;
  color:#256743}
.filter-actions9{
  background:#fff;
  padding-top:12px;
  box-shadow:0 -8px 14px #fff;
  gap:10px}
.filter-actions9 .btn{
  font-size:14px}
.filter-presets9 button{
  border-radius:8px;
  background:#eff4f1;
  color:#627c6c;
  font-size:12px;
  padding:7px 9px}
.toast{
  background:#1d3229f2;
  color:white;
  box-shadow:0 5px 25px #10221920;
  border-radius:12px;
  font-size:13px;
  bottom:calc(88px + env(safe-area-inset-bottom));
  padding:12px 17px;
  line-height:1.6}

.square-header9{
  height:65px;
  background:#fff;
  padding:6px 12px 0 18px;
  position:sticky;
  top:0;
  gap:0}
.square-header9 .community-top-tabs{
  padding:0;
  flex:1;
  gap:20px}
.square-header9 .community-top-tabs>button[role=tab]{
  font-size:21px;
  min-height:55px;
  color:#9ba59f;
  font-weight:550}
.square-header9 .community-top-tabs>button.active{
  color:var(--text);
  font-weight:700}
.square-header9 .community-top-tabs>button.active:after{
  height:3px;
  width:20px;
  bottom:4px;
  border-radius:3px;
  background:var(--pink)}
.square-header9 .community-compose{
  margin-left:auto;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  flex:0 0 44px;
  color:var(--text)}
.square-header9>.icon-btn{
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  flex:0 0 44px}
.circle-feed-switch{
  display:flex;
  height:auto;
  min-height:53px;
  padding:0 18px 8px;
  gap:20px;
  background:#fff;
  align-items:center;
  border-bottom:1px solid #edf1ee;
  overflow:visible}
.circle-feed-switch button{
  font-size:13px;
  line-height:20px;
  height:44px;
  min-height:44px;
  min-width:44px;
  flex:0 0 auto;
  color:#66766c;
  padding:0;
  white-space:nowrap}
.circle-feed-switch button.active{
  background:transparent;
  color:var(--pink);
  font-weight:650}
.featured9{
  background:#fff;
  height:auto;
  min-height:0;
  padding:0 16px 12px;
  border-bottom:7px solid var(--bg);
  margin:0;
  overflow:visible}
.featured-title9{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:auto;
  min-height:44px;
  margin:0 0 4px;
  gap:12px}
.featured-title9 h2{
  font-size:13px;
  line-height:20px;
  font-weight:600;
  color:#445e4e;
  margin:0}
.featured-title9 a{
  font-size:12px;
  line-height:20px;
  color:#66766c;
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px}
.featured-scroll9{
  display:flex;
  height:auto;
  min-height:0;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 1px 4px;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
  scroll-padding-inline:1px}
.featured-scroll9 a{
  flex:0 0 62px;
  width:62px;
  min-width:62px;
  max-width:62px;
  height:auto;
  min-height:78px;
  background:transparent;
  padding:0;
  position:relative;
  border-radius:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  overflow:visible;
  scroll-snap-align:start}
.featured-scroll9 img{
  flex:0 0 54px;
  height:54px;
  width:54px;
  max-width:54px;
  border-radius:50%;
  position:static;
  object-fit:cover;
  object-position:center 25%;
  border:2px solid white;
  outline:1px solid #dfe9e2}
.featured-scroll9 a:after{
  display:none}
.featured-scroll9 span{
  flex:0 0 auto;
  position:static;
  color:#52675b;
  font-size:12px;
  line-height:18px;
  padding:0;
  background:transparent;
  width:62px;
  max-width:62px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center}
.moment-card{
  background:#fff;
  border:0;
  border-bottom:7px solid var(--bg);
  margin:0;
  padding:0}
.moment-head{
  padding:16px 17px 12px;
  gap:12px}
.moment-head .avatar{
  width:39px;
  height:39px;
  border-radius:50%}
.moment-head b{
  font-size:15px;
  color:#243d2d}
.moment-head .btn{
  font-size:12px;
  border:0;
  color:var(--pink);
  background:#edf6f0;
  min-height:32px;
  padding:6px 12px;
  border-radius:18px}
.moment-cover{
  margin:0 16px;
  display:block;
  aspect-ratio:1/1;
  max-height:430px;
  border-radius:12px;
  overflow:hidden;
  background:#edf1ee}
.moment-cover>img{
  height:100%;
  object-fit:cover;
  object-position:center}
.moment-body{
  padding:14px 18px 0}
.moment-body h3{
  font-size:16px;
  font-weight:600;
  line-height:1.5;
  margin:0}
.moment-body p{
  font-size:14px;
  line-height:1.7;
  color:#77867d;
  margin:6px 0 0}
.moment-foot{
  padding:5px 17px 10px;
  gap:26px}
.moment-foot .like,.moment-foot .text-btn{
  font-size:12px;
  color:#89968d;
  min-height:42px}
.moment-foot .like.active{
  color:#bf5868}
.moment-foot .icon{
  width:20px;
  height:20px}
.moment-cover .play-center{
  height:48px;
  width:48px;
  background:#ffffff35;
  border:1px solid #ffffff6b;
  color:#fff;
  backdrop-filter:none}
.moment-cover .image-label{
  background:#172d21bd;
  color:#fff;
  border-radius:7px;
  bottom:10px;
  left:10px;
  right:auto;
  font-size:11px;
  padding:5px 8px}
.circle-directory-list{
  background:#fff;
  margin-top:2px}
.circle-list-row{
  padding:17px 18px;
  gap:13px;
  border-bottom:1px solid #edf1ee}
.circle-mark{
  width:52px;
  height:52px;
  font-size:22px;
  border-radius:13px}
.circle-row-title h3{
  font-size:15px;
  line-height:1.5}
.circle-row-main p{
  font-size:12px;
  line-height:1.55;
  color:#8b978f}
.circle-row-main small{
  font-size:11px}
.circle-directory-tools{
  padding:11px 13px}
.circle-joined-strip{
  border:0;
  background:white;
  border-radius:13px}
.bar-profile{
  background:white;
  border-bottom:1px solid var(--line)}
.bar-post-row{
  background:white;
  border-color:#edf1ee}
.bar-post-row h3{
  font-size:16px}
.bar-post-excerpt{
  color:#708578;
  font-size:14px}
.circle-quick-row span{
  font-size:11px}

.profile-gallery-wrap{
  border-radius:0;
  max-height:none}
.profile-gallery-wrap>.profile-gallery{
  height:clamp(320px,55dvh,480px);
  min-height:0;
  max-height:none}
.profile-gallery-wrap .gallery-caption{
  bottom:0;
  padding-bottom:30px}
.profile-gallery-wrap .profile-pagination11{
  bottom:2px}
.profile-gallery-wrap.profile-video-active11 .gallery-caption{
  bottom:42px}
.profile-gallery-wrap.profile-video-active11 .profile-pagination11{
  bottom:44px}
.profile-slide img{
  object-position:center 28%}
.profile-info{
  padding:22px 20px 12px;
  background:white}
.profile-info h1{
  font-size:27px;
  line-height:1.3;
  color:var(--text);
  font-weight:700}
.profile-info>p{
  font-size:14px;
  line-height:1.75;
  color:#718477;
  margin-top:10px}
.profile-info .id-copy{
  font-size:11px;
  color:#9aa79e;
  margin:8px 0 0}
.profile-interests{
  margin:12px 0;
  gap:7px}
.profile-interests>span,.profile-info .tag{
  background:#f2f5f3;
  color:#6b8474;
  font-size:11px;
  padding:4px 8px;
  border-radius:6px}
.profile-service{
  background:#f3f7f4;
  border:1px solid #e7eee9;
  border-radius:12px;
  padding:13px;
  margin-top:15px;
  line-height:1.6}
.profile-service span{
  font-size:13px;
  color:#4c6b57}
.profile-tabs{
  top:60px;
  background:#fff;
  min-height:55px;
  border-bottom:1px solid #edf1ee;
  padding:0 20px;
  gap:28px;
  z-index:10}
.profile-tabs button{
  font-size:15px;
  min-height:54px;
  padding:13px 0;
  color:#8e9a92}
.profile-tabs button.active{
  color:var(--pink)}
.profile-tabs button.active:after{
  background:var(--pink);
  height:3px;
  width:20px;
  border-radius:3px}
.profile-toolbar-v5,.media-toolbar{
  background:#fffffff5;
  backdrop-filter:blur(14px);
  border-top:1px solid #e8ede9;
  box-shadow:none;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  gap:10px}
.profile-toolbar-v5>.btn{
  min-height:46px!important;
  border-radius:12px}
.profile-toolbar-v5 .profile-follow{
  width:45px!important;
  min-width:45px!important;
  color:var(--pink)}
.detail-body7{
  padding:20px 18px 16px;
  border-color:#edf1ee;
  background:white}
.detail-body7 h1{
  font-size:22px}
.detail-body7>p{
  color:#6b7e71;
  font-size:15px;
  line-height:1.8}
.detail-author7{
  background:white;
  padding:14px 18px}
.detail-author7 .avatar{
  height:39px;
  width:39px;
  border-radius:50%}
.detail-author7 b{
  font-size:14px}
.detail-meta7 small{
  font-size:11px}
.comments-section7{
  background:white;
  padding:20px 18px 30px}
.comments-section7 .section-head{
  margin:0 0 6px}
.comments-section7 h2{
  font-size:16px}
.comment-item13{
  padding:17px 0;
  gap:10px;
  border-bottom:1px solid #f0f3f1}
.comment-avatar13{
  width:34px;
  height:34px;
  border-radius:50%;
  font-size:13px;
  background:#e9f1ec;
  color:#7c9b87}
.comment-item13 p{
  font-size:14px;
  color:#536b5c;
  line-height:1.7}
.comment-item13 small{
  font-size:11px}
.comment-item13 b{
  font-size:12px;
  color:#6a8373}
.comment-compose13{
  margin-top:18px}
.comment-compose13 textarea{
  font-size:14px;
  background:#f5f7f6;
  border-color:#e5ece7;
  border-radius:12px}
.comment-entry7{
  background:#f3f6f4;
  border:1px solid #e7ede9;
  color:#95a49a;
  font-size:13px;
  padding:11px 15px;
  border-radius:24px}
.detail-toolbar7{
  gap:14px}
.detail-toolbar7 .like{
  font-size:14px;
  min-width:45px;
  color:#81988a}
.detail-toolbar7 .like.active{
  color:#bf5868}

.shop5-top h1{
  font-size:26px;
  font-weight:700}
.shop5-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:4px 10px;
  padding:0;
  margin:0 0 16px;
  min-height:44px;
  height:auto;
  background:transparent;
  border:0;
  border-radius:0;
  color:#66766c;
  font-size:12px;
  line-height:20px}
.shop5-bar select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  max-width:100%;
  height:44px;
  min-height:44px;
  padding:0 28px 0 12px;
  margin:0;
  background:#fff;
  border:1px solid #e0e8e3;
  border-radius:10px;
  font-size:13px;
  line-height:normal;
  color:#334e40;
  text-overflow:ellipsis;
  cursor:pointer}
.shop5-grid{
  gap:14px 12px}
.shop5-product{
  background:white;
  border:0;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 1px 3px #17211f05}
.shop5-product-text{
  padding:12px}
.shop5-art{
  border-radius:0;
  background-color:#edf1ee}
.shop5-product-text h3{
  font-size:14px;
  line-height:1.5;
  font-weight:600}
.shop5-product-text p{
  font-size:11px;
  line-height:1.6;
  color:#87998d;
  margin-top:4px}
.shop5-price,.shop5-product-price{
  font-size:18px;
  color:var(--pink)}
.shop5-add,.buy-plus{
  background:#eaf4ee;
  color:var(--pink);
  border:1px solid #dcebe1;
  border-radius:50%}
.shop5-product-foot{
  padding-top:10px}
.shop5-line{
  border-color:#e3eae6}
.shop5-line-body h3,.shop5-sku-head h3,.shop5-address b{
  color:var(--text);
  font-weight:600}
.shop5-line p,.shop5-line small,.shop5-sku-head p,.shop5-address small{
  color:#66766e}
.shop5-quantity{
  height:44px;
  background:#edf3f0;
  border-radius:10px;
  overflow:hidden}
.shop5-quantity button{
  color:#496c5b;
  width:44px;
  height:44px;
  min-height:44px}
.shop5-quantity span{
  color:#344d40}
.shop5-options button{
  background:#f3f6f4;
  border:1px solid #e2e9e5;
  color:#5b7063}
.shop5-options button.selected{
  background:#e8f2ed;
  border-color:#a5c9b6;
  color:#326b52}
.shop5-address{
  border-radius:14px;
  border:1px solid #e2e9e5;
  background:white}
.shop5-checkout-bottom,.shop5-cart-bottom{
  background:#fff;
  border-color:#e5ece7;
  box-shadow:none}
.shop5-policy{
  background:#eff5f1;
  color:#6f8778;
  border-radius:10px}

.menu-list{
  background:white;
  border:1px solid #e8eeea;
  border-radius:14px;
  padding:0 15px;
  margin-top:15px}
.menu-row{
  font-size:14px;
  min-height:58px;
  padding:13px 0;
  border-color:#edf1ee;
  color:var(--text)}
.menu-row .muted{
  font-size:12px}
.panel,.order-card,.member-card{
  border:1px solid #e7eee8;
  background:white;
  border-radius:14px;
  box-shadow:none}
.order-card h3{
  font-size:15px}
.order-card p{
  font-size:13px;
  color:#7b9080}
.status{
  font-size:11px;
  background:#edf4ef;
  color:#6b8a75;
  border-radius:5px;
  padding:4px 7px}
.status.green{
  background:#e9f5ec;
  color:#3c8256}
.status.gray{
  background:#f0f3f1;
  color:#8c9b90}
.chat5-bubble{
  border-radius:16px 16px 16px 4px;
  background:white;
  border:1px solid #e7eee9;
  box-shadow:none;
  padding:11px 14px}
.chat5-bubble.mine{
  background:#e3f1e8;
  border-color:#d6e9dd;
  border-radius:16px 16px 4px 16px}
.chat5-bubble p{
  font-size:15px;
  line-height:1.65}
.chat5-top,.chat-top10{
  background:#fff;
  border-bottom:1px solid #e7ede9}
.chat5-compose textarea{
  background:#f3f6f4;
  color:var(--text);
  border-color:#e2eae5;
  border-radius:22px;
  font-size:14px;
  padding:12px 15px}
.chat5-dock10{
  background:#fff;
  border-color:#e5ece7;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
.chat5-compose .btn{
  background:var(--pink);
  color:white;
  border-radius:50%;
  min-width:42px;
  min-height:42px}
.preference-hero9{
  padding:25px 5px 20px}
.preference-hero9 h1{
  font-size:25px;
  font-weight:680;
  color:var(--text)}
.preference-hero9 p{
  font-size:14px;
  color:var(--muted)}
.ai-symbol9{
  height:46px;
  width:46px;
  border-radius:14px;
  background:#e8f2ec;
  color:var(--pink)}
#preference-description9{
  border-radius:15px;
  border:1px solid #dce8df;
  box-shadow:0 3px 14px #17211f03}
.preference-summary9{
  background:white;
  border:1px solid #e7eee9;
  border-radius:14px;
  padding:18px}
.preference-summary9 h2{
  font-size:16px;
  color:var(--text)}
.summary-field9 h3{
  font-size:12px;
  color:#8b9b90}
.summary-field9 p{
  font-size:14px;
  color:#56715e}
.prompt-examples9{
  gap:6px}
.prompt-examples9 button{
  font-size:11px;
  min-height:32px;
  padding:6px 9px;
  border-radius:20px;
  background:#eaf1ec;
  color:#6c8475}
.preference-switch9{
  font-size:14px}
.preference-options button{
  border-radius:10px;
  font-size:13px}
.preference-options button.selected{
  color:var(--pink);
  background:#e8f4ed;
  border-color:#9fc6ad}
.preference-warning9{
  background:#fff8e9;
  color:#96773f}
.toggle.on{
  background:var(--pink)}
.onboard8{
  background:#f6f8f6;
  color:var(--text)}
.welcome8 h1{
  font-size:42px;
  color:#244333;
  font-weight:650;
  letter-spacing:-1.3px}
.welcome8>p,.auth-title8 p{
  color:var(--muted);
  font-size:15px;
  line-height:1.75}
.onboard-header8{
  color:#7d9083}
.welcome-kicker8{
  color:#7f9689;
  font-size:11px;
  letter-spacing:3px}
.auth-title8 h1{
  font-size:30px;
  color:var(--text);
  font-weight:650}
.auth-form8>.btn{
  border-radius:12px}
.demo-code8{
  background:#edf4ef;
  border-color:#dde9e1;
  color:#72917d}
.phone-field8{
  border-radius:12px;
  background:#fff;
  border-color:#dce7df}
.phone-field8 input,.code-input8{
  color:var(--text)!important}
.auth-consents8>label{
  color:#7c8d82;
  font-size:12px}
.auth-consents8 button{
  color:var(--pink)}
.auth-error8{
  color:#b35151}
.phone-desktop8{
  background:#d7e5dc}

:focus-visible{
  outline:3px solid #86bda2;
  outline-offset:3px}
.app-frame a,.app-frame button{
  transition:background .16s,color .16s,transform .16s}
.app-frame button:active:not(:disabled),.btn:active{
  transform:scale(.98);
  filter:none}
.room{
  color:white}
.room h1,.room p,.room .counter-info,.room strong{
  color:white}
.room .top14{
  background:transparent;
  color:white}
.room .top14 h1,.room .icon-btn{
  color:white}

@media(min-width:600px){
  body{
  padding:20px 0}
.app-frame{
  border-radius:24px 24px 0 0}
.top14{
  border-radius:0}
.root-top14{
  border-radius:24px 24px 0 0}
.discover6-immersive.app-frame{
  border-radius:24px 24px 0 0}
.bottom-nav{
  border-left:1px solid #e4eae5;
  border-right:1px solid #e4eae5}
}

@media(max-width:370px){
  .content{
  padding-left:13px;
  padding-right:13px}
.discover-heading14{
  padding-left:16px;
  padding-right:16px}
.discover-heading14 h2{
  font-size:23px}
.creator-grid{
  padding:0 11px;
  gap:10px}
.card-title14{
  left:10px;
  right:8px;
  gap:3px}
.card-title14 b{
  font-size:16px}
.card-title14 small{
  font-size:8px}
.card-meta14{
  padding:10px}
.card-meta14 b{
  font-size:13px}
.card-meta14 span{
  font-size:11px}
.creator-actions14{
  gap:6px}
.creator-actions14>a,.creator-actions14>button{
  font-size:11px}
.list-row14{
  padding:10px 13px;
  gap:10px}
.list-label14{
  font-size:14px}
.creator-metrics14>a{
  padding:15px}
.square-header9 .community-top-tabs{
  gap:14px}
.square-header9 .community-top-tabs>button[role=tab]{
  font-size:20px}
.moment-cover{
  margin:0 13px}
}

@media(prefers-reduced-motion:no-preference){
  .subpage10>.content{
  animation:page14 .18s ease-out}
.sheet{
  animation:sheet14 .22s cubic-bezier(.16,1,.3,1)}
@keyframes page14{
  from{
  opacity:.5;
  translate:0 4px}
to{
  opacity:1;
  translate:0 0}
}
@keyframes sheet14{
  from{
  opacity:.6;
  translate:0 24px}
to{
  opacity:1;
  translate:0 0}
}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}

/* V14 transactional state surfaces */
.form-error14{
  color:#a63838;
  background:#fff0ee;
  padding:12px 14px;
  border-radius:10px;
  font-size:13px;
  line-height:1.5;
  margin:14px 0 0}
.member-person14{
  text-align:center;
  padding:8px 0 4px}
.member-person14 img{
  width:70px;
  height:70px;
  margin:0 auto 12px;
  display:block;
  border-radius:50%}
.member-person14 h3{
  font-size:19px;
  margin:0 0 6px}
.member-person14 p{
  font-size:13px;
  color:var(--muted)}
.member-price14{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:5px;
  margin:22px 0}
.member-price14 strong{
  font-size:36px;
  font-weight:700;
  letter-spacing:-1px}
.member-price14 span{
  color:var(--muted);
  font-size:13px}
.transaction-note14{
  text-align:center;
  color:#7b8480;
  font-size:12px;
  margin:12px 0 0}
.topup-options14{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:22px 0}
.topup-options14 button{
  border:1px solid #e3e8e4;
  background:#f7f8f6;
  border-radius:12px;
  min-height:64px;
  font-size:20px;
  font-weight:650;
  color:#26352d}
.topup-options14 .selected{
  border-color:#1c7e68;
  background:#e8f3ed;
  color:#146b55}
.wallet-hero14{
  padding:22px 20px 26px;
  background:#1d3930;
  border-radius:18px;
  color:white;
  margin:0 0 26px}
.wallet-hero14>span{
  font-size:13px;
  opacity:.76}
.wallet-hero14 h1{
  font-size:40px;
  font-weight:600;
  letter-spacing:-1px;
  margin:12px 0 22px}
.wallet-hero14 .btn{
  background:#e6f3ed;
  color:#1d513f}
.ledger-row14{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border-bottom:1px solid #eef0ed}
.ledger-row14:last-child{
  border-bottom:0}
.ledger-row14 div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px}
.ledger-row14 b{
  font-size:14px;
  font-weight:550}
.ledger-row14 small{
  font-size:12px;
  color:#7c8580}
.ledger-row14 strong{
  font-size:16px;
  white-space:nowrap}
.positive14{
  color:#217b60}
.list-label14>small{
  display:block;
  font-size:12px;
  color:#7c8580;
  margin-top:5px;
  line-height:1.5}
.connection-form14{
  padding:16px}
.locked-panel14{
  min-height:400px;
  background:#eaf1eb;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:32px 24px;
  text-align:center;
  margin:0 16px 24px;
  border-radius:16px}
.locked-panel14>.icon{
  width:38px;
  height:38px;
  color:#496858;
  margin-bottom:20px}
.locked-panel14 h2{
  font-size:21px;
  margin:0 0 10px}
.locked-panel14 p{
  font-size:14px;
  color:#637368;
  margin:0 0 24px}
.locked-panel14 small{
  font-size:12px;
  color:#637368;
  margin-top:14px}
.call-mode14{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:22px 0}
.call-mode14 button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #e0e6e2;
  border-radius:12px;
  height:54px;
  background:#f5f7f4}
.call-mode14 button.selected{
  background:#e9f3ed;
  color:#167055;
  border-color:#529c83}
.live-call14{
  min-height:calc(100dvh - 60px);
  background:#173c2e;
  color:#fff;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:24px 20px 32px;
  box-sizing:border-box}
.call-simulation14{
  border:1px solid #ffffff28;
  border-radius:24px;
  font-size:12px;
  padding:8px 14px;
  color:#c1d5c8}
.call-simulation14 i{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7cbaa0;
  margin-right:8px}
.call-person14{
  margin-top:38px}
.call-avatar14{
  width:100px;
  height:100px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #ffffff20}
.call-person14 h1{
  font-size:26px;
  margin:16px 0 8px}
.call-person14 p{
  color:#b7c9be;
  font-size:14px}
.call-time14{
  font-size:42px;
  font-weight:350;
  font-variant-numeric:tabular-nums;
  letter-spacing:2px;
  margin:24px 0 16px}
.call-meter14{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  justify-content:center;
  color:#bbcec2;
  font-size:13px;
  line-height:1.5}
.call-meter14 b{
  color:#fff;
  font-weight:500}
.call-device14{
  display:flex;
  align-items:center;
  gap:8px;
  color:#a9bfb1;
  font-size:12px;
  margin:24px 0;
  flex:1}
.call-device14 .icon{
  width:18px}
.end-call14{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  border:none;
  border-radius:50%;
  background:#c84f52;
  color:white;
  margin:12px 0}
.end-call14 .icon{
  width:27px;
  height:27px}
.call-exit14{
  font-size:13px;
  color:#dbe7df;
  margin:0}
.call-result14{
  text-align:center;
  padding:24px 12px 32px}
.result-icon14{
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  background:#e8f3ed;
  color:#227b61;
  border-radius:50%;
  margin:0 auto 20px}
.call-result14 h2{
  font-size:22px}
.call-result14 p{
  color:#737f77;
  font-size:14px}
.call-result14 strong{
  display:block;
  font-size:36px;
  margin:22px 0 6px}
.call-result14 small{
  font-size:12px;
  color:#7b8580}
.me14>.list-row14{
  border-radius:14px;
  margin-top:12px;
  background:white}
.feed-end14{
  font-size:12px;
  color:#929991;
  text-align:center;
  padding:24px 0 12px}

.live-call14 h1{
  color:#fff}
.notification-title14{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#7c8580;
  font-size:13px;
  margin:0 0 12px}
.notification-row14{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:18px 14px;
  border:0;
  border-bottom:1px solid #edf0ec;
  background:white;
  text-align:left;
  color:#1b2922}
.notification-row14>span:nth-child(2){
  flex:1;
  min-width:0}
.notification-row14 b{
  font-weight:450;
  font-size:14px;
  line-height:1.65;
  display:block;
  overflow-wrap:anywhere}
.notification-row14 small{
  display:block;
  font-size:12px;
  color:#869088;
  margin-top:5px}
.notification-row14>.icon{
  width:16px;
  color:#b5beb8;
  flex-shrink:0}
.notification-icon14{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#f0f4ef;
  color:#798d7f;
  flex-shrink:0;
  position:relative}
.notification-row14.unread .notification-icon14{
  background:#e7f3eb;
  color:#1c795c}
.notification-row14.unread .notification-icon14:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:6px;
  height:6px;
  border:2px solid white;
  background:#37896b;
  border-radius:50%}
.notification-row14.unread b{
  font-weight:550}
.notification-row14:last-child{
  border:0}


/* Independent V14 visual review: targeted legibility and touch adjustments.
   Append after app-v14.css. No route, state or business behavior changes. */

/* The global heading color overrides inherited white on the dark wallet card. */
.wallet-hero14 h1 {
   color: #fff;
   }


/* Informative secondary text stays readable against the white list surface. */
.card-meta14 p,
.card-meta14 b small,
.list-row14 > small,
.moment-foot .like,
.moment-foot .text-btn,
.circle-row-main p,
.circle-row-main small,
.work-row14 small,
.shop5-product-text p,
.shop5-cart-info small {
  
  color: #66766c;
  
}

.moment-foot .like.active {
   color: #a73d54;
   }


/* IDs, service states and prices are decision information, not decoration. */
.card-title14 small {
   font-size: 12px;
   color: #fff;
   }

.card-meta14 p,
.card-meta14 b small,
.availability14,
.card14 .reason9,
.featured-scroll9 span,
.circle-row-main small,
.work-row14 small,
.shop5-product-text p {
   font-size: 12px;
   }

.availability14 {
   line-height: 18px;
   }

.card14 .reason9 {
   min-height: 40px;
   }

.featured-scroll9 span {
   line-height: 16px;
   }


/* Standalone feed actions use stable thumb targets rather than tiny pills. */
.moment-head .btn {
   min-height: 44px;
   padding: 9px 14px;
   }

.moment-foot .like,
.moment-foot .text-btn,
.circle-feed-switch button {
   min-height: 44px;
   }

.moment-foot .like,
.moment-foot .text-btn {
   min-width: 44px;
   }


/* Avoid reintroducing the original 8px identifier at small breakpoints. */
@media (max-width: 370px) {
  
  .card-title14 small,
  .card-meta14 span,
  .card-meta14 b small {
   font-size: 12px;
   }

}

.preference-hero9{
  padding-left:58px}
.preference-hero9 .ai-symbol9{
  top:26px}
.header-spacer14{
  flex:1}
.error-banner14 a{
  flex-shrink:0;
  color:#8a4c2e;
  font-size:13px;
  text-decoration:none;
  padding:8px 0}
.error-banner14 small{
  display:block;
  font-size:11px;
  margin-top:4px}
.connection-empty14{
  text-align:center;
  padding:64px 20px}
.connection-empty14 h2{
  font-size:21px;
  margin:22px 0 12px}
.connection-empty14 p{
  color:#65766b;
  font-size:14px;
  line-height:1.7;
  margin:0 0 24px}
.cache-banner14{
  margin:10px 16px}


.discover-heading14{
  padding-top:0;
  padding-bottom:8px;
  margin-bottom:2px;
  min-height:40px}
.discover-heading14 p{
  font-size:14px;
  color:#66766c;
  margin:0}
.btn.smallbtn,.ops-page13 .smallbtn{
  min-height:44px}


/* Shop search, categories and sorting are independent controls, with explicit sizing. */
.shop5-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:48px;
  padding:0 12px;
  margin:2px 0 0;
  background:#fff;
  border:1px solid #e3e9e5;
  border-radius:12px}

.shop5-search>.icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
  color:#6a7b70}

.shop5-search>input{
  flex:1 1 0;
  width:0;
  min-width:0;
  height:46px;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  font-size:14px;
  line-height:20px;
  color:#263c30;
  box-shadow:none}

.shop5-search>input::placeholder{
  color:#7a8880}

.shop5-search>button{
  flex:0 0 44px;
  min-width:44px;
  min-height:44px;
  margin-right:-6px;
  padding:0 4px;
  color:var(--pink);
  font-size:14px;
  font-weight:600}

.shop5-tags{
  display:grid;
  grid-template-columns:minmax(44px,1fr) minmax(64px,1.4fr) minmax(44px,1fr) minmax(64px,1.4fr) minmax(44px,1fr);
  gap:4px;
  padding:10px 0 12px;
  margin:0;
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none}

.shop5-tags>button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:8px 4px;
  font-size:14px;
  line-height:20px;
  white-space:nowrap;
  border-radius:10px;
  background:transparent;
  color:#66766c}

.shop5-tags>button.active{
  background:#e7f2ec;
  color:#166d56;
  font-weight:650}

.shop5-bar>span{
  flex:1 1 110px;
  min-width:0;
  line-height:20px}

.shop5-bar>label{
  position:relative;
  flex:0 0 126px;
  width:126px;
  max-width:100%;
  display:block;
  min-width:0;
  margin:0}

.shop5-bar>label:after{
  content:'';
  pointer-events:none;
  position:absolute;
  right:14px;
  top:17px;
  width:6px;
  height:6px;
  border-right:1.5px solid #66766c;
  border-bottom:1.5px solid #66766c;
  transform:rotate(45deg)}

.shop5-bar select:focus-visible{
  outline:2px solid var(--pink);
  outline-offset:2px}

.shop5-product{
  display:flex;
  flex-direction:column;
  min-width:0}

.shop5-product>a{
  display:block;
  flex:1;
  min-width:0}

.shop5-product-text{
  padding:12px 12px 0}

.shop5-product-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:12px;
  min-height:64px;
  margin-top:auto}

@media(max-width:370px){
  .featured9{
  padding-left:13px;
  padding-right:13px}
.square-header9{
  padding-left:13px;
  padding-right:9px}
.square-header9 .community-top-tabs{
  gap:14px}
.circle-feed-switch{
  padding-left:13px;
  padding-right:13px}
.shop5-product-text{
  padding:11px 10px 0}
.shop5-product-foot{
  padding:10px}
}


/* V16 / Accent ladder: shared visual contracts. Photo scrims remain only where
   text actually overlaps photography;
   application chrome is opaque. */
:root{
  --v14-ink:#192923;
  --v14-accent:#146b55;
  --v14-bg:#f5f7f6;
  --v14-muted:#607168;
  --v14-line:#e0e7e2;
  --bg:#f5f7f6;
  --text:#192923;
  --muted:#607168;
  --pink:#146b55;
  --soft:#eaf3ee;
  --line:#e0e7e2;
  --ops-accent13:#146b55;
  --ops-ink13:#192923;
  --ops-muted13:#607168;
  --ops-line13:#e0e7e2;
  --ops-bg13:#f5f7f6;
  --red:#aa3645}

html{
  background:#e9eeeb;
  scrollbar-color:#a2b4a9 transparent;
  scrollbar-width:thin}
body{
  background:#e9eeeb;
  line-height:1.55}
::selection{
  background:#cce5d7;
  color:#153b2c}
input,textarea{
  caret-color:var(--pink)}
:focus-visible{
  outline:2px solid #146b55;
  outline-offset:3px}
::placeholder{
  color:#697970;
  opacity:1}

.app-frame{
  box-shadow:none;
  background:var(--bg)}
.content{
  padding-top:16px}
.content.flush{
  padding-top:0}
.subpage10>.content{
  animation:none}
.top14{
  background:#fff;
  backdrop-filter:none;
  border-bottom:1px solid var(--line);
  height:60px;
  padding:8px 12px;
  gap:8px}
.top14 h1{
  font-size:18px;
  font-weight:650;
  letter-spacing:0}
.top14.root-top14{
  height:64px;
  padding:10px 16px;
  background:var(--bg)}
.top14.root-top14 h1{
  font-size:25px;
  letter-spacing:-.7px}
.top14 .icon-btn{
  border-radius:12px}
.top14 .icon-btn:hover{
  background:var(--soft)}

.btn,.ops-page13 .btn{
  min-height:48px;
  border-radius:12px;
  line-height:22px;
  gap:8px}
.btn .icon{
  height:20px;
  width:20px}
.btn.smallbtn,.ops-page13 .smallbtn{
  min-height:44px}
.btn.primary:hover{
  background:#105a47}
.btn.ghost{
  color:#425c4f;
  background:#edf2ee}
.text-btn{
  min-height:44px;
  font-size:14px}
.icon-btn{
  min-width:44px;
  min-height:44px}
.btn:disabled,button:disabled{
  opacity:.55}
.nav14{
  background:#fff;
  backdrop-filter:none;
  border-top:1px solid var(--line);
  padding-top:4px}
.nav14 .nav-item{
  color:#65756c;
  height:58px;
  gap:1px}
.nav14 .nav-label{
  font-size:12px;
  line-height:18px;
  font-weight:500}
.nav14 .nav-icon{
  height:30px;
  border-radius:12px;
  width:48px}
.nav14 .nav-item.active .nav-icon{
  background:#e5f1e9}
.nav14 .nav-item.active .nav-label{
  font-weight:650}
.nav14 .nav-icon>.icon{
  width:23px;
  height:23px}

.section14{
  margin-top:28px}
.section-title14{
  margin:0 0 12px;
  min-height:24px}
.section-title14 h2{
  font-size:17px;
  font-weight:650;
  letter-spacing:0;
  color:var(--text);
  line-height:24px}
.section-title14 h2 small{
  font-size:13px;
  color:var(--muted);
  font-weight:450;
  margin-left:6px}
.list14{
  border:1px solid var(--line);
  border-radius:14px}
.list-row14{
  min-height:60px;
  padding:12px 16px;
  gap:12px}
.list-icon14{
  height:24px;
  width:24px;
  background:none;
  color:#456453;
  border-radius:0}
.list-icon14 .icon{
  width:22px;
  height:22px}
.list-label14{
  line-height:23px;
  font-size:15px;
  font-weight:500;
  min-width:0}
.list-row14:after{
  left:52px;
  background:#e8ede9}
.list-row14>small,.list-label14>small{
  font-size:12px;
  color:var(--muted)}
.list-row14>.icon{
  color:#75867b;
  flex-shrink:0}
.list-row14:hover,.work-row14:hover{
  background:#f8faf8}
.quiet-footer14{
  font-size:12px;
  color:#65756b;
  line-height:20px}
.logout14{
  min-height:48px;
  color:#a33142}
.segmented14{
  background:#e9eeea;
  padding:3px;
  gap:2px;
  border-radius:12px;
  margin-bottom:12px}
.segmented14 button{
  min-height:44px;
  font-size:13px;
  color:#5b7062;
  line-height:20px;
  border-radius:9px;
  white-space:nowrap;
  padding:6px}
.segmented14 button.active{
  background:white;
  color:#173c2c;
  box-shadow:none;
  font-weight:650}

/* The creator's content is above tools;
   one prominent publish action. */
.creator-studio16{
  padding:0}
.studio-profile16{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:0 0 16px}
.studio-avatar16{
  height:48px;
  width:48px;
  flex:0 0 48px;
  border-radius:50%;
  background:#e0ece4;
  display:grid;
  place-items:center;
  font-size:22px;
  color:var(--pink);
  overflow:hidden}
.studio-avatar16 img{
  width:100%;
  height:100%;
  object-fit:cover}
.studio-person16{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px}
.studio-person16 strong{
  font-size:18px;
  font-weight:650;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.studio-person16 small{
  font-size:13px;
  color:var(--muted)}
.studio-profile16>.icon{
  width:18px;
  height:18px;
  color:#697e70}
.studio-publish16{
  width:100%;
  display:flex;
  justify-content:center;
  margin:0 0 16px;
  font-size:16px}
.studio-summary16{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px 0}
.studio-summary16>a{
  min-width:0;
  padding:0 18px}
.studio-summary16>a+a{
  border-left:1px solid var(--line)}
.studio-summary16 span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:13px;
  color:var(--muted)}
.studio-summary16 span .icon{
  width:15px;
  height:15px;
  color:#738579}
.studio-summary16 strong{
  display:block;
  font-size:26px;
  line-height:32px;
  letter-spacing:-.5px;
  font-weight:600;
  margin-top:8px;
  font-variant-numeric:tabular-nums}
.studio-summary16 strong small{
  font-size:12px;
  letter-spacing:0;
  color:var(--muted);
  font-weight:400}
.creator-content14{
  margin-top:26px}
.studio-content16:has(.empty){
  background:transparent;
  border:1px dashed #cbd8cf}
.studio-content16 .empty{
  padding:22px 12px 24px;
  min-height:164px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center}
.studio-empty16{
  display:block;
  color:#708679;
  margin-bottom:8px}
.studio-empty16 .icon{
  width:28px;
  height:28px}
.studio-content16 .empty h3{
  font-size:15px;
  font-weight:600;
  margin:0}
.studio-content16 .empty p{
  font-size:13px;
  color:var(--muted);
  line-height:21px;
  margin:6px 0 0;
  max-width:29ch}
.work-row14{
  min-height:96px;
  padding:14px;
  gap:12px}
.work-thumb14{
  height:64px;
  width:56px;
  flex:0 0 56px;
  border-radius:8px;
  background:#edf2ee;
  position:relative;
  overflow:hidden}
.work-thumb14 img,.work-thumb14 video{
  width:100%;
  height:100%;
  object-fit:cover}
.work-thumb14>span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:white;
  background:#0002}
.work-thumb14 .icon{
  height:20px;
  width:20px}
.work-row14>div{
  min-width:0;
  flex:1}
.work-row14 b{
  font-size:14px;
  font-weight:550;
  line-height:22px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  white-space:normal}
.work-row14 small{
  font-size:12px;
  color:var(--muted);
  line-height:18px;
  margin-top:5px}
.work-state16.pending{
  color:#805b17}
.work-state16.rejected,.work-state16.removed{
  color:#a33142}
.pending-banner14{
  border:0;
  background:#e8f3ec;
  padding:14px;
  border-radius:12px;
  margin-bottom:16px}
.pending-banner14 b{
  font-size:14px;
  color:#20513a}
.pending-banner14 small{
  font-size:12px;
  color:#466c54;
  margin-top:4px}
.post-photos7 video{
  width:100%;
  max-height:460px;
  display:block;
  border-radius:10px;
  background:#101b16}

/* Discover cards: photographs lead;
   names, IDs and prices remain readable. */
.discover-heading14{
  padding:0 16px 8px;
  min-height:44px;
  margin:0;
  gap:12px}
.discover-heading14 p{
  font-size:14px;
  line-height:22px;
  color:var(--muted)}
.preference14{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:0;
  background:#e7f1ea;
  border-radius:12px}
.discover-tools14{
  padding:0 16px 14px;
  gap:8px}
.discover-tools14 .pills{
  gap:0}
.discover-tools14 .pill{
  font-size:14px;
  min-height:44px;
  padding:8px 12px;
  color:#607168;
  border-radius:10px}
.discover-tools14 .pill.active{
  background:#e3efe7;
  color:#146b55}
.filter-control{
  border-color:var(--line);
  color:#405c4d}
.creator-grid{
  gap:16px 12px;
  padding:0 16px}
.creator-card.card14{
  border-radius:14px;
  box-shadow:none;
  min-width:0;
  border:1px solid #e5ebe7}
.card14 .creator-visual{
  aspect-ratio:3/4;
  border-radius:0}
.card14 .creator-visual:after{
  display:none}
.availability14{
  top:10px;
  left:10px;
  color:#fff!important;
  background:#183a2de6!important;
  border:0;
  padding:4px 7px;
  border-radius:6px;
  font-size:12px;
  line-height:18px}
.availability14 i{
  background:#99e1b9}
.availability14.busy,.availability14.offline{
  background:#23342ee6!important}
.card14 .creator-video{
  background:#172c24bf;
  border:0;
  backdrop-filter:none;
  border-radius:50%;
  top:10px;
  right:10px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center}
.card14 .creator-video .icon{
  width:14px;
  height:14px}
.card-meta14{
  display:block;
  padding:12px}
.card-meta14 .person-title16{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin-bottom:7px}
.person-title16>b{
  font-size:16px;
  font-weight:650;
  line-height:22px;
  color:var(--text)}
.person-title16>small{
  font-size:12px;
  line-height:18px;
  color:#607168}
.card-meta14 .person-details16{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  flex-wrap:wrap;
  line-height:20px}
.person-details16>span,.person-details16>small{
  font-size:12px;
  color:#607168}
.person-details16>b{
  font-size:14px;
  font-weight:600;
  color:#25533e;
  white-space:nowrap}
.person-details16>b small{
  font-size:12px;
  font-weight:400;
  margin-left:1px}
.card-meta14 p{
  font-size:12px;
  line-height:20px;
  margin-top:4px;
  color:#607168;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.card14 .reason9{
  border-top:1px solid #edf1ee;
  background:#f8faf8;
  min-height:44px;
  padding:8px 10px;
  font-size:12px;
  gap:5px;
  color:#496c56;
  justify-content:flex-start}
.card14 .reason9>.icon:last-child{
  margin-left:auto}
.card14 .reason9 .icon{
  width:14px;
  height:14px}
.feed-end14{
  color:#67796d;
  font-size:12px;
  padding:24px 16px}
.active-filters9{
  font-size:12px;
  line-height:20px}
.active-filters9 button{
  min-height:44px;
  min-width:44px}
.immersive-header14{
  background:transparent;
  backdrop-filter:none}
.immersive-header14 .icon-btn{
  background:#16302780;
  color:white}
.discover6-immersive .nav14{
  background:white}
.discover6-immersive .nav14 .nav-item{
  color:#65756c}
.discover6-immersive .nav14 .nav-item.active{
  color:var(--pink)}

/* Social timeline: compact creator rail, stable two-level navigation. */
.square-header9.top14{
  height:64px;
  background:white;
  padding:6px 12px 4px 16px;
  border-bottom:0}
.square-header9 .community-top-tabs{
  gap:24px;
  min-width:0}
.square-header9 .community-top-tabs>button[role=tab]{
  font-size:21px;
  line-height:30px;
  min-height:52px;
  color:#63766a}
.square-header9 .community-top-tabs>button.active{
  color:var(--text)}
.square-header9 .community-compose{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:12px;
  color:var(--pink);
  background:#e9f3ed}
.circle-feed-switch{
  padding:0 16px;
  background:#fff;
  border-bottom:1px solid #e9eeea;
  gap:24px}
.circle-feed-switch button{
  min-height:44px;
  font-size:14px;
  color:#65776a;
  padding:6px 0}
.circle-feed-switch button.active{
  color:var(--pink);
  font-weight:600}
.featured9{
  padding:8px 16px 12px;
  border-bottom:8px solid var(--bg);
  overflow:hidden}
.featured-title9{
  min-height:36px;
  margin:0 0 4px}
.featured-title9 h2{
  font-size:13px;
  font-weight:600;
  color:var(--muted)}
.featured-title9 a{
  min-height:36px;
  color:var(--muted)}
.featured-scroll9{
  gap:14px;
  padding:2px 1px}
.featured-scroll9 a{
  min-height:76px;
  gap:6px;
  flex-basis:58px;
  width:58px;
  min-width:58px;
  max-width:58px}
.featured-scroll9 img{
  height:52px;
  width:52px;
  max-width:52px;
  flex-basis:52px;
  border:0;
  outline:none}
.featured-scroll9 span{
  font-size:12px;
  color:#52695a;
  width:58px;
  max-width:58px;
  line-height:18px}
.moment-card{
  border-bottom:8px solid var(--bg)}
.moment-head{
  padding:16px 16px 12px;
  gap:10px}
.moment-head .avatar{
  height:40px;
  width:40px}
.moment-head b{
  font-size:15px;
  font-weight:600}
.moment-head .btn{
  height:44px;
  min-height:44px;
  border-radius:10px;
  background:#edf5ef;
  padding:8px 12px;
  font-size:13px}
.moment-cover{
  margin:0 16px;
  border-radius:12px}
.moment-cover .play-center{
  background:#153c2bc2;
  backdrop-filter:none;
  border:0}
.moment-body{
  padding:12px 16px 0}
.moment-body h3{
  font-size:16px;
  line-height:25px;
  font-weight:550}
.moment-body p{
  font-size:14px;
  color:#5c7162;
  line-height:23px;
  margin-top:6px}
.moment-foot{
  padding:4px 16px 8px;
  gap:24px}
.moment-foot .like,.moment-foot .text-btn{
  min-height:44px;
  min-width:44px;
  color:#607168;
  font-size:13px}
.moment-foot .like.active{
  color:#a33142}
.circle-row-main p,.circle-row-main small,.circle-quick-row span{
  color:#607168;
  font-size:12px;
  line-height:20px}
.circle-list-row{
  padding:16px;
  min-height:92px}
.circle-mark{
  height:52px;
  width:52px;
  border-radius:12px}

/* Commerce keeps independent search, category and sort hit areas. */
.shop5-search>input{
  font-size:16px}
.shop5-search>input::placeholder{
  font-size:14px;
  color:#64766a}
.shop5-tags{
  gap:3px;
  padding:12px 0;
  margin:0}
.shop5-tags>button{
  font-size:14px;
  padding:8px 2px;
  min-height:44px}
.shop5-bar{
  margin:0 0 16px;
  gap:8px;
  font-size:13px;
  color:var(--muted);
  flex-wrap:nowrap}
.shop5-bar>span{
  flex:1 1 auto;
  line-height:20px}
.shop5-bar>label{
  flex:0 0 126px}
.shop5-bar select{
  font-size:14px;
  color:#405c4a;
  border:1px solid var(--line)}
.shop5-grid{
  gap:16px 12px}
.shop5-product{
  box-shadow:none;
  border:1px solid #e5ebe7;
  border-radius:14px}
.shop5-product-text{
  padding:12px 12px 0}
.shop5-product-text h3{
  font-size:14px;
  line-height:22px;
  font-weight:550}
.shop5-product-text p{
  font-size:12px;
  line-height:20px;
  color:var(--muted)}
.shop5-product-foot{
  padding:10px 12px 12px;
  min-height:66px;
  gap:4px}
.shop5-price,.shop5-product-price{
  font-size:20px;
  color:#24503c;
  font-weight:650;
  font-variant-numeric:tabular-nums}
.shop5-add,.buy-plus{
  min-width:44px;
  min-height:44px;
  height:44px;
  width:44px;
  border-radius:12px;
  border:0;
  background:#e7f2eb;
  color:#146b55;
  flex-shrink:0}
.shop5-options button{
  min-height:44px}
.shop5-policy{
  font-size:12px;
  color:#546c5d}
.shop5-checkout-bottom,.shop5-cart-bottom{
  background:#fff;
  border-top:1px solid var(--line)}

/* Personal, money and forms: lighter surfaces and consistent typography. */
.profile-summary14{
  padding:8px 0 20px}
.profile-summary14 h2{
  font-size:23px;
  font-weight:650}
.my-avatar14{
  height:64px;
  width:64px;
  border:0;
  box-shadow:none}
.profile-summary14 p{
  font-size:13px}
.stats14 strong{
  font-size:22px;
  font-variant-numeric:tabular-nums}
.stats14 span{
  font-size:13px;
  color:var(--muted)}
.account-balance14{
  background:#e8f2eb;
  border:0;
  padding:18px;
  border-radius:14px;
  color:#234634}
.balance-icon14{
  background:none;
  color:#315b41}
.account-balance14 div>span{
  font-size:13px;
  color:#456651}
.account-balance14 strong{
  font-size:25px;
  color:#183c29;
  font-weight:650;
  font-variant-numeric:tabular-nums}
.account-balance14>small,.account-balance14>.icon{
  color:#476952;
  font-size:12px}
.service-shortcuts14{
  border:1px solid var(--line);
  padding:16px 4px;
  background:white;
  border-radius:14px;
  margin-top:16px}
.service-shortcuts14>a{
  font-size:12px;
  color:#506b5a;
  min-height:52px;
  gap:8px}
.service-shortcuts14 i{
  font-size:11px;
  min-width:18px;
  height:18px}
.wallet-hero14{
  border-radius:14px;
  background:#e8f2eb;
  color:#234634;
  padding:24px;
  margin-bottom:28px}
.wallet-hero14>span{
  font-size:14px;
  opacity:1;
  color:#456651}
.wallet-hero14 h1{
  color:#183c29;
  font-size:38px;
  font-weight:600;
  line-height:1.25;
  font-variant-numeric:tabular-nums}
.wallet-hero14 .btn{
  background:var(--pink);
  color:#fff}
.ledger-row14{
  padding:16px;
  gap:12px}
.ledger-row14 small{
  color:var(--muted);
  font-size:12px}
.notification-row14 small,.notification-title14{
  color:var(--muted)}
.notification-row14{
  padding:16px 14px}
.notification-icon14{
  background:transparent;
  border-radius:0;
  color:#627e6c}
.notification-row14.unread .notification-icon14{
  background:none;
  color:var(--pink)}
.notification-row14 b{
  font-weight:500}
.notification-row14.unread b{
  font-weight:650}
.notification-row14 .icon{
  flex-shrink:0}
.chat5-compose textarea{
  font-size:16px;
  border-radius:14px}
.chat5-bubble{
  border:0;
  background:white;
  border-radius:14px 14px 14px 4px}
.chat5-bubble.mine{
  background:#e4f1e8;
  border:0}
.chat5-compose .btn{
  min-width:44px;
  min-height:44px}
.chat5-dock10{
  border-top:1px solid var(--line);
  background:white}
.order-card p,.status.gray{
  color:var(--muted)}
.status{
  font-size:12px}
.menu-row .muted{
  color:var(--muted)}

.sheet{
  border-radius:16px 16px 0 0;
  box-shadow:0 -16px 48px #142c1f21;
  max-height:92dvh;
  background:#fff}
.sheet-head{
  min-height:64px;
  padding:10px 16px;
  border-color:var(--line)}
.sheet-head h2{
  font-size:18px;
  line-height:26px;
  min-width:0}
.sheet-head .icon-btn{
  width:44px;
  min-width:44px;
  height:44px;
  background:#f0f4f1;
  color:#536e5d;
  border-radius:12px}
.sheet-body10{
  padding:20px 16px 24px}
.sheet p{
  font-size:14px;
  color:#536d5d;
  line-height:23px}
.filter-options9 button{
  min-height:44px;
  font-size:14px;
  color:#536e5d}
.filter-presets9 button,.prompt-examples9 button{
  min-height:44px;
  font-size:13px;
  line-height:20px;
  color:#536e5d;
  padding:8px 10px}
.filter-options9 button.selected{
  background:#e9f3ed;
  border-color:#669a7f;
  color:#1f6244}
.filter-actions9{
  box-shadow:none;
  border-top:1px solid var(--line);
  padding-top:16px}
.sheet input:not([type=checkbox]):not([type=radio]),.sheet textarea,.ops-page13 input:not([type=checkbox]):not([type=radio]),.ops-page13 textarea,.form-field input,.form-field textarea{
  font-size:16px;
  line-height:24px}
.preference-hero9{
  padding-top:20px;
  padding-bottom:20px}
.preference-hero9 h1{
  font-size:24px;
  line-height:32px}
.preference-summary9{
  box-shadow:none;
  border-color:var(--line)}
.summary-field9 h3{
  font-size:13px;
  color:var(--muted)}
.summary-field9 p{
  color:#46644f}
.preference-hero9 .ai-symbol9{
  border-radius:12px;
  background:#e5f1e9;
  color:var(--pink)}
.preference-warning9{
  color:#7c5d20}
.locked-panel14{
  background:#eaf1eb;
  min-height:340px}
.live-call14{
  background:#173c2e}
.onboard8{
  background:var(--bg)}
.welcome8 h1{
  font-size:40px;
  font-weight:650;
  color:#173c2c}
.welcome-kicker8{
  display:none}
.auth-consents8>label{
  color:#546b5d;
  font-size:13px;
  line-height:22px;
  min-height:44px}
.demo-code8{
  color:#496d57}
.phone-field8 input,.code-input8{
  font-size:18px}
.phone-desktop8{
  background:#d7e5dc}
.op-card13{
  border-radius:14px!important;
  box-shadow:none!important}
.op-card13>h2,.op-card13>h3{
  line-height:24px}
.op-row13{
  min-height:48px;
  gap:12px}
.op-row13>small,.op-muted13{
  color:var(--muted)!important}
.op-tag13{
  font-size:12px;
  line-height:18px}
.op-card13 .btn{
  min-height:44px}
.toast{
  background:#203c2e;
  color:white;
  border-radius:12px;
  font-size:14px;
  box-shadow:0 8px 24px #132c1f20}

@media(min-width:600px){
  .app-frame{
  border:1px solid #dbe4dd;
  border-radius:20px 20px 0 0}
.top14.root-top14,.discover6-immersive.app-frame{
  border-radius:20px 20px 0 0}
.bottom-nav{
  border-left:1px solid var(--line);
  border-right:1px solid var(--line)}
}

@media(max-width:370px){
  .content{
  padding-left:14px;
  padding-right:14px}
.creator-grid{
  padding:0 12px;
  gap:12px 10px}
.card-meta14{
  padding:10px}
.person-title16>b{
  font-size:15px}
.person-title16>small{
  font-size:12px}
.card14 .reason9{
  font-size:12px;
  padding:8px}
.discover-heading14,.discover-tools14{
  padding-left:14px;
  padding-right:14px}
.discover-heading14 p{
  font-size:13px}
.studio-summary16>a{
  padding:0 14px}
.studio-summary16 strong{
  font-size:25px}
.featured9{
  padding-left:14px;
  padding-right:14px}
.shop5-product-text{
  padding-left:10px;
  padding-right:10px}
.shop5-product-foot{
  padding-left:10px;
  padding-right:10px}
.shop5-tags>button{
  font-size:13px}
.shop5-price,.shop5-product-price{
  font-size:19px}
.sheet-body10{
  padding-left:14px;
  padding-right:14px}
}

@media(prefers-reduced-motion:no-preference){
  .sheet{
  animation:sheet16 .22s cubic-bezier(.16,1,.3,1)}
@keyframes sheet16{
  from{
  translate:0 20px}
to{
  translate:0 0}
}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}

/* Review corrections: video content uses the full content column. */
.post-photos7>video{grid-column:1 / -1;width:100%;height:auto;max-height:420px;object-fit:contain;background:#15251d;border-radius:10px}
.sheet-backdrop{backdrop-filter:none}
.pills .pill.active{background:#e5f0e8;color:#146b55}
.v14-section-label{padding:24px 0 12px;font-size:17px;color:var(--text);font-weight:600}
.v14-section-label>span{font-size:13px;color:var(--muted);font-weight:400}
.v14-section-label>.text-btn{min-height:44px;font-size:14px}
.v14-toggle-row b,.v14-slot-row b{font-size:15px}
.v14-toggle-row small,.v14-slot-row small{font-size:12px;color:var(--muted)}
.v14-save-row>.btn{min-height:48px;font-size:15px;width:100%}
.v14-list-link{font-size:14px;min-height:56px;border:1px solid var(--line);border-radius:14px}
.profile-id8{min-height:44px}