.product-tutorial{max-width:42rem}.tutorial-image{aspect-ratio:1;background:var(--accent-soft);border-radius:16px;justify-content:center;align-items:center;max-height:380px;display:flex;overflow:hidden}.tutorial-image img{object-fit:contain;width:100%;height:100%}.tutorial-image-outline{border:1px solid var(--muted);opacity:.45;border-radius:10px;width:18%;height:44%}.tutorial-product-name{letter-spacing:-.025em;overflow-wrap:anywhere;margin:18px 0;font-family:inherit;font-size:1.25rem;font-weight:550;line-height:1.4}.tutorial-instructions{background:var(--surface);border-radius:14px;padding:20px}.tutorial-instructions h3{margin:0 0 16px;font-size:1.25rem}.tutorial-instructions p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:0;line-height:1.75}.tutorial-product-link{align-items:center;min-height:44px;margin-top:16px;display:inline-flex}.tutorial-recovery{justify-items:start;gap:16px;display:grid}.routine-tutorial-link{align-items:center;min-height:44px;margin:8px 0;display:inline-flex}.search-screen{max-width:42rem;padding:12px max(20px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));margin:auto}.search-screen>h1{margin:8px 0 20px;font-size:2rem}.search-form{margin:0 0 24px}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;min-height:50px;padding:2px 4px 2px 12px;display:flex}.search-input>svg{color:var(--muted);flex:none}.search-input .input{min-width:0;box-shadow:none;background:0 0;border:0;padding:10px 4px;font-size:1rem}.search-input .input:focus{box-shadow:none;outline:0}.search-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-input input::-webkit-search-cancel-button{-webkit-appearance:none}.search-input .button{border-radius:50%;flex:none;min-width:44px;min-height:44px;padding:8px}.search-empty{text-align:center;min-height:38vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.search-empty>svg{stroke-width:1.25px;width:44px;height:44px}.search-empty p{overflow-wrap:anywhere;max-width:25rem;margin:0}.search-empty h2{margin:0}.search-count{color:var(--muted);margin:0 0 20px;font-size:.85rem}.search-results{flex-direction:column;gap:28px;display:flex}.search-product,.search-article{overflow-wrap:anywhere;min-height:44px;display:block}.search-product-image{aspect-ratio:1;background:var(--accent-soft);border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.search-product-image img{object-fit:contain;width:100%;height:100%}.search-product-outline{border:1px solid var(--muted);opacity:.45;border-radius:8px 8px 14px 14px;width:20%;height:45%}.search-kind{color:var(--muted);margin:12px 0 5px;font-size:.76rem;display:block}.search-results h2{letter-spacing:-.025em;margin:0 0 8px;font-family:inherit;font-size:1.2rem;font-weight:550;line-height:1.4}.search-results p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.search-article{background:var(--surface);border-radius:14px;padding:18px}.search-category{color:var(--accent);background:var(--accent-soft);border-radius:12px;padding:5px 9px;font-size:.78rem;line-height:1.4;display:inline-block}.search-pagination{text-align:center;margin-top:24px}.search-loading{flex-direction:column;gap:18px;display:flex}.search-loading span{background:var(--accent-soft);opacity:.7;border-radius:14px;height:110px;display:block}.search-loading span:first-child{height:260px}@media (width>=760px){.search-screen{padding-top:24px}.search-screen>h1{font-size:2.4rem}}.advisor-screen{height:var(--advisor-height,calc(100dvh - 10rem));max-width:44rem;min-height:200px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.advisor-heading{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 0 12px;display:flex}.advisor-heading h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:1.7rem;font-weight:400}.advisor-heading-actions{align-items:center;gap:4px;display:flex}.advisor-heading-actions .button{min-height:44px;padding:8px 10px}.advisor-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:8px 0 20px;overflow-y:auto}.advisor-empty{text-align:center;flex-direction:column;justify-content:center;max-width:28rem;min-height:160px;margin:0 auto;padding:16px 12px;display:flex}.advisor-empty-mark{color:var(--accent);background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.advisor-empty h2{margin:0 0 12px;font-size:clamp(1.5rem,7vw,2rem);font-weight:400;line-height:1.25}.advisor-empty p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.advisor-messages{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.advisor-message{align-self:flex-start;min-width:0;max-width:94%}.advisor-message--user{align-self:flex-end;max-width:87%}.advisor-message-content{background:var(--surface);overflow-wrap:anywhere;border-radius:18px 18px 18px 3px;padding:10px 14px;line-height:1.6}.advisor-message--user .advisor-message-content{color:var(--ink);background:var(--accent-soft);white-space:pre-wrap;border-radius:18px 18px 3px}.advisor-message time{color:var(--muted);margin:5px 3px 0;font-size:.72rem;display:block}.advisor-message--user time{text-align:right}.advisor-message-status{color:var(--muted);margin:7px 2px;font-size:.8rem}.advisor-message-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.advisor-message-actions .button{min-height:44px}.advisor-markdown>:first-child{margin-top:0}.advisor-markdown>:last-child{margin-bottom:0}.advisor-markdown p{margin:0 0 .8rem}.advisor-markdown h1,.advisor-markdown h2,.advisor-markdown h3,.advisor-markdown h4{margin:1rem 0 .5rem;font-family:inherit;font-size:1.05rem;font-weight:650;line-height:1.4}.advisor-markdown ul,.advisor-markdown ol{padding-left:1.4rem}.advisor-markdown pre{white-space:pre-wrap;background:var(--canvas);border-radius:8px;padding:10px;overflow:auto}.advisor-markdown a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.advisor-markdown blockquote{border-left:2px solid var(--accent);margin-inline:0;padding-left:12px}.advisor-composer{padding:8px 0 max(12px,env(safe-area-inset-bottom));background:var(--canvas);flex-shrink:0}.advisor-suggestions{scrollbar-width:thin;gap:8px;max-width:100%;padding:4px 0 10px;display:flex;overflow-x:auto}.advisor-suggestions .button{text-align:left;white-space:normal;border-radius:18px;flex:none;max-width:250px;min-height:44px;padding:10px 14px;font-size:.85rem;line-height:1.35}.advisor-compose-row{border:1px solid var(--border);background:var(--surface);border-radius:22px;align-items:flex-end;gap:8px;padding:8px;display:flex}.advisor-compose-row:focus-within{outline:2px solid var(--accent);outline-offset:2px}.advisor-compose-row .textarea{resize:vertical;min-width:0;min-height:44px;max-height:120px;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:0;flex:1;padding:10px 6px;font-size:1rem;line-height:1.4}.advisor-compose-row .textarea:focus{box-shadow:none;outline:0}.advisor-compose-row .button{border-radius:50%;flex:none;min-width:44px;min-height:44px;padding:10px}.advisor-compose-note{color:var(--muted);margin:7px 4px 0;font-size:.75rem;line-height:1.4}.advisor-notice{margin:8px 0;font-size:.85rem}.advisor-bottom-action{justify-content:center;padding:4px;display:flex}.advisor-history{flex-direction:column;gap:4px;display:flex}.advisor-history-row{border-bottom:1px solid var(--border);gap:8px;padding:12px 0;display:flex}.advisor-history-row a{overflow-wrap:anywhere;flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;min-height:44px;display:flex}.advisor-history-row time{color:var(--muted);font-size:.8rem}.advisor-history-row .button{align-self:center}.advisor-products{gap:8px;margin-top:12px;display:flex;overflow:auto}.advisor-products a{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;min-width:140px;max-width:180px;padding:8px;font-size:.85rem;display:flex}.advisor-products img{object-fit:contain;width:60px;height:60px;margin:auto}.advisor-typing{color:var(--muted);padding:4px 0;font-size:.9rem}.advisor-typing:after{content:"…"}@media (width>=760px){.advisor-screen{padding-inline:28px}.advisor-heading{padding-top:16px}}@media (height<=500px){.advisor-heading{padding-block:0}.advisor-heading h1{font-size:1.2rem}.advisor-compose-note{display:none}.advisor-suggestions{max-height:60px;padding-bottom:4px}}.advisor-empty summary{cursor:pointer;min-height:44px;color:var(--accent);justify-content:center;align-items:center;font-size:.85rem;text-decoration:underline;display:flex}.advisor-screen>.notice,.advisor-screen>.advisor-notice{overflow-wrap:anywhere;flex:0 auto;max-height:24dvh;margin-block:6px;overflow:auto}@supports selector(:has(*)){:is(.customer-shell:has(.advisor-composer:focus-within) .customer-bottom-nav,.native-frame:has(.advisor-composer:focus-within) .customer-bottom-nav){display:none}}.history-timeline{max-width:800px;margin:24px 0}.history-record{border-bottom:1px solid var(--border);padding:20px 0 28px}.history-expand{text-align:left;white-space:normal;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:8px 0;display:flex}.history-expand>span:first-child{gap:8px;display:grid}.history-date{color:var(--muted);font-size:.85rem;font-weight:400}.history-expand>span:last-child{font-size:1.8rem;font-weight:400}.history-status{color:var(--muted);margin:6px 0 16px;font-size:.88rem}.history-entry-body{overflow-wrap:anywhere;max-width:68ch;line-height:1.75}.history-entry-body h3{margin:22px 0 10px;font-size:1.15rem}.history-entry-body p{margin:10px 0 18px}.history-actions{flex-wrap:wrap;gap:10px;margin:22px 0 8px;display:flex}.history-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.history-products a{overflow-wrap:anywhere;min-height:48px;font-size:.95rem}.history-products img{object-fit:contain;background:var(--surface);border-radius:10px;width:100%;height:130px;margin-bottom:10px;display:block}.history-observations{margin:24px 0}.history-observations>div{border-bottom:1px solid var(--border);padding:14px 0}.history-observations dt{font-weight:600}.history-observations dd{margin:8px 0 0}.history-detail{max-width:720px}.history-back{align-items:center;min-height:44px;margin-bottom:16px;display:inline-flex}@media (width>=700px){.history-products{grid-template-columns:repeat(3,minmax(0,1fr))}}.billing-paywall{max-width:32rem;padding:1.5rem 1.25rem calc(2rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:auto;display:flex}.billing-motif{justify-content:center;align-items:center;height:8rem;display:flex;position:relative}.billing-motif span{border:1px solid var(--accent);opacity:.55;border-radius:50%;width:6rem;height:7rem;position:absolute;transform:rotate(-35deg)}.billing-motif span:nth-child(2){background:var(--accent-soft);opacity:.65;transform:rotate(35deg)}.billing-motif span:nth-child(3){background:var(--detail);opacity:.8;border:0;width:3rem;height:3rem}.billing-paywall h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.5rem,11vw,3.5rem);font-weight:400;line-height:1.06}.billing-paywall .eyebrow{margin:0}.billing-lead{color:var(--muted);margin:0 0 .75rem;line-height:1.55}.billing-options{border:0;gap:.75rem;min-width:0;margin:0;padding:0;display:grid}.billing-option{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:1rem;align-items:center;gap:.65rem;min-height:94px;padding:1rem;display:flex}.billing-option--selected{border-color:var(--accent);outline:1px solid var(--accent);background:var(--accent-soft)}.billing-option input{accent-color:var(--accent);flex-shrink:0;width:20px;height:20px}.billing-option>span{gap:.4rem;min-width:0;display:grid}.billing-option strong{overflow-wrap:anywhere;font-weight:600}.billing-option>span>span{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}.billing-option-price{text-align:right;white-space:nowrap;margin-left:auto;font-size:1.05rem}.billing-disclosure{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.billing-footer{justify-items:center;gap:.25rem;display:grid}.billing-legal{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.billing-legal .button{padding:.65rem;font-size:.75rem}@media (width<=350px){.billing-option{gap:.5rem;padding:.9rem .7rem}.billing-option-price{font-size:.9rem}}.workflow-gate:focus{outline:none}.billing-web-option{grid-template-columns:minmax(0,1fr) auto;display:grid}.billing-web-option .billing-option-price{white-space:normal;overflow-wrap:anywhere;max-width:8rem}.billing-web-option>.button{grid-column:1/-1;width:100%;margin-top:.5rem}.home-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.native-home-heading{justify-content:space-between;align-items:center;gap:1rem;margin:.25rem 0 1rem;display:flex}.native-home-heading h1{letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:400;line-height:1.15}.native-home-heading>a{flex-shrink:0;font-size:.88rem}.home-routine-level{background:var(--accent-soft);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:1.15rem;display:flex}.home-routine-level h2{margin:0 0 .2rem;font-family:inherit;font-size:1.05rem;font-weight:500}.home-routine-level p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.4}.home-level-switch.button{background:var(--muted);border:0;border-radius:30px;flex-shrink:0;align-items:center;width:54px;min-width:54px;height:44px;min-height:44px;padding:7px 5px;display:flex}.home-level-switch>span{background:var(--surface);border-radius:50%;width:30px;height:30px;transition:transform .15s;display:block;transform:translate(0)}.home-level-switch[aria-checked=true]{background:var(--accent)}.home-level-switch[aria-checked=true]>span{transform:translate(14px)}.home-period-control{border:1px solid var(--border);border-radius:30px;gap:4px;width:100%;margin:0;padding:4px;display:flex}.home-period-control label{text-align:center;cursor:pointer;border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:44px;font-size:.9rem;display:flex;position:relative}.home-period-control input{opacity:0;width:1px;height:1px;position:absolute}.home-period-control label:has(:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.home-period--selected{background:var(--ink);color:var(--surface)}.home-product-shelf{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:1rem;margin:1.2rem -.1rem .3rem;padding:.3rem .1rem 1rem;list-style:none;display:flex;overflow-x:auto}.home-product-shelf li{scroll-snap-align:start;flex-direction:column;flex:0 0 148px;min-width:0;display:flex}.home-routine-product{color:var(--ink);flex-direction:column;flex:1;text-decoration:none;display:flex}.home-product-image{background:var(--surface);border:1px solid var(--border);border-radius:1.35rem;justify-content:center;align-items:center;height:146px;display:flex;overflow:hidden}.home-product-image img{object-fit:contain;width:100%;height:100%}.home-bottle-outline{border:1px solid var(--border);border-radius:8px 8px 12px 12px;width:35px;height:66px;position:relative}.home-bottle-outline:before{content:"";border:1px solid var(--border);border-radius:3px 3px 0 0;width:21px;height:12px;position:absolute;top:-12px;left:6px}.home-product-category{color:var(--muted);overflow-wrap:anywhere;margin:.8rem 0 .25rem;font-size:.79rem}.home-routine-product strong{overflow-wrap:anywhere;font-size:.95rem;font-weight:500;line-height:1.4}.home-product-details{color:var(--accent);text-underline-offset:4px;align-items:center;min-height:44px;margin-top:auto;padding-top:.55rem;font-size:.8rem;text-decoration:underline;display:flex}.home-scan-action.button{width:100%;margin:.5rem 0 1rem}.home-featured{margin-top:1.5rem}.home-featured h2{margin:0 0 1rem;font-size:1.5rem;font-weight:400}.home-featured-product{color:var(--ink);grid-template-columns:104px minmax(0,1fr);align-items:center;gap:1rem;text-decoration:none;display:grid}.home-featured-product .home-product-image{border-radius:.9rem;height:124px}.home-featured-product h3{overflow-wrap:anywhere;margin:0 0 .4rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.4}.home-featured-product p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.home-state{padding:2rem 0 1rem}.home-state h2{margin:0 0 .8rem;font-size:1.65rem;font-weight:400}.home-state p{color:var(--muted);line-height:1.6}.home-state-actions{gap:.65rem;margin:1.25rem 0;display:grid}.home-state-actions .button{width:100%}.home-metadata-note{color:var(--muted);margin:1rem 0 0;font-size:.8rem;line-height:1.45}.home-refresh{width:100%;margin-top:1.5rem}.home-resume{color:var(--accent);border-top:1px solid var(--border);text-underline-offset:4px;justify-content:space-between;align-items:center;gap:1rem;min-height:60px;margin-top:1.5rem;font-size:.9rem;text-decoration:underline;display:flex}.home-skeleton{pointer-events:none}.home-skeleton-line{background:var(--border);border-radius:.3rem;width:65%;height:1.2rem;margin:1rem 0}.home-skeleton-block{background:var(--accent-soft);border-radius:1rem;height:85px;margin:1rem 0}.home-skeleton-shelf{gap:1rem;margin:1.5rem 0;display:flex;overflow:hidden}.home-skeleton-shelf span{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;min-width:148px;height:190px}@media (prefers-reduced-motion:reduce){.home-level-switch>span{transition:none}}.home-advisor-card{background:var(--accent-soft);color:var(--ink);border-radius:18px;align-items:center;gap:18px;min-height:116px;margin:24px 0;padding:24px 20px;display:flex}.home-advisor-card>svg{flex:none;width:30px;height:30px}.home-advisor-card>span:nth-child(2){flex:1;gap:6px;min-width:0;display:grid}.home-advisor-card strong{font-size:1.2rem;font-weight:550}.home-advisor-card span span{color:var(--muted);font-size:.9rem;line-height:1.5}.home-shelf-tutorial{text-underline-offset:3px;justify-content:center;align-items:center;min-height:44px;margin-top:8px;font-size:.85rem;text-decoration:underline;display:flex}.home-tips{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.home-tips>h2{margin:0 0 20px;font-size:1.6rem}.smart-tip{background:var(--accent-soft);overflow-wrap:anywhere;border-radius:20px;padding:22px;position:relative}.smart-tip-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.smart-tip-heading h3{font-family:var(--display);margin:0;font-size:1.4rem;font-weight:500}.smart-tip-icon{width:44px;height:44px;color:var(--accent);background:var(--canvas);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.smart-tip p{line-height:1.6}.smart-tip-summary{margin:0 0 16px;font-size:1.1rem}.smart-tip-note{color:var(--muted);margin:12px 0 0;font-size:.82rem}.smart-tip-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.smart-tip-actions .button{white-space:normal}.tip-detail{overflow-wrap:anywhere}.tip-detail>.smart-tip-icon{margin-bottom:16px}.tip-detail-text{white-space:pre-wrap;line-height:1.7}.general-tip{border-top:1px solid var(--border);overflow-wrap:anywhere;margin-top:26px;padding-top:24px}.general-tip h3{margin:0 0 8px;font-size:1.25rem}.general-tip-label{color:var(--muted);margin:0 0 12px;font-size:.85rem}@media (width>=760px){.smart-tip{padding:28px}}.customer-shell{min-height:100dvh;padding-bottom:calc(108px + env(safe-area-inset-bottom))}.customer-header{min-height:64px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;max-width:1224px;margin:auto;display:grid}.customer-icon-button{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.customer-icon-button:hover{background:var(--accent-soft)}.customer-brand{justify-content:center;align-items:center;min-width:0;min-height:44px;display:flex}.customer-brand .brand-logo{width:138px;max-width:100%;height:38px}.customer-brand .brand-wordmark{text-align:center;font-size:1.15rem;line-height:1.2}.customer-header-balance{width:44px}.customer-shell>.screen{padding:16px max(20px,env(safe-area-inset-right)) 28px max(20px,env(safe-area-inset-left))}.customer-bottom-nav{z-index:30;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));border:1px solid var(--border);background:var(--surface);border-radius:28px;justify-content:space-around;align-items:stretch;width:auto;max-width:470px;min-height:70px;margin-inline:auto;padding:7px;display:flex;position:fixed;box-shadow:0 4px 24px #203e3d17}.customer-bottom-nav a{min-width:44px;min-height:54px;color:var(--muted);border-radius:21px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:3px 5px;display:flex}.customer-bottom-nav a span{text-align:center;font-size:.72rem;font-weight:550;line-height:1.2}.customer-bottom-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.customer-shell--focused{padding-bottom:env(safe-area-inset-bottom)}.customer-shell--focused>.screen{max-width:840px}.customer-shell--focused .screen-header{margin:18px 0 26px}.customer-shell--focused .screen-header h1{font-size:clamp(1.8rem,7vw,2.7rem);line-height:1.14}.customer-shell--focused .reference-progress{margin-bottom:22px}.customer-drawer{width:min(340px,100vw - 28px);max-width:none;height:100dvh;max-height:none;padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:var(--canvas);color:var(--ink);border:0;border-radius:0 24px 24px 0;margin:0;position:fixed;inset:0 auto 0 0}.customer-drawer::backdrop{background:#13222066}.customer-drawer-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.customer-drawer-header h2{margin:0;font-size:1.5rem}.customer-drawer nav{flex-direction:column;gap:8px;display:flex}.customer-drawer nav a{border-radius:14px;align-items:center;gap:16px;min-height:54px;padding:12px 16px;display:flex}.customer-drawer nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.customer-drawer nav a:hover{background:var(--surface)}html[data-keyboard=open] .customer-bottom-nav{display:none}@supports selector(:has(*)){.customer-shell:has(input:focus,textarea:focus,select:focus) .customer-bottom-nav{display:none}}@media (width>=760px){.customer-header{min-height:80px;padding-inline:36px}.customer-shell>.screen{padding:24px max(40px,env(safe-area-inset-right)) 48px max(40px,env(safe-area-inset-left))}.customer-brand .brand-logo{width:156px;height:44px}.customer-brand .brand-wordmark{font-size:1.3rem}.customer-shell--focused>.screen{padding-top:12px}}.customer-header--search{grid-template-columns:44px minmax(0,1fr) 88px}.customer-header-actions{justify-content:flex-end;align-items:center;display:flex}.guided-scanner{color:#fff;z-index:30;background:#121212;border:0;width:100%;max-width:600px;height:100dvh;max-height:none;margin:0 auto;padding:0;position:fixed;inset:0;overflow:hidden}.guided-scanner::backdrop{background:#090909}.guided-scanner .camera-video,.guided-scanner .face-mesh{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.guided-scanner .camera-video{transform:scaleX(-1)}.guided-scanner .face-mesh{z-index:2;pointer-events:none}.guided-scanner .scan-oval{z-index:3;pointer-events:none;border:2px dashed #f5dba9bb;border-radius:50%;width:88%;height:58%;position:absolute;top:18%;left:6%;box-shadow:0 0 0 200vmax #0008}.guided-scanner .scan-oval.ready{border-color:#5cff9d}.guided-scanner .scan-sweep{border-radius:50%;position:absolute;inset:0;overflow:hidden}.guided-scanner .scan-sweep:after{content:"";background:var(--capture-guide);height:2px;animation:2s ease-in-out infinite alternate capture-sweep;position:absolute;top:15%;left:0;right:0;box-shadow:0 0 22px 8px #f5dba944}.guided-scanner .ready .scan-sweep:after{background:#5cff9d;box-shadow:0 0 22px 8px #5cff9d44}.guided-scanner .lock-ring{fill:none;stroke:#5cff9d;stroke-width:1px;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px}.guided-scanner .camera-header{z-index:5;top:calc(env(safe-area-inset-top) + 8px);letter-spacing:-.5px;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;display:flex;position:absolute;left:16px;right:16px}.guided-scanner .camera-header .capture-close,.guided-scanner .camera-counter{background:#00000073;border:1px solid #ffffff1f;border-radius:20px;place-items:center;width:44px;height:44px;display:grid}.guided-scanner .camera-counter{color:var(--capture-guide);font-size:13px}.guided-scanner .scan-hud{z-index:5;bottom:calc(env(safe-area-inset-bottom) + 20px);text-align:left;background:#0c0c0cb8;border:1px solid #ffffff1a;border-radius:24px;padding:14px 18px 16px;position:absolute;left:16px;right:16px;overflow:hidden}.guided-scanner .scan-hud h2{letter-spacing:-.8px;margin:0 0 8px;font-size:20px;line-height:26px}.guided-scanner .scan-hud>p{letter-spacing:-.24px;color:#fff9;align-items:center;gap:8px;min-height:24px;font-size:14px;line-height:24px;display:flex}.guided-scanner .scan-status-dot{background:var(--capture-guide);border-radius:50%;flex-shrink:0;width:8px;height:8px}.guided-scanner .scan-status-dot.good{background:#5cff9d}.guided-scanner .scan-chips{gap:8px;margin-bottom:12px;display:flex}.guided-scanner .scan-chip{color:#fff9;letter-spacing:-.2px;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.guided-scanner .scan-chip.active{color:#fff;background:#d4b8782e;border-color:#d4b87899}.guided-scanner .scan-chip.done{background:var(--capture-guide);border-color:var(--capture-guide);color:#1a1a1a}.guided-scanner .chip-dot{background:#ffffff59;border-radius:50%;width:6px;height:6px}.guided-scanner .active .chip-dot{background:var(--capture-guide)}.guided-scanner .hold-track{background:#ffffff1f;border-radius:2px;height:3px;position:absolute;bottom:0;left:18px;right:18px;overflow:hidden}.guided-scanner .hold-track span{background:#5cff9d;height:100%;transition:width 80ms linear;display:block}.guided-scanner .scan-signals{z-index:5;top:calc(env(safe-area-inset-top) + 60px);color:var(--capture-guide);justify-content:center;gap:6px;display:flex;position:absolute;left:16px;right:16px}.guided-scanner .scan-signals>span{letter-spacing:-.1px;background:#00000073;border:1px solid #ffffff1a;border-radius:12px;height:24px;padding:2px 9px;font-size:11px;font-weight:500}.guided-scanner .scan-signals .good{color:#5cff9d}.guided-scanner .scan-hud .capture-back{padding:8px 0 0;font-size:11px}.guided-scanner .manual-shutter{z-index:5;bottom:calc(env(safe-area-inset-bottom) + 256px);background:#00000059;border:4px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:absolute;left:calc(50% - 37px)}.guided-scanner .manual-shutter>span{background:#fff;border-radius:50%;width:56px;height:56px}.guided-scanner .manual-shutter small{white-space:nowrap;font-size:13px;font-weight:500;position:absolute;top:78px}.guided-scanner.scanner-flash:after{content:"";pointer-events:none;z-index:4;background:#ffffff80;animation:.35s ease-out forwards capture-flash;position:absolute;inset:0}.guided-scanner .scan-oval{border:0;box-shadow:0 0 0 200vmax #000000bf}.guided-scanner .scan-segments{fill:none;width:100%;height:100%;stroke:var(--capture-guide);stroke-width:3px;position:absolute;inset:0;overflow:visible}.guided-scanner .ready .scan-segments{stroke:#90ee90}.guided-scanner .scan-sweep:after{top:5%}@keyframes capture-sweep{to{top:95%}}.guided-scanner .hold-track.inactive{opacity:0}.guided-scanner .scan-signals>span{align-items:center;gap:4px;display:flex}@keyframes capture-flash{to{opacity:0}}.guided-scanner{--capture-guide:var(--accent-soft)}.guided-scanner .capture-close{color:#fff;min-height:44px;padding:0}.guided-scanner .capture-back{color:#fff;min-height:44px;font-size:14px}.guided-scanner .scan-hud h2{font-family:inherit;font-weight:550}.guided-scanner .scan-signals>span{font-size:12px}.guided-scanner .manual-shutter{color:#fff;padding:0}.guided-scanner :focus-visible{outline-color:#fff}.capture-preview-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.capture-preview-strip figure{margin:0}.capture-preview-strip img{aspect-ratio:3/4;object-fit:cover;border-radius:12px;width:100%}.capture-preview-strip figcaption{color:var(--muted);padding:8px 0;font-size:.875rem}@media (prefers-reduced-motion:reduce){.guided-scanner .scan-sweep:after{animation:none;top:50%}.guided-scanner.scanner-flash:after{display:none}.guided-scanner .hold-track span{transition:none}}.guided-scanner .scanner-camera-stage{position:absolute;inset:0;overflow:hidden}.guided-scanner .face-mesh{object-fit:fill}@media (width>=900px){.guided-scanner{background:#171717;border:1px solid #fff2;border-radius:24px;width:calc(100vw - 64px);max-width:1120px;height:min(760px,100dvh - 48px);margin:auto}.guided-scanner .scanner-camera-stage{background:#090909;right:320px}.guided-scanner .camera-video{object-fit:contain}.guided-scanner .scan-oval{box-shadow:0 0 0 200vmax #0006}.guided-scanner .camera-header{top:16px;right:340px}.guided-scanner .scan-signals{top:68px;right:340px}.guided-scanner .scan-hud{width:280px;bottom:50%;left:auto;right:20px;transform:translateY(50%)}.guided-scanner .scan-chips{flex-wrap:wrap}.guided-scanner .scan-hud h2{white-space:normal}.guided-scanner .manual-shutter{bottom:calc(50% - 210px);left:auto;right:118px}}.scan-history{margin-top:4rem}.scan-history-entry{border-top:1px solid var(--border);padding:1.5rem 0}.scan-history-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.scan-history-heading h3{margin:0 0 .75rem;font-size:1rem}.scan-observations{gap:1rem;display:grid}.scan-observations dt{font-weight:600}.scan-observations dd{color:var(--muted);margin:.25rem 0 0}.wheel-picker{text-align:center;width:100%;max-width:440px;margin:1rem auto}.wheel-picker-label{margin:0 0 1.5rem;font-size:1.1rem;font-weight:550}.wheel-picker-wrap{isolation:isolate;position:relative}.wheel-picker-selection{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);pointer-events:none;z-index:-1;border-radius:15px;height:50px;position:absolute;top:100px;left:0;right:0}.wheel-picker-viewport{overscroll-behavior-y:contain;scrollbar-width:none;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:15px;height:250px;padding:100px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.wheel-picker-viewport::-webkit-scrollbar{display:none}.wheel-picker-viewport[data-dragging]{scroll-snap-type:none;cursor:grabbing}.wheel-picker-option{scroll-snap-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.025em;justify-content:center;align-items:center;height:50px;font-size:1.05rem;transition:opacity 90ms,font-size 90ms;display:flex}.wheel-picker-option[aria-selected=true]{color:var(--accent);font-size:1.4rem;font-weight:550}.wheel-picker-hint{color:var(--muted);margin:1.5rem 0 0;font-size:.8rem}.wheel-picker[data-disabled]{opacity:.65}.wheel-picker[data-disabled] .wheel-picker-viewport{touch-action:none;cursor:default;overflow-y:hidden}.reference-age-input{max-width:540px;margin-inline:auto}.reference-age-input>.muted{text-align:center}@media (prefers-reduced-motion:reduce){.wheel-picker-option{transition:none}}.reference-journey{max-width:920px;margin-inline:auto}.reference-journey:focus{outline:none}.reference-progress{max-width:680px;margin-bottom:30px}.reference-input,.reference-capture,.reference-account{max-width:720px}.reference-answer{align-items:center;gap:12px;display:flex}.reference-answer>.choice{flex:1}.reference-optional-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.reference-optional-grid img{object-fit:cover;border-radius:10px;width:120px;height:120px;margin-bottom:12px;display:block}.reference-intro{justify-items:start;gap:24px;display:grid}.reference-intro img{object-fit:cover;border-radius:16px;width:100%;max-height:480px}.reference-result-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:48px;margin-block:38px;display:grid}.reference-narrative h2{font-size:1.7rem}.reference-narrative p{line-height:1.8}.reference-narrative hr{border:0;border-top:1px solid var(--border);margin-block:30px}.reference-plan{border-left:1px solid var(--border);padding-left:36px}.reference-products{flex-wrap:wrap;gap:12px;margin-block:24px;display:flex}.reference-products img{object-fit:contain;background:var(--surface);border-radius:8px;width:80px;height:110px}.reference-routine-product{align-items:center;gap:20px;display:flex}.reference-routine-product img{object-fit:contain;width:64px;height:84px}.reference-processing{max-width:660px;padding-block:40px}.reference-orbit{border:1px dashed var(--accent);border-radius:50%;width:92px;height:92px;margin-bottom:30px;display:block}.reference-orbit--active{animation:12s linear infinite reference-orbit}@keyframes reference-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reference-orbit--active{animation:none}}@media (width<=760px){.reference-result-grid{grid-template-columns:1fr;gap:28px}.reference-plan{border-left:0;border-top:1px solid var(--border);padding-top:28px;padding-left:0}.reference-answer{align-items:stretch;gap:4px}}