/* NOĒSIS design language: cream paper, near-black ink, a Garamond display face, tracked small capitals,
   hairline rules and square, outlined panels. Loaded last, after noesis-palette.css (generated colour and
   corner overrides for the older stylesheets). Cormorant Garamond: SIL Open Font License, /fonts/. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
 --n-paper:#f4f0e8;--n-raised:#faf8f3;--n-wash:#ebe6db;--n-ink:#23251f;--n-muted:#6b6f63;--n-sage:#707a66;
 --n-rule:#d9d6c8;--n-frame:#c7c8b9;--n-olive:#2f382f;--n-danger:#8a3b2e;
 --n-serif:"Cormorant Garamond","Iowan Old Style",Baskerville,Georgia,serif;
 --n-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
 /* The older stylesheets read these. */
 --blue:var(--n-olive);--ink:var(--n-ink);--muted:var(--n-muted);--line:var(--n-rule);
 font-family:var(--n-sans);color:var(--n-ink);background:var(--n-paper);
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
html,body{background:var(--n-paper);color:var(--n-ink)}
body{font-family:var(--n-sans);letter-spacing:0}
::selection{background:#d8d3c4}
:focus-visible{outline:2px solid var(--n-olive);outline-offset:3px}

/* Type */
h1,main h1,#main h1{font-family:var(--n-serif);font-weight:500;font-size:clamp(2.45rem,10vw,3.1rem);line-height:1.06;letter-spacing:-.005em;color:var(--n-ink);margin:10px 0 26px}
h2,main h2,#main h2{font-family:var(--n-sans);font-weight:500;letter-spacing:0;color:var(--n-ink)}
h3,main h3{font-family:var(--n-sans);font-weight:500;color:var(--n-ink)}
.eyebrow,main .eyebrow,#main .eyebrow{font-family:var(--n-sans);font-size:.72rem;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--n-ink);margin:0 0 14px}
.muted,.help,.lead,.intro,main .muted{color:var(--n-muted)}
.tiny,main .tiny{color:var(--n-muted);font-size:.8rem;letter-spacing:.005em}
a{color:var(--n-ink);text-decoration-color:var(--n-frame);text-underline-offset:4px}
strong,b{font-weight:500}

/* Wordmark and header */
.wordmark,header .wordmark,a.brand{font-family:var(--n-serif);font-weight:500;font-size:1.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--n-ink);text-decoration:none;line-height:1}
.wordmark span{display:none}
h1.wordmark{font-size:2rem;margin:8px 0 30px}
header{border-bottom:1px solid var(--n-rule)!important;padding:26px 0 22px!important;margin:0 22px!important;max-width:none!important}
@media (min-width:820px){header{max-width:760px!important;margin:0 auto!important}}
.badge{background:transparent!important;color:var(--n-muted)!important;font-weight:400!important;letter-spacing:.18em;text-transform:uppercase;font-size:.62rem!important;padding:0!important}
.round-button,header .header-menu-wrap>summary{background:transparent!important;color:var(--n-ink)!important;border-radius:50%}
.header-options{background:var(--n-paper)!important;border:1px solid var(--n-frame)!important;border-radius:0!important;box-shadow:0 10px 30px rgba(35,37,31,.12)!important;padding:6px!important}
.header-options>a,.header-options>button{border-radius:0!important;color:var(--n-ink)!important;font-weight:400!important}
.header-options>a:hover,.header-options>button:hover{background:var(--n-wash)!important}
footer,footer p{color:var(--n-muted);font-size:.75rem;letter-spacing:.04em}

