:root{
  --bg:#06181d;--bg2:#0a242b;--panel:#0d2b33;--panel-soft:#123842;--line:rgba(255,255,255,.09);
  --cyan:#18d7e5;--cyan-2:#5af2f7;--green:#4cd878;--white:#f7fbfc;--muted:#9db3b8;--danger:#ff8181;
  --shadow:0 28px 80px rgba(0,0,0,.34);--shadow-soft:0 14px 36px rgba(0,0,0,.20)
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;color-scheme:dark}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 18% 0%,rgba(24,215,229,.13),transparent 27%),
  radial-gradient(circle at 88% 18%,rgba(76,216,120,.08),transparent 22%),
  linear-gradient(180deg,#071b20 0,#06181d 42%,#041317 100%);
  color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
button,input,a{font:inherit}
a{color:inherit}
.hidden{display:none!important}
.marketing{min-height:100vh}
.marketing-nav{
  width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;
  position:relative;z-index:20
}
.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-lockup img{width:48px;height:48px;border-radius:14px;box-shadow:0 10px 30px rgba(0,194,209,.16)}
.brand-lockup span{display:grid;gap:1px}
.brand-lockup strong{font-size:1.02rem;letter-spacing:-.02em}
.brand-lockup small{font-size:.68rem;letter-spacing:.13em;color:var(--cyan-2);font-weight:800}
.brand-lockup.compact img{width:42px;height:42px;border-radius:12px}
.nav-actions{display:flex;align-items:center;gap:12px}.text-link{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:700}
.button{border:0;min-height:48px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s transform,.2s border-color,.2s background}
.button:hover{transform:translateY(-1px)}
.button-small{min-height:40px;padding:0 15px;border-radius:12px}
.button-primary{color:#042229;background:linear-gradient(135deg,var(--cyan-2),var(--cyan));box-shadow:0 14px 30px rgba(24,215,229,.19)}
.button-outline{color:var(--white);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.button-ghost{color:var(--white);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.button-danger{color:#ffd3d3;background:rgba(255,129,129,.08);border:1px solid rgba(255,129,129,.28)}
.full-width{width:100%}
.landing-hero{
  width:min(1180px,calc(100% - 32px));min-height:690px;margin:0 auto;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:48px;padding:58px 0 82px
}
.eyebrow{display:inline-block;margin:0 0 12px;color:var(--cyan-2);font-weight:900;font-size:.72rem;letter-spacing:.14em}
.hero-copy h1{font-size:clamp(3rem,6.2vw,5.8rem);letter-spacing:-.055em;line-height:.94;margin:0;max-width:750px}
.hero-copy h1 em{font-style:normal;color:var(--cyan-2)}
.lead{max-width:650px;color:#b8c9cd;font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.7;margin:24px 0 0}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#a8bdc1;font-size:.82rem;font-weight:700}
.phone-stage{min-height:590px;position:relative;display:grid;place-items:center}
.glow{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none}.glow-one{width:340px;height:340px;background:rgba(24,215,229,.13);top:10%;right:8%}.glow-two{width:220px;height:220px;background:rgba(76,216,120,.11);left:5%;bottom:9%}
.phone{position:relative;width:min(355px,86vw);min-height:610px;padding:16px 17px 22px;border-radius:42px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(170deg,#0f3038 0,#081f25 62%,#06171b 100%);box-shadow:0 40px 100px rgba(0,0,0,.48),inset 0 0 0 4px rgba(255,255,255,.02);transform:rotate(2deg)}
.phone:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.04);border-radius:35px;pointer-events:none}
.phone-top{height:21px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;color:#6c858a}.phone-top span:first-child{width:64px;height:7px;border-radius:99px;background:rgba(255,255,255,.06)}.phone-top span:last-child{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.14)}
.app-preview-header{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:13px 5px 18px}.app-preview-header img{width:44px;height:44px;border-radius:13px}.app-preview-header small{display:block;color:var(--muted);font-size:.72rem}.app-preview-header strong{display:block;margin-top:2px}.mini-plan,.plan-badge{font-size:.66rem;letter-spacing:.1em;font-weight:900;padding:7px 9px;border-radius:999px;color:#062127;background:linear-gradient(135deg,var(--cyan-2),var(--cyan))}
.preview-score{display:grid;grid-template-columns:112px 1fr;gap:15px;align-items:center;padding:18px;border:1px solid rgba(90,242,247,.14);background:linear-gradient(145deg,rgba(21,72,82,.66),rgba(8,31,37,.92));border-radius:24px}
.score-ring{width:98px;height:98px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 82%,rgba(255,255,255,.07) 82% 100%);position:relative}.score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0b262d}.score-ring span{position:relative;z-index:2;font-weight:900;font-size:1.25rem}.preview-score small{color:var(--muted)}.preview-score strong{display:block;margin-top:4px;font-size:1.05rem}.preview-score p{margin:5px 0 0;color:#9ab0b5;font-size:.72rem;line-height:1.4}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.preview-card{min-height:126px;border-radius:19px;padding:15px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:grid;align-content:space-between}.preview-card span{font-size:1.3rem}.preview-card b{font-size:.76rem;color:#aec0c4}.preview-card strong{font-size:1.25rem;color:var(--cyan-2)}
.section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:92px 0}
.section-heading{max-width:760px}.section-heading h2,.flow-copy h2,.login-copy h2{font-size:clamp(2.1rem,4.7vw,4rem);letter-spacing:-.045em;line-height:1.02;margin:0}.section-heading p,.flow-copy p,.login-copy>p{color:var(--muted);line-height:1.65;font-size:1.02rem}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.benefit-card{min-height:215px;padding:22px;border-radius:22px;background:linear-gradient(155deg,rgba(18,56,66,.74),rgba(8,29,34,.92));border:1px solid var(--line);box-shadow:var(--shadow-soft)}.benefit-card:hover{border-color:rgba(90,242,247,.18)}.benefit-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(24,215,229,.09);font-size:1.3rem}.benefit-card h3{margin:20px 0 8px;font-size:1.06rem}.benefit-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.flow-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.steps{display:grid;gap:12px}.steps>div{display:grid;grid-template-columns:52px 120px 1fr;align-items:center;gap:12px;min-height:96px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.steps span{color:var(--cyan-2);font-weight:900;font-size:.78rem}.steps strong{font-size:1.05rem}.steps p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}
.login-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:40px;border-radius:30px;background:linear-gradient(140deg,rgba(17,57,67,.82),rgba(6,26,31,.97));border:1px solid rgba(90,242,247,.12);box-shadow:var(--shadow)}
.secure-note{display:inline-flex!important;padding:10px 13px;background:rgba(76,216,120,.07);border:1px solid rgba(76,216,120,.18);border-radius:12px;font-size:.84rem!important;color:#b9d9c0!important}
.login-box{width:min(100%,410px);justify-self:end;padding:26px;border-radius:24px;background:#f8fbfc;color:#0b252b;box-shadow:0 24px 60px rgba(0,0,0,.25)}.login-box>img{width:60px;height:60px;border-radius:17px}.login-box h3{font-size:1.35rem;margin:18px 0 5px}.login-box>p{color:#60757a;line-height:1.5}.google-slot{min-height:45px;margin-top:16px;display:flex;align-items:center}.login-status{font-size:.78rem!important;color:#6a7d81!important;margin:12px 0 0}.login-status.error{color:#a33939!important}
.marketing-footer{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:center}.marketing-footer>div:last-child{display:flex;gap:18px;flex-wrap:wrap}.marketing-footer a{color:var(--muted);text-decoration:none;font-size:.82rem}
.app-experience{min-height:100vh}.app-shell{width:min(100%,760px);margin:0 auto;min-height:100vh;padding-bottom:92px;background:linear-gradient(180deg,rgba(9,35,41,.72),rgba(5,22,26,.86));box-shadow:0 0 80px rgba(0,0,0,.22)}
.app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:rgba(5,22,26,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.user-area{display:flex;align-items:center;gap:8px}.icon-button{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--white);font-weight:900;cursor:pointer}
.app-main{padding:15px}.app-view{display:none}.app-view.active{display:block}.welcome-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px;border-radius:24px;background:linear-gradient(145deg,rgba(20,67,77,.82),rgba(8,31,37,.96));border:1px solid rgba(90,242,247,.13);box-shadow:var(--shadow-soft)}.welcome-card h2{font-size:1.9rem;letter-spacing:-.035em;margin:0}.welcome-card p{color:var(--muted);margin:6px 0 0}.shield-score{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(24,215,229,.16),rgba(76,216,120,.07));border:1px solid rgba(90,242,247,.18)}.shield-score span{font-size:1.25rem;font-weight:900}.shield-score small{margin-top:-18px;color:var(--muted);font-size:.65rem}
.app-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:13px}.metric-card,.surface-card{padding:18px;border-radius:20px;background:linear-gradient(160deg,rgba(18,56,66,.75),rgba(8,29,34,.92));border:1px solid var(--line);box-shadow:var(--shadow-soft)}.metric-head{display:flex;align-items:center;gap:12px}.metric-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:rgba(255,255,255,.045)}.metric-head small{display:block;color:var(--muted);font-size:.75rem}.metric-head strong{display:block;margin-top:2px;color:var(--cyan-2);font-size:1.22rem}.metric-card p{color:var(--muted)}.metric-card p b{color:var(--white)}
.progress{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin:15px 0 10px}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .3s ease}
.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid rgba(90,242,247,.18);background:rgba(24,215,229,.09);color:var(--white);font-weight:800;padding:9px 11px;border-radius:11px;cursor:pointer}.chip-muted{background:transparent;color:var(--muted);border-color:var(--line)}
label{display:grid;gap:7px;color:#dbe8ea;font-size:.82rem;font-weight:750;margin-top:13px}input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.18);color:var(--white);border-radius:12px;padding:12px 13px;outline:none}input:focus{border-color:rgba(90,242,247,.46);box-shadow:0 0 0 3px rgba(24,215,229,.06)}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin-top:8px}.history{margin-top:9px}.history-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:.83rem;color:var(--muted)}.history-row strong{color:var(--white)}
.app-section-title{padding:12px 2px 10px}.app-section-title h2{font-size:2rem;letter-spacing:-.04em;margin:0}.app-section-title p{color:var(--muted)}.measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.saved{min-height:18px;color:#a8f2bc!important;font-size:.8rem}.surface-card+.surface-card{margin-top:12px}.profile-summary{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center}.profile-summary img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#0b2b32}.profile-summary strong{display:block}.profile-summary span:not(.plan-badge){display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.surface-card h3{margin:0 0 8px}.muted{color:var(--muted);line-height:1.55}.profile-actions{display:flex;gap:9px;flex-wrap:wrap}.logout-wide{margin-top:14px}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);z-index:40;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 10px max(9px,env(safe-area-inset-bottom));background:rgba(4,19,23,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.nav-item{border:0;background:transparent;color:#829ca1;display:grid;justify-items:center;gap:3px;padding:6px 2px;border-radius:12px;font-size:.63rem;font-weight:800;cursor:pointer;min-width:0}.nav-item b{font:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item span{font-size:1.18rem}.nav-item.active{color:var(--cyan-2);background:rgba(24,215,229,.07)}
.install-floating{position:fixed;right:16px;bottom:18px;z-index:80;border:1px solid rgba(90,242,247,.23);background:#0c3139;color:var(--white);border-radius:999px;padding:12px 16px;font-weight:850;box-shadow:var(--shadow)}
.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#f7fbfc;color:#0a242b;padding:11px 15px;border-radius:999px;font-size:.86rem;font-weight:850;box-shadow:var(--shadow);transition:.22s;z-index:100;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:680px){.app-grid{grid-template-columns:1fr 1fr}.measure-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.landing-hero{grid-template-columns:1fr;padding-top:36px}.phone-stage{min-height:560px}.benefit-grid{grid-template-columns:1fr 1fr}.flow-section,.login-panel{grid-template-columns:1fr}.login-box{justify-self:start}.hero-copy h1{max-width:820px}}
@media(max-width:620px){.marketing-nav{width:min(100% - 24px,1180px)}.text-link{display:none}.landing-hero,.section,.marketing-footer{width:min(100% - 24px,1180px)}.landing-hero{padding:36px 0 62px;gap:18px}.hero-copy h1{font-size:clamp(2.6rem,14vw,4.3rem)}.phone-stage{min-height:520px}.phone{width:min(330px,90vw);min-height:560px}.benefit-grid{grid-template-columns:1fr}.section{padding:68px 0}.flow-section{gap:28px}.steps>div{grid-template-columns:45px 80px 1fr}.login-panel{padding:22px}.login-box{padding:21px}.marketing-footer{align-items:flex-start;flex-direction:column}.marketing-footer>div:last-child{gap:14px}.measure-grid{grid-template-columns:1fr}.profile-actions{display:grid}.profile-actions .button{width:100%}}


/* === Full Web aligned with Android v42 === */
:root{
  --app-bg:#061C20;
  --app-surface:#0C3035;
  --app-surface-alt:#103B41;
  --app-border:#1E5E65;
  --app-text:#F5F7F4;
  --app-muted:#A8C0C2;
  --app-cyan:#35D3DD;
  --app-cyan-soft:#163E44;
  --app-gold:#E5AE35;
  --app-gold-soft:#433715;
  --app-green:#63D86A;
  --app-green-soft:#173D25;
}
body.is-app{
  background:var(--app-bg);
}
body.is-app .app-experience{
  background:var(--app-bg);
}
body.is-app .app-shell{
  width:min(100%,760px);
  background:var(--app-bg);
  box-shadow:none;
  padding-bottom:92px;
}
body.is-app .app-main{
  padding:14px 16px 22px;
}
.app-like-topbar{
  background:rgba(6,28,32,.96);
  border-bottom:1px solid rgba(30,94,101,.65);
  padding:12px 16px;
}
.app-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.app-brand>img{
  width:42px;
  height:42px;
  border-radius:13px;
  flex:0 0 auto;
}
.app-brand>div{
  min-width:0;
}
.app-brand strong{
  display:block;
  color:var(--app-text);
  font-size:1.18rem;
  font-weight:900;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.app-brand strong span{
  color:var(--app-cyan);
}
.app-brand small{
  display:block;
  margin-top:2px;
  color:var(--app-muted);
  font-size:.69rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.profile-icon-button{
  width:40px;
  height:40px;
  border-radius:50%;
  padding:4px;
  border:1px solid var(--app-gold);
  background:var(--app-surface);
  display:grid;
  place-items:center;
  overflow:hidden;
  cursor:pointer;
}
.profile-icon-button img{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
}
body.is-app .plan-badge{
  color:#062127;
  background:var(--app-cyan);
  padding:7px 9px;
  font-size:.62rem;
}
body.is-app .icon-button{
  background:var(--app-surface);
  border-color:var(--app-border);
}
.dashboard-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:2px 0 14px;
}
.dashboard-heading h1{
  margin:0;
  color:var(--app-text);
  font-size:1.95rem;
  line-height:1.05;
  letter-spacing:-.04em;
}
.dashboard-heading p{
  margin:5px 0 0;
  color:var(--app-muted);
  font-size:.82rem;
  font-weight:700;
}
body.is-app .eyebrow{
  color:var(--app-cyan);
  margin-bottom:8px;
}
.screen-card{
  background:var(--app-surface);
  border:1px solid var(--app-border);
  border-radius:24px;
  padding:16px;
  color:var(--app-text);
}
.screen-card+.screen-card{
  margin-top:12px;
}
.hero-shield-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:15px;
  border-color:rgba(229,174,53,.75);
}
.compact-hero{
  border-color:rgba(53,211,221,.8);
}
.hero-shield-copy{
  min-width:0;
}
.hero-shield-copy h2{
  margin:8px 0;
  color:var(--app-text);
  font-size:1.42rem;
  line-height:1.15;
  letter-spacing:-.025em;
}
.hero-shield-copy p{
  margin:8px 0 0;
  color:var(--app-muted);
  font-size:.84rem;
  line-height:1.45;
}
.section-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--app-text);
  font-size:.93rem;
  font-weight:900;
  letter-spacing:.025em;
}
.section-title>span{
  font-size:1.1rem;
}
.section-title.cyan{color:var(--app-cyan)}
.section-title.gold{color:var(--app-gold)}
.section-title.green{color:var(--app-green)}
.shield-badge{
  --fill:0%;
  position:relative;
  width:78px;
  height:78px;
  border-radius:24px;
  border:2px solid var(--app-cyan);
  background:#08262B;
  display:grid;
  place-items:center;
  align-content:center;
  overflow:hidden;
  isolation:isolate;
  flex:0 0 auto;
}
.shield-badge.shield-large{
  width:108px;
  height:108px;
  border-radius:28px;
}
.shield-badge.shield-cyan{border-color:var(--app-cyan)}
.shield-badge.shield-green{border-color:var(--app-green)}
.shield-badge.shield-gold{border-color:var(--app-gold)}
.shield-badge .shield-fill{
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  bottom:0;
  height:var(--fill);
  background:rgba(53,211,221,.25);
  transition:height .25s ease;
}
.shield-badge.shield-green .shield-fill{background:rgba(99,216,106,.25)}
.shield-badge.shield-gold .shield-fill{background:rgba(229,174,53,.25)}
.shield-badge small{
  color:var(--app-muted);
  font-size:.62rem;
  font-weight:900;
}
.shield-badge strong{
  color:var(--app-text);
  font-size:1.42rem;
  font-weight:900;
  margin-top:2px;
}
.shield-large strong{font-size:1.9rem}
.app-progress{
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:#16353A;
}
.app-progress i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:var(--app-cyan);
  transition:width .25s ease;
}
.app-progress.gold i{background:var(--app-gold)}
.app-progress.green i{background:var(--app-green)}
.app-progress.cyan i{background:var(--app-cyan)}
.shield-list{
  display:grid;
  gap:12px;
  margin-top:12px;
}
.shield-card{
  display:grid;
  gap:10px;
}
.shield-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.shield-card-title{
  display:grid;
  gap:8px;
  min-width:0;
}
.status-pill{
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:5px 9px;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.02em;
  background:var(--app-cyan-soft);
  color:var(--app-cyan);
}
.status-pill.green{
  background:var(--app-green-soft);
  color:var(--app-green);
}
.status-pill.gold{
  background:var(--app-gold-soft);
  color:var(--app-gold);
}
.status-pill.neutral{
  background:rgba(168,192,194,.1);
  color:var(--app-muted);
}
.metric-primary{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:4px;
  color:var(--app-muted);
}
.metric-primary strong{
  color:var(--app-text);
  font-size:1.72rem;
  font-weight:900;
  letter-spacing:-.035em;
}
.metric-primary span{
  font-size:.85rem;
}
.screen-card p{
  margin:0;
  color:var(--app-muted);
  line-height:1.45;
}
.quick-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.app-action{
  min-height:40px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid var(--app-border);
  background:#0A292E;
  color:var(--app-cyan);
  font-weight:900;
  cursor:pointer;
}
.card-link{
  justify-self:start;
  border:0;
  padding:3px 0;
  background:transparent;
  color:var(--app-cyan);
  font-weight:900;
  font-size:.8rem;
  cursor:pointer;
}
.app-field{
  margin-top:0;
  color:var(--app-text);
  font-size:.78rem;
  font-weight:800;
}
.app-field input,
body.is-app input{
  border:1px solid var(--app-border);
  background:#08262B;
  color:var(--app-text);
  border-radius:12px;
}
.app-input-grid{
  margin-top:0;
}
.medication-card h3{
  margin:0;
  color:var(--app-text);
  font-size:1rem;
}
.weight-card .inline-form{
  margin-top:0;
}
.quick-access{
  display:grid;
  gap:9px;
  margin:16px 0 2px;
}
.quick-access-button{
  width:100%;
  min-height:48px;
  border-radius:18px;
  border:1px solid var(--app-cyan);
  background:#0A292E;
  color:var(--app-cyan);
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
}
.quick-access-button.gold{
  border-color:var(--app-gold);
  color:var(--app-gold);
}
.quick-access-button.muted-action{
  border-color:var(--app-border);
  color:var(--app-muted);
}
.quick-access-button>span{
  margin-right:7px;
}
.app-section-title{
  padding:6px 2px 12px;
}
.app-section-title h2{
  color:var(--app-text);
  font-size:1.85rem;
}
.app-section-title p{
  margin:7px 0 0;
  color:var(--app-muted);
}
.water-actions{
  display:grid;
  gap:9px;
  margin-top:12px;
}
body.is-app .profile-summary{
  margin-top:0;
}
body.is-app .profile-summary img{
  background:#08262B;
}
body.is-app .surface-card{
  background:var(--app-surface);
  border-color:var(--app-border);
}
body.is-app .history-row{
  border-color:rgba(30,94,101,.55);
  color:var(--app-muted);
}
.app-like-bottom-nav{
  grid-template-columns:repeat(4,1fr);
  width:min(100%,760px);
  background:rgba(6,28,32,.97);
  border-top:1px solid rgba(30,94,101,.75);
}
body.is-app .nav-item{
  color:#829ca1;
}
body.is-app .nav-item.active{
  color:var(--app-cyan);
  background:#082C31;
}
body.is-app .nav-item span{
  font-size:1.05rem;
}
@media(min-width:680px){
  body.is-app .shield-list{
    grid-template-columns:1fr 1fr;
  }
  body.is-app .weight-card,
  body.is-app .medication-card{
    grid-column:span 1;
  }
}
@media(max-width:520px){
  body.is-app .app-main{padding:12px 10px 20px}
  .app-like-topbar{padding:10px}
  .app-brand small{display:none}
  .user-area{gap:6px}
  .profile-icon-button{width:36px;height:36px}
  body.is-app .icon-button{width:36px;height:36px}
  .hero-shield-card{gap:11px;padding:14px}
  .shield-badge.shield-large{width:96px;height:96px}
  .hero-shield-copy h2{font-size:1.22rem}
  .screen-card{border-radius:20px;padding:14px}
  .shield-badge{width:70px;height:70px;border-radius:21px}
  .shield-badge strong{font-size:1.25rem}
  .metric-primary strong{font-size:1.5rem}
  .app-input-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
  .plan-badge{display:none}
  .shield-badge.shield-large{width:88px;height:88px}
  .hero-shield-copy h2{font-size:1.12rem}
  .quick-row{display:grid;grid-template-columns:repeat(3,1fr)}
  .app-action{padding:0 7px;font-size:.74rem}
}


