.mobile-app{--app-bg:#211d1b;--app-card:#302a26;--app-text:#f3e9da;--app-muted:#b9afa4;background:var(--app-bg);max-width:430px;min-height:100svh;color:var(--app-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:auto;padding-bottom:92px;font-family:Hanken,Arial,sans-serif;line-height:1.5;position:relative}.mobile-app button{background:0 0}.app-status{justify-content:space-between;padding:14px 26px 8px;font-size:12px;display:flex}.app-status span{letter-spacing:3px}.mobile-header{justify-content:space-between;align-items:center;padding:16px 24px 22px;display:flex}.mobile-header>a{letter-spacing:3px;font-size:20px}.mobile-header>button{color:#e8c895;border:1px solid #8e7b64;border-radius:50%;width:34px;height:34px;font-size:12px}.mobile-content{padding:0 24px 22px}.mobile-date{letter-spacing:1.6px;color:#c4a87f;margin-bottom:12px;font-size:9px}.mobile-app h1{letter-spacing:-2px;font-size:43px;line-height:1.04}.mobile-subtitle{color:var(--app-muted);margin:18px 0 23px;font-size:12px;line-height:1.7}.skin-summary{background:#403b34;border-radius:16px;min-height:180px;margin-top:25px;display:flex;position:relative;overflow:hidden}.skin-summary>div{z-index:1;background:linear-gradient(90deg,#403b34 70%,#0000);width:68%;padding:22px 18px;position:relative}.skin-summary img{object-fit:cover;object-position:30%;width:55%;height:100%;position:absolute;top:0;right:0}.skin-summary span,.skin-summary p{color:#ded1bd;font-size:10px}.skin-summary h2{letter-spacing:-.8px;margin:14px 0;font-size:23px;line-height:1.2}.mobile-section-head{justify-content:space-between;align-items:center;gap:12px;margin:25px 0 14px;display:flex}.mobile-section-head h2{letter-spacing:-.4px;font-size:16px}.mobile-section-head button,.mobile-section-head>span{color:#d4bc97;font-size:10px}.scan-date{letter-spacing:.6px;color:#b7b1a5;align-items:center;gap:7px;font-size:8px;display:flex}.scan-date>span:last-child{margin-left:auto}.app-dot{background:#c3d1b0;border-radius:50%;width:5px;height:5px}.skin-metrics{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.skin-metrics button{text-align:left;border:1px solid #52483d;border-radius:12px;grid-template-columns:1fr auto;padding:13px;display:grid}.skin-metrics span{font-size:12px}.skin-metrics strong{color:#d7bf97;font-size:18px}.skin-metrics small{color:#c0b6a7;font-size:9px}.app-insight{background:#35342c;border-radius:13px;margin:18px 0;padding:17px}.app-insight>span{letter-spacing:1.2px;color:#d0bd97;font-size:8px}.app-insight p{margin-top:9px;font-size:14px;line-height:1.5}.app-insight small{color:#c0b6a7;margin-top:8px;font-size:9px;display:block}.mobile-primary{border-radius:10px;width:100%;font-size:12px;font-weight:600;text-align:center!important;color:#29201a!important;background:#e0c6a1!important;padding:15px!important;display:block!important}.mobile-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(430px,100%);padding:11px 14px max(16px, env(safe-area-inset-bottom));z-index:20;background:#211d1bf5;border-top:1px solid #51463a;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav button{color:#a69d92;text-align:center;gap:3px;min-height:44px;padding:3px;font-size:9px;display:grid}.mobile-nav button>span{font-size:23px;line-height:1}.mobile-nav button[aria-current]{color:#ead0a6}.weather-card{background:linear-gradient(125deg,#424a49,#303331);border-radius:15px;margin:24px 0;padding:20px}.weather-card>span{letter-spacing:1px;font-size:9px}.weather-card>div{align-items:center;gap:18px;margin:15px 0;display:flex}.weather-card strong{letter-spacing:-3px;font-size:51px;font-weight:400}.weather-card div>span{color:#dedbd0;font-size:11px}.weather-card b{color:#e1ccaa;margin-left:auto;font-size:32px}.weather-card small{color:#c1c2b7;font-size:9px}.checkin-card{border:1px solid #51483c;border-radius:14px;padding:18px}.checkin-card h3{margin-bottom:12px;font-size:13px}.checkin-card h3:not(:first-child){margin-top:20px}.app-choices{gap:8px;display:flex}.app-choices button{border:1px solid #645641;border-radius:8px;flex:1;padding:10px 12px;font-size:11px}.app-choices button[aria-pressed=true],.routine-switch button[aria-pressed=true]{color:#282019;background:#dbc39d}.cycle-note{color:#d0bd97;text-align:left;margin-top:20px;padding:5px 0;font-size:10px}.add-product{text-align:left;border:1px dashed #958068;border-radius:14px;align-items:center;gap:15px;width:100%;margin:22px 0;padding:18px;display:flex}.add-product>span{color:#dbc39d;font-size:25px}.add-product>div{font-size:14px}.add-product small{color:#b9afa4;font-size:10px;display:block}.add-product b{margin-left:auto}.app-product{border-bottom:1px solid #51483d;align-items:center;gap:15px;padding:18px 0;display:flex}.app-product small{letter-spacing:1px;color:#cfb58e;font-size:8px}.app-product h3{margin:5px 0;font-size:15px}.app-product p{color:#b9afa4;font-size:10px}.app-product button{min-width:36px;height:44px;margin-left:auto}.mobile-section-head select{color:#e4c9a3;font:inherit;background:#302a26;border:1px solid #73624d;border-radius:6px;padding:7px;font-size:10px}.alternative{text-align:left;border:1px solid #51483d;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:16px;font-size:12px;display:flex}.alternative small{color:#b9afa4;margin-top:6px;font-size:9px;display:block}.routine-switch{background:#342e28;border-radius:12px;gap:5px;margin:25px 0 18px;padding:4px;display:flex}.routine-switch button{border-radius:9px;width:50%;padding:12px;font-size:12px}.routine-list>button{text-align:left;border-bottom:1px solid #52463a;align-items:center;gap:14px;width:100%;padding:23px 0;display:flex}.routine-number{color:#baa17e;font-size:11px}.routine-list h3{font-size:18px}.routine-list p{color:#c2b7a7;margin-top:6px;font-size:11px}.routine-list small{color:#b0a390;font-size:8px}.routine-check{color:#e0c6a1;margin-left:auto;font-size:21px}.app-sheet-shade{z-index:50;background:#0008;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.app-sheet{background:#352d26;border-radius:24px 24px 0 0;width:min(430px,100%);padding:32px 24px;position:relative}.app-sheet h2{letter-spacing:-1px;font-size:27px}.app-sheet p{color:#d3c8b8;margin:22px 0;font-size:14px;line-height:1.8}.sheet-close{min-width:44px;min-height:44px;font-size:25px;position:absolute;top:12px;right:18px}.mobile-app button:focus-visible,.mobile-app select:focus-visible{outline-offset:3px;outline:2px solid #ead0a6}@media (min-width:600px){body:has(.mobile-app){background:#151312}.mobile-app{box-shadow:0 0 80px #0006}}.app-native-dialog{color:#f3e9da;background:#352d26;border:0;border-radius:24px 24px 0 0;width:min(430px,100%);max-width:100%;max-height:85svh;margin:0 auto;padding:0;position:fixed;inset:auto 0 0}.app-native-dialog::backdrop{background:#0009}.app-native-dialog .app-sheet{width:100%}.product-search{color:#f3e9da;width:100%;font:inherit;background:#211d1b;border:1px solid #8e7b64;border-radius:9px;margin-bottom:14px;padding:14px;font-size:14px}.search-result{border-bottom:1px solid #62513d;justify-content:space-between;width:100%;padding:17px 0;font-size:13px;display:flex}.app-native-dialog .mobile-primary{margin-top:24px}.product-filters{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.product-filters button{border:1px solid #675744;border-radius:20px;padding:8px 10px;font-size:9px}.product-filters button[aria-pressed=true]{color:#282019;background:#dbc39d}.mobile-app{--app-bg:#1c1d20;--app-card:#29292d;--app-muted:#c1bdb9;isolation:isolate;background:#1c1d20}.app-atmosphere{z-index:-1;pointer-events:none;background:linear-gradient(#243c55a8 0%,#20272b33 35%,#1c1d20 98%),url(/images/app/hills-photo.avif) 50% 30%/cover;height:690px;position:absolute;inset:0 0 auto}.app-view-1 .app-atmosphere{background:radial-gradient(at 85% 0,#486a7699,#0000 75%),linear-gradient(#283c3be0,#1c1d20 95%)}.app-view-2 .app-atmosphere{background:radial-gradient(at 20% 0,#77536570,#0000 75%),linear-gradient(#2d272ddd,#1c1d20 95%)}.app-view-3 .app-atmosphere{background:radial-gradient(at 90% 0,#5a4a7399,#0000 75%),linear-gradient(#272a34ee,#1c1d20 95%)}.app-status,.mobile-header,.mobile-content{position:relative}.status-icons{align-items:center;gap:5px;display:flex;letter-spacing:0!important}.mobile-header{padding-bottom:28px}.mobile-header>button{color:#f2e5d2;background:#ffffff0b;border-color:#fff5}.mobile-date{color:#e1ded7;font-size:9px}.mobile-app h1{letter-spacing:-1.5px;font-family:Instrument,Georgia,serif;font-size:46px;font-weight:400}.mobile-app h1 em{color:#f2dfc6;font-size:1.06em}.skin-summary{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#20232299;border:1px solid #ffffff26;border-radius:22px;min-height:165px;margin-top:25px;display:block}.skin-summary>div:first-child{background:0 0;width:100%;padding:20px}.skin-summary h2{margin:9px 0;font-family:Instrument,Georgia,serif;font-size:29px;font-weight:400}.skin-summary span,.skin-summary p{color:#e0dfd4}.capture-timeline{flex-direction:column;align-items:center;gap:17px;display:flex;position:absolute;top:26px;right:20px}.capture-timeline:before{content:"";background:#e7d3ad55;width:1px;position:absolute;top:4px;bottom:4px}.capture-timeline span{z-index:1;background:#c9c5b8;border-radius:50%;width:7px;height:7px}.capture-timeline span:last-child{background:#f9e1b8;box-shadow:0 0 0 4px #f9e1b81a}.mobile-section-head button{align-items:center;gap:3px;min-height:32px;display:flex}.skin-metrics button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#29292cb8;border-color:#ffffff19;border-radius:16px;padding:14px}.skin-metrics button:nth-child(2){background:#4b383bd9}.skin-metrics small{margin-top:6px;font-size:10px}.skin-metrics strong{align-items:center;display:flex}.app-insight{background:linear-gradient(120deg,#3f4a4666,#292a2e);border:1px solid #ffffff12;border-radius:17px}.app-insight>span{color:#e2cfb0;align-items:center;gap:6px;display:flex}.mobile-primary{border-radius:28px;justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex!important}.mobile-nav{background:#303034e6;border:1px solid #ffffff24;border-radius:30px;width:min(398px,100% - 24px);padding:9px 8px;bottom:12px;box-shadow:0 8px 32px #0005}.mobile-nav button{border-radius:22px;place-items:center;gap:4px;padding:5px 7px;font-size:10px}.mobile-nav button>span{display:flex}.mobile-nav button[aria-current]{color:#f6dec0;background:#ffffff0e}.weather-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#52717a77,#2f434b88);border:1px solid #fff2;border-radius:21px}.weather-card>span{align-items:center;gap:6px;display:flex}.checkin-card{background:#25262ac4;border:1px solid #ffffff1c;border-radius:19px}.app-choices button{border-color:#ffffff30;border-radius:25px;min-height:44px}.add-product{border:1px solid #ffffff2b;border-radius:18px;background:#ffffff06!important}.add-product>span{border:1px solid #ffffff30;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.product-photo{object-fit:cover;border-radius:12px;flex-shrink:0;width:64px;height:80px}.app-product{border-color:#ffffff20;gap:14px;padding:14px 0}.app-product>div{min-width:0}.app-product h3{font-size:15px}.app-product button{justify-content:center;align-items:center;display:flex}.routine-switch{background:#ffffff0a;border:1px solid #ffffff18;border-radius:30px}.routine-switch button{border-radius:25px;justify-content:center;align-items:center;gap:7px;min-height:44px;display:flex}.routine-list>button{border-color:#ffffff20}.routine-number{background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;place-items:center;min-width:33px;height:42px;display:grid}.routine-check{display:flex}.sheet-close{place-items:center;display:grid}@media (max-width:350px){.mobile-content{padding-left:18px;padding-right:18px}.mobile-app h1{font-size:42px}.app-product{gap:9px}.product-photo{width:54px;height:70px}.app-product h3{font-size:13px}.app-product p{font-size:9px}}.skin-summary>.capture-timeline{background:0 0;width:auto;padding:0;position:absolute;top:26px;right:20px}html:has(.mobile-app){scrollbar-width:none}html:has(.mobile-app)::-webkit-scrollbar{display:none}.app-theme-ocean.app-view-0 .app-atmosphere{background:linear-gradient(#142e4566,#1c1d20 96%),url(/images/app/theme-ocean.avif) top/cover}.app-theme-forest.app-view-0 .app-atmosphere{background:linear-gradient(#15251d33,#1c1d20 96%),url(/images/app/theme-forest.avif) top/cover}.app-theme-dunes.app-view-0 .app-atmosphere{background:linear-gradient(#262e4466,#1c1d20 96%),url(/images/app/theme-dunes-v2.avif) top/cover}.trend-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#25282bbb;border:1px solid #ffffff25;border-radius:22px;margin-top:25px;padding:19px 17px 16px}.trend-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.trend-heading h2{letter-spacing:-.2px;font-size:14px}.trend-heading>span{color:#c8c1b6;font-size:9px}.trend-tabs{background:#ffffff08;border-radius:20px;gap:4px;margin-top:18px;padding:3px;display:flex}.trend-tabs button{border-radius:18px;flex:1;min-height:32px;padding:6px;font-size:10px}.trend-tabs button[aria-pressed=true]{color:#efd3b3;background:#ffffff13}.trend-observation{letter-spacing:-.4px;max-width:220px;margin:20px 0 0;font-family:Instrument,Georgia,serif;font-size:23px;font-style:italic;line-height:1.15}.trend-plot{padding-top:25px;position:relative}.trend-plot svg{width:100%;height:auto;display:block;overflow:visible}.trend-axis-top,.trend-axis-bottom{color:#c5bdb4;font-size:7px;position:absolute;right:0}.trend-axis-top{top:15px}.trend-axis-bottom{bottom:24px}.capture-picker{justify-content:space-between;margin-top:9px;display:flex}.capture-picker button{place-items:center;width:30px;min-height:28px;display:grid}.capture-picker span{background:#858887;border-radius:50%;width:4px;height:4px;display:block}.capture-picker button[aria-pressed=true] span{background:#eed4b3;box-shadow:0 0 0 4px #eed4b31c}.trend-caption{color:#c6bdb3;justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.context-chart{background:#ffffff06;border:1px solid #ffffff18;border-radius:18px;margin-top:18px;padding:18px}.context-chart>p{color:#bfc0b9;margin-top:8px;font-size:10px}.humidity-bars{align-items:end;gap:14px;margin-top:18px;display:flex}.humidity-bars>div{flex-direction:column;flex:1;align-items:center;gap:9px;display:flex}.humidity-bars span{background:linear-gradient(#a5c6c7,#5e858a);border-radius:3px 3px 0 0;width:100%;max-width:22px;display:block}.humidity-bars small{color:#bfc0b9;font-size:8px}.app-view-0 h1{font-size:40px}.mobile-app .dashboard-greeting{letter-spacing:-.7px;font-family:Hanken,Arial,sans-serif;font-size:27px;line-height:1.15}.app-view-0 .mobile-header{padding-bottom:17px}.app-view-0 .mobile-date{margin-bottom:10px}.score-trend-card{margin-top:22px;padding:18px 17px 15px}.skin-score-overview{align-items:center;gap:20px;margin-top:16px;display:flex}.score-ring{flex-shrink:0;width:102px;height:102px;position:relative}.score-ring>svg{width:100%;height:100%}.score-ring>strong{letter-spacing:-1px;flex-direction:column;justify-content:center;align-items:center;font-size:36px;font-weight:400;line-height:1;display:flex;position:absolute;inset:0}.score-ring small{color:#c8bba8;letter-spacing:0;margin-top:5px;font-size:10px}.skin-score-overview h3{letter-spacing:-.3px;font-family:Instrument,Georgia,serif;font-size:26px;font-style:italic;font-weight:400;line-height:1.15}.skin-score-overview p{color:#d6cfc4;margin-top:8px;font-size:10px;line-height:1.6}.skin-score-overview>div>span{color:#bdb7ad;margin-top:10px;font-size:7px;display:block}.score-categories{background:0 0;gap:8px;margin-top:18px;padding:0}.score-categories button{background:#ffffff03;border:1px solid #ffffff17;border-radius:11px;flex-direction:column;align-items:center;gap:4px;min-height:61px;padding:10px 5px;display:flex}.score-categories button[aria-pressed=true]{color:#f1ddbf;background:#ffffff08;border-color:#d9c5a569}.score-categories span{font-size:9px}.score-categories strong{font-size:19px;font-weight:400;line-height:1.2}.trend-history-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:23px;display:flex}.trend-history-heading h3{font-size:12px}.trend-history-heading span{color:#bfb8af;font-size:8px}.score-trend-card .trend-plot{padding-top:18px}.score-trend-card .trend-plot svg{max-height:125px}.score-trend-card .trend-caption{gap:14px;font-size:7px;line-height:1.5}.score-trend-card .trend-caption>span:last-child{text-align:right;max-width:170px}.score-trend-card .capture-picker{margin-top:5px}.app-view-0 .app-insight{margin-top:16px}.app-view-1 h1{letter-spacing:-1px;font-family:Hanken,Arial,sans-serif;font-size:33px;line-height:1.1}.app-view-1 .mobile-header{padding-bottom:20px}.app-view-1 .mobile-subtitle{margin:14px 0 19px;font-size:11px;line-height:1.7}.context-weather{background:linear-gradient(120deg,#3f626d66,#293d4288);border:1px solid #ffffff24;border-radius:19px;padding:16px 16px 0}.context-weather-top{grid-template-columns:1fr 1fr;gap:16px;padding-bottom:16px;display:grid}.context-weather-top>div>span{letter-spacing:.6px;color:#d5dedb;align-items:center;gap:4px;font-size:7px;display:flex}.compact-temperature{flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;display:flex}.compact-temperature>svg{color:#e8d3af}.compact-temperature>strong{letter-spacing:-1.5px;font-size:38px;font-weight:400;line-height:1}.compact-temperature p{color:#d8dfd9;width:100%;font-size:9px;line-height:1.6}.compact-temperature b{font-weight:400}.weather-trend>span{letter-spacing:0!important;font-size:10px!important}.weather-trend .humidity-bars{gap:6px;margin-top:19px}.context-connections{color:#d7dfd7;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;width:100%;min-height:39px;padding:11px 0;font-size:9px;display:flex}.app-view-1 .mobile-section-head{margin-top:22px}.app-view-1 .checkin-card{padding:17px}.app-view-1 .app-insight{margin:16px 0}.app-view-1 .app-insight p{font-size:12px}@media (max-width:350px){.skin-score-overview{gap:12px}.score-ring{width:86px;height:86px}.skin-score-overview h3{font-size:23px}.mobile-app .dashboard-greeting{font-size:24px}.context-weather-top{gap:10px}.compact-temperature>strong{font-size:32px}.weather-trend .humidity-bars{gap:4px}}.app-bottom-scrim{pointer-events:none;z-index:19;background:linear-gradient(#0000,#1c1d20 48%);width:min(430px,100%);height:105px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav button{min-height:48px;font-size:10px}.mobile-nav button>span>svg{width:23px;height:23px}.mobile-nav{background:#303034f5}.mobile-app .app-functional-title{letter-spacing:-1px;font-family:Hanken,Arial,sans-serif;font-size:33px;font-style:normal;line-height:1.1}.app-view-2 .mobile-subtitle{font-size:12px}.app-view-2 .product-photo{object-fit:contain;background:#fff;padding:4px}.app-view-2 .app-product h3{font-size:13px;line-height:1.4}.app-view-2 .app-product p{font-size:9px}.app-view-3 .mobile-date{margin-bottom:10px}.app-view-3 .routine-intro{margin:10px 0 16px;font-size:11px}.app-view-3 .routine-switch{margin:0 0 20px}.app-view-3 .routine-switch button{min-height:42px;padding:9px}.routine-plan-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.routine-plan-heading h2{font-size:14px}.routine-plan-heading>span{color:#c9beb0;font-size:9px}.routine-product-plan{background:#ffffff04;border:1px solid #ffffff19;border-radius:17px;position:relative;overflow:hidden}.routine-product-step{text-align:left;align-items:center;gap:10px;width:100%;display:flex;position:relative;padding:12px!important}.routine-product-step+.routine-product-step{border-top:1px solid #ffffff16}.plan-step-index{color:#c5b398;min-width:9px;font-size:9px}.routine-product-step>img,.plan-sun{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:43px;height:55px;padding:3px}.plan-sun{color:#dfc8a6;background:#ffffff08;place-items:center;display:grid}.plan-product-copy{flex-direction:column;min-width:0;display:flex}.plan-product-copy>span{color:#c8b48e;margin-bottom:3px;font-size:8px}.plan-product-copy>strong{font-size:11px;font-weight:500;line-height:1.4}.plan-product-copy>small{color:#c8c0b5;font-size:9px;line-height:1.5}.plan-complete{border:1px solid #b5b29e;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;margin-left:auto;display:grid}.plan-complete.completed{color:#24261f;background:#dbc39d;border-color:#dbc39d}.routine-change{background:linear-gradient(115deg,#444a3b88,#30322c);border:1px solid #8c987c55;border-radius:16px;margin-top:16px;padding:14px}.routine-change-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.routine-change-title>span{color:#e4d2b2;align-items:center;gap:6px;font-size:11px;display:flex}.routine-change-title>small{color:#c7c4b4;font-size:8px}.routine-change>p{color:#d4cdbf;margin-top:9px;font-size:10px;line-height:1.6}.product-swap{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:13px;display:grid}.product-swap>div{align-items:center;gap:7px;display:flex}.product-swap img{object-fit:contain;background:#fff;border-radius:4px;flex-shrink:0;width:31px;height:42px;padding:2px}.product-swap span{font-size:8px;font-weight:500;line-height:1.4}.product-swap small{color:#bdb9a9;margin-top:3px;font-size:7px;font-weight:400;display:block}.product-swap>svg{color:#d7c9ae}.routine-change-actions{gap:10px;margin-top:13px;display:flex}.routine-change-actions>button{border:1px solid #fff3;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:35px;padding:8px 10px;font-size:9px;display:flex}.routine-change-actions>button:first-child{color:#28241d;background:#dfc8a6;border-color:#dfc8a6}.routine-why{color:#dfc8a6;justify-content:space-between;align-items:center;width:100%;min-height:42px;margin-top:8px;font-size:10px;display:flex}.routine-followup{color:#bdb8ad;font-size:9px;line-height:1.6}.routine-kept{background:#ffffff07;border:1px solid #ffffff18;border-radius:13px;align-items:center;gap:8px;margin-top:16px;padding:14px;font-size:10px;display:flex}.routine-kept>button{color:#e3ccaa;min-height:32px;margin-left:auto;font-size:9px}@media (max-width:350px){.routine-product-step{gap:7px}.routine-product-step>img,.plan-sun{width:36px;height:49px}.plan-product-copy>strong{font-size:10px}.plan-product-copy>small{font-size:8px}.product-swap{gap:5px}.product-swap>div{gap:4px}.product-swap img{width:25px;height:36px}.product-swap span{font-size:7px}}.context-review,.product-fit-card{background:#ffffff08;border:1px solid #ffffff20;border-radius:18px;margin-top:24px;padding:18px}.context-review h2,.product-fit-card h2{letter-spacing:-.04em;font-size:19px;line-height:1.3}.context-review>p,.product-fit-card>p{color:#d4cebf;margin-top:10px;font-size:11px;line-height:1.7}.context-review-selects{gap:12px;margin-top:20px;display:flex}.context-review-selects label{color:#ccc5b6;flex:1;font-size:9px}.context-review-selects select{color:#eee4d3;width:100%;font:inherit;background:#2b3333;border:1px solid #ffffff30;border-radius:8px;margin-top:5px;padding:10px;font-size:12px;display:block}.context-paired-chart>div{border-bottom:1px solid #ffffff14;margin-top:18px}.context-paired-chart span{color:#dfc8a6;font-size:10px}.context-paired-chart svg{width:100%;height:80px;display:block}.context-chart-dates{color:#c8c0b2;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.context-review .context-correlation{color:#c2bbae;font-size:9px}.extra-checkin{border-top:1px solid #ffffff20;margin-top:18px;padding-top:14px}.extra-checkin summary{color:#e4ccaa;cursor:pointer;min-height:32px;font-size:12px}.extra-checkin>p{color:#c6beb1;font-size:10px}.extra-checkin fieldset{border:0;margin:20px 0;padding:0}.extra-checkin legend{margin-bottom:8px;font-size:11px}.extra-checkin label{align-items:center;gap:9px;min-height:35px;font-size:11px;display:flex}.extra-checkin input{accent-color:#d9c19c}.fit-caption{letter-spacing:1px;color:#d9c19c;font-size:8px}.product-fit-card h2{margin-top:10px}.fit-products{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:20px;display:grid}.fit-products>div{text-align:center;flex-direction:column;align-items:center;display:flex}.fit-products img{object-fit:cover;background:#fff;border-radius:7px;width:62px;height:80px;margin-bottom:12px}.fit-products small{color:#d6c09e;font-size:8px}.fit-products strong{margin-top:6px;font-size:10px;font-weight:500}.fit-products span{color:#c6c0b5;font-size:9px;line-height:1.5}.fit-products>svg{color:#d6c09e}.fit-explain{color:#e4ccaa;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:14px;font-size:11px;display:flex}.fit-reasons{border-top:1px solid #ffffff20;padding-top:8px}.fit-reasons p,.routine-directions p{color:#d5cdbf;margin:12px 0;font-size:10px;line-height:1.7}.fit-reasons strong,.routine-directions strong{color:#ead6b5;margin-bottom:5px;font-size:11px;display:block}.fit-reasons small{color:#bdb8ae;font-size:9px;line-height:1.6}.routine-directions{border:1px solid #ffffff20;border-radius:12px;padding:3px 14px}.routine-explore-switch,.community-feed-tabs{border-bottom:1px solid #ffffff20;gap:8px;margin-bottom:20px;display:flex}.routine-explore-switch>button,.community-feed-tabs>button{color:#c1bdb3;border-bottom:2px solid #0000;flex:1;padding:12px 3px;font-size:12px}.routine-explore-switch>button[aria-pressed=true],.community-feed-tabs>button[aria-pressed=true]{color:#f3dfc1;border-color:#e0c6a1}.app-view-2 .add-product{margin:18px 0}.app-view-2 .product-fit-card{margin-top:15px}.app-view-3 .mobile-header{padding-bottom:23px}.app-view-3 .mobile-subtitle{margin-top:14px}.community-product{background:#ffffff07;border:1px solid #ffffff20;border-radius:17px;grid-template-columns:105px 1fr;align-items:center;gap:16px;padding:14px;display:grid}.community-product-image{background:#fff;border-radius:10px;position:relative}.community-product-image>img{object-fit:contain;width:100%;height:143px;padding:8px}.community-product-image>button{color:#304138;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:7px;right:7px;background:#f4f2e9!important}.community-product span,.community-expert span,.community-local>span{letter-spacing:.1em;color:#d8c6a7;align-items:center;gap:5px;font-size:8px;display:flex}.community-product h2{letter-spacing:-.04em;margin-top:10px;font-size:20px;line-height:1.2}.community-product p{color:#c8c4b9;margin-top:10px;font-size:10px;line-height:1.7}.community-product div>button,.community-expert button,.community-local button{color:#f0d7b4;text-align:left;justify-content:space-between;align-items:center;gap:8px;min-height:35px;padding:10px 0 0;font-size:9px;display:flex}.community-expert{background:#ffffff06;border:1px solid #ffffff20;border-radius:17px;margin-top:20px;overflow:hidden}.community-expert>img{object-fit:cover;object-position:50% 38%;opacity:.9;width:100%;height:145px}.community-expert>div{padding:18px}.community-expert h2{letter-spacing:-.04em;margin-top:10px;font-size:22px;line-height:1.2}.community-expert p,.community-local p,.community-invite p{color:#c8c4b9;margin-top:10px;font-size:11px;line-height:1.7}.community-expert button{border-top:1px solid #ffffff20;width:100%;margin-top:12px;padding-top:13px}.community-local{background:linear-gradient(130deg,#555a4633,#2d2e32);border:1px solid #ffffff20;border-radius:17px;margin-top:20px;padding:22px}.community-local h2{letter-spacing:-.04em;margin-top:13px;font-size:23px;line-height:1.2}.community-local button{width:100%;margin-top:10px}.community-invite{text-align:center;background:#ffffff05;border:1px solid #ffffff20;border-radius:18px;padding:24px}.community-avatars{justify-content:center;margin:0 0 20px;display:flex}.community-avatars img{object-fit:cover;border:3px solid #42433e;border-radius:50%;width:70px;height:70px}.community-avatars img+img{margin-left:-15px}.community-invite h2{letter-spacing:-.04em;font-size:24px;line-height:1.2}.community-invite .mobile-primary{margin-top:25px}.fit-score-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.fit-score{align-items:center;gap:7px;display:flex}.fit-score>strong{color:#e9d4ad;font-size:25px;font-weight:400;line-height:1}.fit-score>small{color:#c6bca9;max-width:40px;font-size:7px;line-height:1.4}.routine-explore-switch+.product-filters{margin-bottom:10px}html[data-app-capture="2x"] body{background:#1c1d20;margin:0;overflow:hidden}html[data-app-capture="2x"] .mobile-app{zoom:2;width:390px;max-width:390px;height:844px;min-height:844px;box-shadow:none;margin:0;overflow:hidden}html[data-app-capture="2x"] .mobile-nav{width:366px;position:absolute;bottom:12px;left:12px;transform:none}