/* Buttons and fields */
button,.file-button,a.primary,a.secondary{font-family:var(--n-sans);font-weight:500;letter-spacing:.02em;border-radius:2px;box-shadow:none}
button{background:transparent;border:1px solid var(--n-frame);color:var(--n-ink)}
button.primary,a.primary,.file-button,button[aria-pressed=true]{background:var(--n-olive);border-color:var(--n-olive);color:var(--n-paper)}
button.primary:hover:not(:disabled),a.primary:hover{background:#252c25;filter:none}
button.quiet,a.quiet{background:transparent;border-color:transparent;color:var(--n-ink);text-decoration:underline;text-decoration-color:var(--n-frame)}
button.danger{background:transparent;color:var(--n-danger);border-color:#d8bfb5}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],input[type=search],textarea,select{background:var(--n-raised);border:1px solid var(--n-frame);border-radius:2px;color:var(--n-ink);font-family:var(--n-sans)}
input::placeholder,textarea::placeholder{color:#9a9c90}
input[type=checkbox],input[type=radio]{accent-color:var(--n-olive)}

/* Panels: outlined, square, on the same paper */
.card,.sheet,details.sheet,.muted-card,.light-card,.goal-card,section.card{background:transparent;border:1px solid var(--n-frame);border-radius:0;box-shadow:none}
details>summary{color:var(--n-ink)}
dialog{background:var(--n-paper);color:var(--n-ink);border:1px solid var(--n-frame);border-radius:0;box-shadow:0 18px 50px rgba(35,37,31,.18)}
dialog::backdrop{background:rgba(35,37,31,.34)}
dialog h2{font-family:var(--n-serif);font-weight:500;font-size:1.9rem;line-height:1.1}
hr{border:0;border-top:1px solid var(--n-rule)}

/* Bottom navigation: a flat bar with a hairline, not a floating pill */
#routine-nav{left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;border-radius:0!important;background:rgba(244,240,232,.94)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0!important;border-top:1px solid var(--n-rule)!important;box-shadow:none!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important}
#routine-nav button{background:transparent!important;border-radius:0!important;color:var(--n-muted)!important;font-size:.6rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
#routine-nav button span{font-size:1.25rem!important;color:inherit}
#routine-nav button[aria-current=page]{color:var(--n-ink)!important;box-shadow:inset 0 2px 0 var(--n-ink)}

/* Routine: numbered steps on hairlines, the source or timing to the right (the NOĒSIS evening card) */
ol.proposal-steps{list-style:none;padding:0;margin:14px 0 0;counter-reset:n-step;border-top:1px solid var(--n-rule)}
ol.proposal-steps>li{counter-increment:n-step;display:grid;grid-template-columns:2.3em minmax(0,1fr) auto;column-gap:6px;align-items:baseline;margin:0;padding:18px 0;border:0;border-bottom:1px solid var(--n-rule);background:transparent;border-radius:0}
ol.proposal-steps>li::before{content:counter(n-step,decimal-leading-zero);grid-column:1;grid-row:1;font-variant-numeric:tabular-nums;color:var(--n-ink)}
ol.proposal-steps>li>strong{grid-column:2;grid-row:1;font-weight:400;font-size:1.05rem;line-height:1.35}
ol.proposal-steps>li>.routine-frequency{grid-column:3;grid-row:1;margin:0 0 0 10px;color:var(--n-muted);font-size:.82rem;text-align:right;white-space:nowrap}
ol.proposal-steps>li>:not(strong):not(.routine-frequency){grid-column:2/4}
.routine-check{gap:8px;margin-top:12px}
.routine-check button{min-height:34px;padding:5px 16px;font-size:.82rem;border-radius:2px}
ol.proposal-steps details>summary{font-size:.82rem;color:var(--n-muted);letter-spacing:.02em}
.routine-week-days button,.weekly-days button{border-radius:0;background:transparent;border-color:var(--n-rule)}
.routine-week-days button[aria-pressed=true],.weekly-days button[aria-pressed=true]{background:var(--n-olive);border-color:var(--n-olive);color:var(--n-paper)}
section.routine-now::after{content:"Follow each product’s directions.";display:block;margin:22px 0 4px;color:var(--n-muted);font-size:.8rem}

/* Quieter weights inside the routine, as in the NOĒSIS card */
ol.proposal-steps>li{padding:16px 0!important;margin:0!important}
ol.proposal-steps>li>.routine-frequency{font-weight:400!important;color:var(--n-muted)!important;font-size:.8rem!important}
ol.proposal-steps>li>details{border:0!important;margin:8px 0 0!important;padding:0!important;background:transparent!important}
ol.proposal-steps>li>details>summary{font-weight:400!important;padding:6px 0!important}
.routine-week-days button,.weekly-days button{font-weight:400!important}
#main details>summary,#main details.sheet>summary{font-weight:500;color:var(--n-ink)}
#main h3{font-weight:500}
/* Sign-in and legal pages: the wordmark over a hairline, then a Garamond headline */
h1.wordmark,main>p:first-child>a.wordmark{display:block;padding-bottom:22px;border-bottom:1px solid var(--n-rule);margin-bottom:30px}
main>p:first-child:has(>a.wordmark){margin:0}
h1.wordmark+h2{font-family:var(--n-serif);font-weight:500;font-size:2.3rem;line-height:1.08;margin:0 0 18px}
/* Gradients from the older design, flattened to the NOĒSIS paper and olive */
.capture-orbit{background:var(--n-wash)!important;border:1px solid var(--n-frame)!important;box-shadow:none!important;color:var(--n-olive)}
.capture-orbit svg,.capture-orbit .camera-symbol{color:var(--n-olive);stroke:currentColor}
.orbit-dot{background:var(--n-olive)!important;box-shadow:0 0 0 6px var(--n-paper)!important}
.today-sky,.today-sky.evening{background:var(--n-wash)!important}
.fit-card,.shelf-aha,#main[data-page=overview] .today-sleek{background:transparent!important}
.personal-surface,.today-focus.personal-surface,.routine-current{background:var(--n-olive)!important}
.analysis-working{background:linear-gradient(105deg,var(--n-paper) 15%,var(--n-wash) 45%,var(--n-raised) 65%,var(--n-paper) 85%)!important;background-size:250% 100%!important}
/* Added to an iPhone home screen, the site opens full-screen like the app: same app-only hiding. */
@media (display-mode:standalone){.badge,a[href="/pricing"],.plus-after-result{display:none!important}}
/* Accounts: settings section and sign-in page notices */
.account-settings{margin:24px 0}
.account-settings form{margin-top:12px}
p.notice{border:1px solid var(--n-frame);padding:12px 14px;color:var(--n-ink)}
input[type=email]{width:100%;padding:12px;margin-top:8px;min-width:0}
.field{display:block;margin:0 0 16px}


/* Today during setup: the next setup step gets the main button, and the optional face photo steps back. */
.daily-brief #daily-brief-next.first-step-action{background:var(--n-olive)!important;border-color:var(--n-olive)!important;color:var(--n-paper)!important;width:100%}
#assessment-prompt [data-assessment-start].first-step-later{background:transparent!important;border:1px solid var(--n-frame)!important;color:var(--n-ink)!important}
.welcome-privacy{max-width:34em}
/* Shop: NOĒSIS's own product sits apart from the independent picks. */
.shop-noesis{margin-top:22px;padding-top:16px;border-top:1px solid var(--n-rule)}
.shop-noesis .shop-noesis-card{max-width:420px}
/* Shelf: the same product saved twice. */
.possible-duplicates{margin:0 0 18px}
.possible-duplicate{border-top:1px solid var(--n-rule);padding-top:12px;margin-top:12px}
.possible-duplicate p{margin:0 0 8px}
/* Calendar reminders: the reliable way to be reminded with NOĒSIS closed. The iPhone app uses its own notifications. */
.calendar-reminders{margin:14px 0;padding-top:12px;border-top:1px solid var(--n-rule)}
.calendar-reminders a.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;text-decoration:none}
.native-app .calendar-reminders{display:none}
/* How your week works: plain lists, one short reason under a product used on some days only. */
.how-your-week h4{margin:14px 0 6px}
.how-your-week ul{margin:0 0 6px;padding-left:18px}
.how-your-week li{margin:4px 0}
.how-week-reason{display:block;color:var(--n-muted);margin-top:2px}
/* Sprig, the celebration seedling (routine-celebration.js): pops in, hops twice, waves, wiggles and blinks. */
.forma-sprout .sprig-hop{transform-box:fill-box;transform-origin:50% 100%;animation:sprig-hop 1.6s cubic-bezier(.3,.7,.4,1) both}
.forma-sprout .sprig-shadow{transform-box:fill-box;transform-origin:50% 50%;animation:sprig-shadow 1.6s cubic-bezier(.3,.7,.4,1) both}
.forma-sprout .sprig-leaves{transform-box:fill-box;transform-origin:50% 100%;animation:sprig-wiggle .45s ease-in-out .4s 5 alternate both}
.forma-sprout .sprig-wave{transform-box:fill-box;transform-origin:20% 90%;animation:sprig-wave .38s ease-in-out .55s 5 alternate both}
.forma-sprout .sprig-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:sprig-blink 2.6s linear both}
.forma-sprout.sprig-is-calm .sprig-hop{animation:sprig-sway 2.4s ease-in-out both}
@keyframes sprig-hop{0%{transform:translateY(40px) scale(.15)}20%{transform:translateY(0) scale(1.14,.86)}30%{transform:translateY(0) scale(.94,1.07)}44%{transform:translateY(-34px) scale(.96,1.05)}56%{transform:translateY(0) scale(1.1,.9)}66%{transform:translateY(-16px) scale(.98,1.02)}78%{transform:translateY(0) scale(1.05,.95)}88%,100%{transform:translateY(0) scale(1)}}
@keyframes sprig-shadow{0%{transform:scale(.15);opacity:0}20%{transform:scale(1.05);opacity:.22}44%{transform:scale(.6);opacity:.1}56%{transform:scale(1.08);opacity:.22}66%{transform:scale(.8);opacity:.15}78%,100%{transform:scale(1);opacity:.2}}
@keyframes sprig-wiggle{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@keyframes sprig-wave{from{transform:rotate(-28deg)}to{transform:rotate(20deg)}}
@keyframes sprig-blink{0%,60%,66%,100%{transform:scaleY(1)}63%{transform:scaleY(.1)}}
@keyframes sprig-sway{0%{transform:translateY(16px) scale(.6);opacity:0}25%{transform:translateY(0) scale(1);opacity:1}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.forma-sprout .sprig-hop,.forma-sprout .sprig-shadow,.forma-sprout .sprig-leaves,.forma-sprout .sprig-wave,.forma-sprout .sprig-eyes{animation:none!important}}
/* Routine: the full week is one tap from the week strip. */
.routine-full-week-link{display:block;margin:6px 0 10px;min-height:44px}
/* Sections are buttons that open their own screen (app-screens.js), not folding web-page sections. */
#main>.card,#main>.home-capture{animation-fill-mode:backwards!important}
html.app-screen-open,html.app-screen-open body{overflow:hidden}
#main details.app-screen{--screen-pad:max(20px,calc((100vw - 720px) / 2));margin:10px 0}
#main details.app-screen:not([open]):not(.app-hidden-summary){padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
#main details.app-screen>summary::-webkit-details-marker,#main details.app-inline>summary::-webkit-details-marker,#main details.app-section>summary::-webkit-details-marker{display:none}
#main details.app-screen>summary,#main details.app-inline>summary,#main details.app-section>summary{list-style:none}
#main details.app-screen:not([open]):not(.app-hidden-summary)>summary{display:flex!important;align-items:center;gap:12px;min-height:58px;margin:0!important;padding:14px 14px 14px 18px!important;border:1px solid var(--n-frame)!important;border-radius:0!important;background:var(--n-raised)!important;color:var(--n-ink)!important;font:500 1.05rem/1.35 var(--n-sans)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none!important}
#main details.app-screen:not([open])>summary::before{content:none!important}
#main details.app-screen:not([open])>summary::after{content:"›"!important;float:none!important;margin-left:auto;padding:0 0 3px 10px;font:300 2rem/1 var(--n-sans);color:var(--n-olive)}
#main details.app-screen:not([open])>summary:active{background:var(--n-wash)!important}
#main details.app-screen .collection-product-arrow{display:none}
#main details.app-screen[open]{position:fixed;inset:0;z-index:9;margin:0!important;padding:0 var(--screen-pad) calc(120px + env(safe-area-inset-bottom))!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--n-paper)!important;color:var(--n-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;max-width:none!important;animation:app-screen-in .22s ease-out}
#main details.app-screen[open]>summary{position:sticky;top:0;z-index:3;display:flex!important;flex-wrap:wrap;align-items:center;gap:0 12px;margin:0 calc(-1 * var(--screen-pad)) 20px!important;padding:calc(6px + env(safe-area-inset-top)) var(--screen-pad) 14px!important;min-height:0;background:var(--n-paper)!important;border:0!important;border-bottom:1px solid var(--n-rule)!important;border-radius:0!important;box-shadow:none!important;font:500 1.55rem/1.2 var(--n-serif)!important;color:var(--n-ink)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
#main details.app-screen[open]>summary::before{content:"‹  Back"!important;flex:0 0 100%;display:block;float:none!important;margin:0 0 4px;padding:10px 0;font:600 1.05rem/1.2 var(--n-sans);letter-spacing:.01em;color:var(--n-olive);white-space:pre}
#main details.app-screen[open]>summary::after{content:none!important}
#main details.app-screen[open]>summary small,#main details.app-screen[open]>summary .routine-why-teaser{display:none}
#main details.app-screen[open]>summary strong{font:inherit;color:inherit}
#main details.app-screen[open]>summary button{margin-left:auto;font:500 .95rem/1 var(--n-sans)!important;min-height:40px;padding:8px 12px}
@keyframes app-screen-in{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#main details.app-screen[open]{animation:none}}
/* In forms and dialogs, a section's button shows or hides its extra fields in place. */
#main details.app-inline:not(.app-hidden-summary)>summary{display:inline-flex!important;align-items:center;gap:10px;min-height:46px;margin:6px 0!important;padding:10px 18px 10px 14px!important;border:1px solid var(--n-frame)!important;border-radius:0!important;background:var(--n-raised)!important;color:var(--n-ink)!important;font:500 1rem/1.3 var(--n-sans)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;cursor:pointer}
#main details.app-inline:not(.app-hidden-summary)>summary::before{content:"+"!important;float:none!important;font:400 1.35rem/1 var(--n-sans);color:var(--n-olive)}
#main details.app-inline[open]:not(.app-hidden-summary)>summary::before{content:"−"!important}
#main details.app-inline>summary::after{content:none!important}
/* A section a page shows open from the start is plain content with a heading. */
#main details.app-section>summary{cursor:default}
#main details.app-section>summary::before,#main details.app-section>summary::after{content:none!important}
/* Easier to read and tap: slightly larger text everywhere, larger small print and buttons. */
html{font-size:106.25%}
#main .tiny{font-size:.9rem!important;line-height:1.5}
#main button,#main a.primary{min-height:46px}
#main .mini{min-height:44px;font-size:.92rem!important;padding:8px 14px}
/* Tabs: a picture and a plain name. */
#routine-nav button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-width:0;min-height:58px;padding:6px 2px!important;font-size:.72rem!important;letter-spacing:0!important;text-transform:none!important;line-height:1.15;white-space:nowrap}
#routine-nav button span{display:block;line-height:0;font-size:inherit!important}
#routine-nav button svg{width:26px;height:26px}
#routine-nav button[aria-current=page]{font-weight:600!important}
/* Day buttons show Mon, Tue, Wed… */
.routine-week-days button span{font-size:.78rem;letter-spacing:0;text-transform:none}
/* Today: what to do now, a big Done button and a reminders card. */
#main[data-page=overview] .today-sleek .today-complete{min-height:64px!important;font-size:1.12rem!important;font-weight:600!important;line-height:1.3}
main[data-page="overview"].today-simple .daily-brief-controls button[data-brief-use]{flex:0 0 52px!important;width:52px;min-width:52px!important;height:52px;min-height:52px!important;padding:0!important;border-radius:50%!important;font-size:1.35rem!important;line-height:1}
main[data-page="overview"].today-simple .daily-brief-controls button[data-brief-skip]{font-size:.95rem!important}
#main details.today-step-details.app-screen:not([open]):not(.app-hidden-summary)>summary{min-height:44px;padding:6px 0!important;border:0!important;background:none!important;font:600 1.05rem/1.35 var(--n-sans)!important}
#main details.today-step-details.app-screen:not([open])>summary::after{content:"How to use ›"!important;font:500 .88rem/1 var(--n-sans);color:var(--n-olive);white-space:nowrap;padding:0 0 0 10px}
#main .today-reminders{margin:18px 0;padding:20px;border:1px solid var(--n-frame);background:var(--n-raised)}
#main .today-reminders h2{font:500 1.6rem/1.2 var(--n-serif);margin:0 0 6px;color:var(--n-ink)}
#main .today-reminders p{margin:0 0 14px;font-size:1rem;line-height:1.5;color:var(--n-ink)}
#main .today-reminders .primary{width:100%;min-height:54px;font-size:1.05rem}
#main .today-reminders.is-on{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
#main .today-reminders.is-on p{margin:0}
/* Reminders screen */
#main #day-settings #day-form>.primary{width:100%;min-height:54px;font-size:1.05rem}
#main #day-settings .reminder-intro{font-size:1.05rem;line-height:1.5;margin:0 0 16px}
#main #day-settings .calendar-reminders .primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;font-size:1.05rem}