.entitlement-hidden{display:none!important}
.experience-label{
  display:inline-flex;
  width:max-content;
  margin-top:7px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid var(--app-border);
  background:#08262B;
  color:var(--app-cyan);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
}
body[data-experience="wellness"] .experience-label{
  color:var(--app-green);
  border-color:rgba(99,216,106,.45);
  background:var(--app-green-soft);
}
body[data-experience="wellness"] .app-like-bottom-nav{
  grid-template-columns:repeat(3,1fr);
}


.measurement-history{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.measurement-history-row{
  display:grid;
  gap:4px;
  padding-top:10px;
  border-top:1px solid rgba(30,94,101,.55);
}
.measurement-history-row:first-child{
  padding-top:0;
  border-top:0;
}
.measurement-history-row strong{
  color:var(--app-green);
  font-size:.82rem;
}
.measurement-history-row span{
  color:var(--app-text);
  font-size:.78rem;
  line-height:1.45;
}


/* === Quick Trial v42 === */
.trial-hero-button{
  box-shadow:0 14px 34px rgba(24,215,229,.18);
}
.trial-section{
  padding-top:28px;
}
.trial-panel{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:center;
  padding:34px;
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 12%,rgba(24,215,229,.12),transparent 34%),
    linear-gradient(145deg,rgba(15,55,64,.94),rgba(6,27,32,.98));
  border:1px solid rgba(90,242,247,.18);
  box-shadow:var(--shadow);
}
.trial-copy h2{
  margin:0;
  color:var(--white);
  font-size:clamp(2rem,4.4vw,3.7rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.trial-copy>p{
  color:var(--muted);
  line-height:1.65;
  font-size:1rem;
  max-width:620px;
}
.trial-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.trial-points span{
  padding:8px 10px;
  border-radius:999px;
  background:rgba(24,215,229,.08);
  border:1px solid rgba(90,242,247,.15);
  color:#d9f7f8;
  font-size:.8rem;
  font-weight:800;
}
.trial-form{
  width:min(100%,440px);
  justify-self:end;
  padding:24px;
  border-radius:24px;
  background:#f8fbfc;
  color:#0b252b;
  box-shadow:0 22px 56px rgba(0,0,0,.24);
}
.trial-form label{
  color:#25464d;
  font-size:.82rem;
  font-weight:850;
}
.trial-form input{
  background:#fff;
  border:1px solid #cfe0e3;
  color:#0b252b;
}
.trial-form input:focus{
  border-color:#18d7e5;
  box-shadow:0 0 0 3px rgba(24,215,229,.1);
}
.trial-form .button{
  margin-top:16px;
}
.trial-note{
  margin:11px 0 0;
  color:#647b80;
  font-size:.75rem;
  line-height:1.45;
}
.trial-status{
  margin:12px 0 0;
  padding:11px 12px;
  border-radius:12px;
  background:#e9f8f1;
  border:1px solid #bfe8d0;
  color:#1d6d43;
  font-size:.8rem;
  font-weight:800;
  line-height:1.45;
}
.trial-status.error{
  background:#fff0f0;
  border-color:#efc5c5;
  color:#963838;
}
.trial-honeypot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
@media(max-width:920px){
  .trial-panel{grid-template-columns:1fr}
  .trial-form{justify-self:stretch;width:100%}
}
@media(max-width:620px){
  .nav-actions .button-small[data-scroll-trial]{display:none}
  .trial-section{padding-top:18px}
  .trial-panel{padding:20px;border-radius:24px}
  .trial-form{padding:19px}
  .hero-ctas{display:grid;grid-template-columns:1fr 1fr}
  .hero-ctas .trial-hero-button{grid-column:1/-1}
  .hero-ctas .button{width:100%}
}

.activity-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.app-field select{width:100%;border:1px solid var(--app-border);background:#08262b;color:var(--app-text);border-radius:12px;padding:12px;font:inherit;outline:none}
.application-site-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.green-action{border-color:rgba(99,216,106,.35)!important;color:var(--app-green)!important}
@media(max-width:620px){
  .bottom-nav{padding-left:4px;padding-right:4px}
  .nav-item{font-size:.54rem;gap:2px;padding:5px 1px}
  .nav-item span{font-size:1rem}
  .activity-form-grid,.application-site-grid{grid-template-columns:1fr}
}


.consent-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  line-height:1.45;
  color:var(--muted);
}
.consent-row input{
  width:18px;
  height:18px;
  margin-top:2px;
  flex:0 0 auto;
  accent-color:var(--cyan);
}
.consent-row a{
  color:var(--cyan);
  font-weight:700;
}


/* ------------------------------------------------------------------
   Escudo Fit v43 FULL Android parity — in-app surfaces only.
   Source of truth: app/dashboard.tsx, app/water, movement,
   nutrition, medication, profile and src/ui/theme.ts.
   Marketing/landing remains independent of the authenticated app.
   ------------------------------------------------------------------ */
body.is-app{background:#061C20;color:#F5F7F4}
body.is-app .app-shell{
  width:min(100%,480px);min-height:100dvh;margin:0 auto;
  background:#061C20;box-shadow:none;padding-bottom:95px
}
body.is-app .app-main{padding:0 18px 24px}
body.is-app .app-topbar{
  position:static;background:#061C20;border:0;
  padding:16px 18px 14px;backdrop-filter:none
}
body.is-app .app-brand-android{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
body.is-app .app-brand-android strong{
  font-weight:900;font-size:30px;line-height:1.12;letter-spacing:-.04em
}
body.is-app .app-brand-android small{
  display:block!important;font-size:14px;font-weight:500;letter-spacing:0;
  color:var(--app-muted);white-space:normal
}
body.is-app .profile-icon-button{
  width:48px;height:48px;border:1px solid var(--app-gold);
  background:var(--app-surface);border-radius:50%;padding:5px;flex-shrink:0
}
body.is-app .profile-icon-button img{object-fit:contain;border-radius:15px}
body.is-app .user-area{gap:0}
body.is-app .app-view>.screen-card:first-child{margin-top:0}
body.is-app .screen-card{
  padding:16px;border-radius:24px;background:var(--app-surface);
  border:1px solid var(--app-border);box-shadow:none;
  margin-bottom:12px
}
body.is-app .hero-shield-card{gap:18px;border-color:var(--app-gold);margin-bottom:12px}
body.is-app .compact-hero{border-color:var(--app-cyan)}
body.is-app .nutrition-hero{border-color:var(--app-gold)}
body.is-app .shield-badge.shield-large{
  width:112px;height:112px;border-radius:24px
}
body.is-app .shield-badge{
  width:78px;height:78px;border-radius:24px;background:#08262B
}
body.is-app .shield-badge.shield-large strong{font-size:34px}
body.is-app .shield-badge strong{font-size:24px}
body.is-app .shield-badge small{font-size:10px}
body.is-app .shield-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
body.is-app .shield-card{gap:9px}
body.is-app .shield-card-top{align-items:flex-start;gap:12px}
body.is-app .section-title{font-size:15px;letter-spacing:.025em;line-height:1.3}
body.is-app .section-title>span{font-size:19px}
body.is-app .status-pill{
  padding:5px 10px;font-size:11px;letter-spacing:0;
  font-weight:900;text-align:center
}
body.is-app .hero-shield-copy h2{font-size:22px;line-height:1.2;margin:8px 0}
body.is-app .hero-shield-copy p{font-size:13px;line-height:1.4}
body.is-app .metric-primary strong{font-size:21px;letter-spacing:-.025em}
body.is-app .metric-primary span{font-size:13px}
body.is-app .app-progress{height:9px;background:#16353A}
body.is-app .tappable{cursor:pointer;transition:border-color .15s ease}
body.is-app .tappable:hover,
body.is-app .tappable:focus-visible{border-color:var(--app-cyan)}
body.is-app .tappable:focus-visible{outline:2px solid var(--app-cyan);outline-offset:3px}
body.is-app .medication-summary strong{font-size:18px}
body.is-app .medication-summary p{font-size:13px}
body.is-app .quick-access{margin-top:18px;gap:10px}
body.is-app .quick-access-button{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:#0A292E;border:1px solid var(--app-cyan);
  border-radius:18px;color:var(--app-cyan);padding:10px 12px;
  min-height:48px;font-size:15px;font-weight:800;
  text-transform:uppercase;letter-spacing:0
}
body.is-app .quick-access-button.gold{color:var(--app-gold);border-color:var(--app-gold)}
body.is-app .quick-access-button.green-action{color:var(--app-green);border-color:var(--app-green)}
body.is-app .quick-access-button[disabled]{opacity:.5;cursor:not-allowed}
body.is-app .quick-access-button>span{margin-right:0}
body.is-app .app-medical-note{
  color:var(--app-muted);font-size:12px;line-height:1.5;text-align:center;
  margin:18px 0 8px
}
body.is-app .app-section-title{padding:10px 2px 16px}
body.is-app .app-section-title h2{
  font-size:28px;font-weight:900;letter-spacing:-.02em;margin:0
}
body.is-app .app-section-title p{font-size:14px;line-height:1.4}
body.is-app .app-input-grid.form-section{display:grid;grid-template-columns:1fr;gap:10px}
body.is-app .app-field{display:grid;gap:7px;font-size:14px;line-height:1.3}
body.is-app .app-field select,
body.is-app .app-field input{
  width:100%;min-width:0;min-height:47px;background:#08262B;
  color:var(--app-text);border:1px solid var(--app-border);
  border-radius:12px;padding:12px;font-size:15px
}
body.is-app .screen-card .section-title+.history{margin-top:12px}
body.is-app .screen-card .history+.section-title{margin-top:18px}
body.is-app .profile-weight-card,body.is-app .profile-measurement-card{display:grid;gap:10px}
body.is-app .profile-weight-card .quick-access-button{font-size:13px}
body.is-app .app-like-bottom-nav{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);
  width:min(100%,480px);background:#061C20;border:0;
  padding:6px 12px max(10px,env(safe-area-inset-bottom));
  display:block;z-index:40
}
body.is-app .nav-track{
  background:#08282D;border:1px solid var(--app-border);
  border-radius:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;justify-content:space-around;padding:8px;min-height:70px;gap:0
}
body.is-app .nav-item{
  color:var(--app-muted);background:transparent;border:0;
  display:grid;justify-items:center;align-content:center;
  gap:2px;min-height:54px;padding:5px 2px;
  font-size:11px;font-weight:700;border-radius:12px
}
body.is-app .nav-item.active{color:var(--app-cyan);background:transparent}
body.is-app .nav-item span{font-size:19px;line-height:1.1}
body.is-app .nav-item img{width:22px;height:22px;object-fit:contain;border-radius:6px}
body.is-app .nav-item b{font-size:inherit}
body.is-app .approved-body-map{
  position:relative;width:100%;max-width:320px;aspect-ratio:3/4;
  margin:16px auto 12px;isolation:isolate
}
body.is-app .approved-body-map img{display:block;width:100%;height:100%;object-fit:contain}
body.is-app .body-map-marker{
  position:absolute;width:42px;height:50px;transform:translate(-50%,-50%);
  border:2px solid var(--app-gold);border-radius:21px;
  background:var(--app-surface-alt);cursor:pointer;
  display:grid;place-items:center
}
body.is-app .body-map-marker:after{
  content:'';width:13px;height:13px;background:var(--app-gold);
  border-radius:50%;border:2px solid var(--app-gold)
}
body.is-app .body-map-marker[aria-pressed="true"]{
  border-color:var(--app-cyan);background:var(--app-cyan-soft)
}
body.is-app .body-map-marker[aria-pressed="true"]:after{background:var(--app-cyan);border-color:var(--app-cyan)}
body.is-app .application-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
body.is-app .application-site-grid .app-action{
  font-size:12px;min-height:42px;border-radius:999px;white-space:normal;color:var(--app-text)
}
body.is-app [data-application-site][aria-pressed="true"]{
  border-color:var(--app-cyan);color:var(--app-cyan);background:var(--app-surface-alt)
}
body.is-app .application-map-card{display:grid;gap:9px}
body.is-app .application-map-card .muted{margin:0}
body.is-app button:focus-visible{outline:2px solid var(--app-cyan);outline-offset:2px}
@media(max-width:380px){
  body.is-app .app-main{padding:0 14px 20px}
  body.is-app .app-topbar{padding:14px 14px 12px}
  body.is-app .app-brand-android strong{font-size:26px}
  body.is-app .app-brand-android small{font-size:12px}
  body.is-app .screen-card{padding:14px}
  body.is-app .shield-badge.shield-large{width:96px;height:96px}
  body.is-app .hero-shield-copy h2{font-size:19px}
  body.is-app .shield-badge{width:70px;height:70px}
  body.is-app .nav-track{border-radius:20px}
}

/* Android profile hierarchy and optional medication tab */
body.is-app .screen-card .profile-summary{
  margin:12px 0;display:grid;grid-template-columns:58px minmax(0,1fr);
  align-items:center;gap:13px
}
body.is-app .screen-card .profile-summary strong,
body.is-app .screen-card .profile-summary span{overflow-wrap:anywhere}
body.is-app .plan-label{display:block;font-size:18px;color:var(--app-text);margin:10px 0}
body.is-app .screen-card>.quick-access-button,
body.is-app .screen-card>.profile-actions{margin-top:12px}
body.is-app a.quick-access-button{text-decoration:none}
body.is-app .nav-track:has(#navMedication.hidden){grid-template-columns:repeat(3,minmax(0,1fr))}
body.is-app .screen-card .app-field+button{margin-top:10px}


/* The Web identity reuses the exact approved Android artwork. */
.session-loading{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#102E35;color:#fff}
.session-loading img{width:min(55vw,220px);height:auto;object-fit:contain}
.session-loading strong{font-size:26px}.session-loading strong span{color:#34CFDA}
.session-loading p{color:#ADC4C8;font-size:15px}

/* First paint: anonymous browser visitors land on the original public page.
   Installed PWAs and valid stored sessions retain the approved V43 opening. */
html[data-entry="guest"] #sessionLoading{display:none!important}
html[data-entry="guest"] #marketingExperience{display:block!important}

/* A signed-out installed PWA remains an app login, not the public sales page.
   Never expose the account dashboard without authenticating the session. */
body.pwa-login-mode #marketingExperience .marketing-nav,
body.pwa-login-mode #marketingExperience .marketing-footer,
body.pwa-login-mode #marketingExperience > main > section:not(#loginSection){display:none!important}
body.pwa-login-mode #loginSection{
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:24px 16px;
}
body.pwa-login-mode #loginSection .login-panel{
  width:min(100%,650px);
  grid-template-columns:1fr;
  gap:18px;
  padding:28px 22px;
}
body.pwa-login-mode #loginSection .login-box{
  justify-self:center;
  width:min(100%,410px);
}

/* Real account weight evolution — no synthetic values or external chart code. */
.weight-chart{margin-top:13px;min-width:0}
.weight-chart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.weight-chart-summary>div{display:grid;gap:5px;padding:11px 12px;background:#08262B;border:1px solid var(--app-border);border-radius:13px;min-width:0}
.weight-chart-summary small{color:var(--app-muted);font-size:12px;line-height:1.4}
.weight-chart-summary strong{overflow-wrap:anywhere;color:var(--app-text);font-size:19px;line-height:1.3;font-weight:850;font-variant-numeric:tabular-nums}
.weight-chart-summary .weight-chart-delta{color:var(--app-cyan)}
.weight-chart-svg{display:block;width:100%;height:auto;max-width:520px;margin:12px auto 0;overflow:visible}
.weight-chart-area{fill:rgba(53,211,221,.10)}
.weight-chart-line{fill:none;stroke:var(--app-cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.weight-chart-point{fill:var(--app-gold);stroke:#08262B;stroke-width:1.5}
.weight-chart-point.latest{fill:var(--app-cyan);stroke:#08262B;stroke-width:2}
.weight-grid-line{stroke:rgba(168,192,194,.2);stroke-width:1;stroke-dasharray:3 4}
.weight-axis-label{fill:var(--app-muted);font-size:12px;font-family:inherit;font-variant-numeric:tabular-nums}
.weight-chart-caption{font-size:12px;color:var(--app-muted);text-align:center;line-height:1.6;margin:0}
.weight-chart-empty{font-size:14px;line-height:1.5;color:var(--app-muted);padding:14px;border-radius:13px;border:1px dashed var(--app-border);margin:0}
@media(max-width:380px){.weight-chart-summary strong{font-size:17px}.weight-chart-summary>div{padding:9px}}

.weight-chart-point.first{fill:var(--app-gold);stroke:#08262B;stroke-width:2}
.weight-value-label{fill:var(--app-text);font-size:12px;font-weight:800;font-family:inherit;font-variant-numeric:tabular-nums}
@media(max-width:440px){.weight-chart-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.weight-chart-summary>div:last-child{grid-column:1/-1}}

/* Signed-in Web gate: no plan / inactive / expired / unverifiable entitlement. */
.web-access-gate{min-height:100dvh;display:grid;place-items:center;padding:28px 16px 56px;background:radial-gradient(circle at 50% 10%,#164f57,#082229 72%)}
.web-access-gate.hidden{display:none!important}
.web-access-panel{width:min(100%,510px);padding:28px 24px;border:1px solid rgba(90,242,247,.23);border-radius:28px;background:#0C2B33;box-shadow:0 20px 60px rgba(0,0,0,.28);text-align:center;display:grid;gap:14px}
.web-access-logo{width:102px;height:102px;object-fit:contain;margin:0 auto 4px}
.web-access-panel .eyebrow{margin:0}
.web-access-panel h1{margin:0;font-size:clamp(24px,5vw,30px);letter-spacing:-.035em;color:#F4FAFB}
.web-access-panel>p{margin:0;color:#B5CBD0;line-height:1.6;font-size:14px}
.web-access-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.web-access-plans div{display:grid;gap:4px;padding:14px 10px;border:1px solid rgba(90,242,247,.16);border-radius:14px;background:rgba(255,255,255,.035)}
.web-access-plans small{color:#B5CBD0;font-size:11px;font-weight:850;letter-spacing:.04em}
.web-access-plans strong{color:#F4FAFB;font-size:24px;font-variant-numeric:tabular-nums}
.web-access-panel .button{width:100%}
.web-access-panel .web-access-hint{font-size:12px}
.web-access-panel .web-access-privacy{font-size:12px}
.web-access-panel .web-access-privacy a{color:#67E1EA}
@media(max-width:380px){.web-access-panel{padding:24px 16px}.web-access-plans strong{font-size:20px}}

/* Web-only reminders: visible while the PWA page is running. */
body.is-app .reminder-card{display:grid;gap:14px}
body.is-app .reminder-switch{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--app-text);font-size:14px}
body.is-app .reminder-switch input{width:20px;height:20px;accent-color:var(--app-cyan);flex:0 0 auto}
body.is-app .reminder-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.is-app .reminder-fields .app-field{min-width:0}
body.is-app .reminder-fields .app-field select,body.is-app .reminder-fields .app-field input{
  width:100%;min-width:0;min-height:47px;border:1px solid var(--app-border);border-radius:12px;
  background:#08262B;color:var(--app-text);font-size:15px;padding:10px
}
body.is-app .reminder-card [hidden]{display:none!important}
@media(max-width:400px){body.is-app .reminder-fields{grid-template-columns:1fr}}