:root{font-size:16px;--bg: #edf5f4;--surface: #ffffff;--surface-soft: #f7fbfa;--text: #142023;--muted: #657276;--line: #dfe7ea;--charcoal: #172024;--blue: #90b0c0;--blue-strong: #1f7184;--green: #8fd39d;--green-strong: #22834f;--red: #ffaaa8;--red-strong: #c94f52;--teal: #005060;--teal-dark: #003040;--amber: #c7954b;--amber-soft: #f4d29b;--amber-strong: #7a4d18;--rose: #d0b0b0;--rose-soft: #f1dddd;--yellow: #ffea00;--shadow: 0 20px 46px rgba(0, 48, 64, .18);--radius: 8px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);overflow:hidden;overscroll-behavior:none}html{color-scheme:light}body{position:fixed;inset:0;margin:0;min-width:320px;background:var(--bg)}button,input,textarea{font:inherit}button,input,textarea,summary{min-height:44px}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:4px solid #111827;outline-offset:3px}[tabindex="-1"]:focus{outline:0}.skip-link{position:fixed;display:inline-flex;left:16px;top:12px;z-index:20;min-height:44px;align-items:center;transform:translateY(-160%);border-radius:var(--radius);background:#111827;color:#fff;padding:10px 12px}.skip-link:focus{transform:translateY(0)}.page-shell{display:grid;width:100%;height:var(--app-height, 100dvh);overflow:hidden;place-items:center;padding:20px}.phone-shell{position:relative;display:flex;width:min(100%,448px);height:min(920px,calc(100dvh - 40px));min-height:0;overflow:hidden;flex-direction:column;border:1px solid rgba(0,48,64,.22);border-radius:34px;background:var(--surface);box-shadow:var(--shadow)}.main-stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;perspective:1400px}.transition-plane{position:absolute;inset:0;z-index:0;background:linear-gradient(#ffffff0a,#ffffff24),var(--shop-body-image) center / cover;opacity:0;transition:opacity .7s ease}.app-header{z-index:3;flex:0 0 auto;border-bottom:1px solid rgba(0,48,64,.2);background:linear-gradient(#ffffff3d,#ffffff85),var(--shop-header-image) center / cover}.topline{position:relative;display:grid;min-height:64px;align-items:center;padding:14px 18px 12px;background:linear-gradient(90deg,#00304080,#ffea001a 42%,#00304094),var(--shop-top-image) center 37% / cover;color:#fff}.topline strong{justify-self:center;color:#fff;font-size:1rem;text-shadow:0 2px 7px rgba(0,0,0,.82);text-align:center}.profile-strip{display:grid;gap:8px;width:100%;border:0;padding:10px 18px 12px;background:linear-gradient(110deg,#172024f0,#003040e6 58%,#005060db);color:#fff;text-align:left}.profile-strip span,.kicker,.source-label{display:block;margin-bottom:3px;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.profile-strip span{color:#f5dc72}.profile-strip strong{display:block;font-size:.82rem;line-height:1.25}.profile-strip p{margin:4px 0 0;color:#d9f1ef;font-size:.8rem}.account-help{margin:0;color:var(--muted);font-size:.84rem;font-style:italic}.account-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:14px}.account-preferences-card{display:grid;gap:10px;border:0;border-radius:var(--radius);background:linear-gradient(110deg,#172024f0,#003040e6 58%,#005060db);color:#fff;padding:14px}.profile-account-fields{display:grid;gap:10px;width:100%}.motion-card{display:grid;gap:10px;border:1px solid rgba(0,80,96,.22);border-radius:var(--radius);background:#ffffffeb;padding:14px}.account-panel label,.account-preferences-card label,.motion-card label,.login-form label{display:grid;gap:6px}.autosave-field>span,.range-field>span:first-child{display:flex;align-items:center;justify-content:space-between;color:inherit;font-size:.78rem;font-weight:900}.account-panel input,.account-panel textarea,.account-preferences-card input,.login-form input{width:100%;min-width:0;border:1px solid rgba(0,80,96,.22);border-radius:var(--radius);background:#fffffff5;color:var(--text);padding:9px}.account-preferences-card input{border-color:#ffffff52}.privacy-choice{display:grid;gap:8px;border:2px solid var(--yellow);border-radius:var(--radius);background:linear-gradient(180deg,#fffac4fa,#fffffffa);color:var(--text);padding:12px;box-shadow:0 0 0 3px #ffea002e}.privacy-title{display:flex;align-items:center;justify-content:space-between;color:var(--teal);font-size:.76rem;font-weight:950;text-transform:uppercase}.privacy-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.privacy-toggle input{width:24px;height:24px;accent-color:var(--teal)}.privacy-toggle strong{line-height:1.25}.privacy-choice p{margin:0;color:var(--text);font-size:.82rem;line-height:1.42}.account-panel textarea{resize:none}.save-check{display:inline-grid;width:18px;height:18px;align-items:center;justify-items:center;border-radius:999px;background:#dff8ec;color:#004e34;font-size:.75rem;font-weight:1000;opacity:0;transform:scale(.72);transition:opacity .18s ease,transform .18s ease}.save-check.is-visible{opacity:1;transform:scale(1)}.range-field{position:relative;display:grid;gap:6px}.range-track-wrap{position:relative;display:block;min-height:28px}.range-field input[type=range]{width:100%;border:0;border-radius:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;cursor:pointer}.range-field input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:#d9e7e8}.range-field input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:#d9e7e8}.range-field input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6.5px;border:3px solid #f6fffb;border-radius:999px;background:var(--speed-thumb-color, var(--teal));box-shadow:0 2px 8px #00304052;-webkit-appearance:none}.range-field input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid #f6fffb;border-radius:999px;background:var(--speed-thumb-color, var(--teal));box-shadow:0 2px 8px #00304052}.motion-scale{display:grid;grid-template-columns:24px 1fr 1fr 24px;align-items:center;margin-top:-13px;color:var(--text);font-size:1.04rem;line-height:1}.motion-scale span:nth-child(2){justify-self:center;transform:translateY(-2px) scaleX(-1)}.motion-scale span:nth-child(4){justify-self:end;transform:translateY(-2px) scaleX(-1)}.normal-marker{position:absolute;left:50%;top:50%;width:3px;height:26px;border-radius:999px;background:var(--teal);transform:translate(-50%,-50%);pointer-events:none}.accessibility-actions{display:grid;gap:10px}.action-row-button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;border:1px solid rgba(0,80,96,.22);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#eef7f6);color:var(--text);padding:10px;font-weight:850;text-align:left}.action-row-button[aria-pressed=true]{border-color:var(--teal);background:linear-gradient(180deg,#e8fff4,#d8f1ec);box-shadow:inset 4px 0 0 var(--teal)}.action-row-button svg{width:24px;height:24px;fill:var(--teal)}.accessibility-help{display:grid;gap:10px}.app-main{position:absolute;inset:0;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px;background:linear-gradient(#ffffffd1,#ffffffe0),var(--shop-body-image) center / cover;scroll-behavior:smooth;transform-origin:center;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.login-mode .main-stage{background:linear-gradient(#00304029,#0030404d),var(--shop-body-image) center / cover}.login-mode .app-main{display:grid;align-items:center;background:linear-gradient(#00304014,#00304033),var(--shop-body-image) center / cover}.login-mode .app-header{border-bottom-color:#ffffff2e;background:transparent}.login-mode .topline{background:linear-gradient(90deg,#00304094,#0050602e 50%,#0030409e),var(--shop-top-image) center 37% / cover}.app-main:before{position:absolute;inset:0;z-index:0;background:linear-gradient(#ffffff0a,#ffffff24),var(--shop-body-image) center / cover;content:"";opacity:0;pointer-events:none;transition:opacity .7s ease}.phone-shell.transition-full-color .transition-plane,.phone-shell.transition-full-color .app-main:before{opacity:1}.phone-shell.transition-full-color:not(.is-fade-ready) .app-main{background:#ffffff29}.phone-shell.transition-full-color.is-flipping-in .app-main{background:linear-gradient(#ffffff2e,#ffffff4d),var(--shop-body-image) center / cover;-webkit-backface-visibility:visible;backface-visibility:visible;opacity:1}.phone-shell.transition-full-color.is-background-fading .transition-plane,.phone-shell.is-fade-ready.is-background-fading .app-main:before{opacity:0}.phone-shell.is-flipping-out .app-main{animation:flipAway calc(.24s * var(--spin-scale)) ease-in forwards}.phone-shell.is-flipping-in .app-main{animation:flipHome calc(.38s * var(--spin-scale)) ease-out forwards}.screen-stack{position:relative;z-index:1;display:grid;gap:14px}.login-stack{align-content:center;min-height:100%}.login-card{display:grid;gap:13px;border:1px solid rgba(0,80,96,.28);border-radius:var(--radius);background:#fffffff0;box-shadow:0 18px 42px #00304042;color:var(--text);padding:18px}.login-heading-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.login-card h1{margin:0}.login-card p{margin-bottom:0;color:var(--muted);line-height:1.42}.login-language-button{display:inline-grid;min-height:36px;grid-template-columns:18px auto;column-gap:6px;align-items:center;border:1px solid rgba(0,80,96,.18);border-radius:999px;background:#fff;color:var(--teal);font-weight:900;padding:0 10px}.login-language-button svg{width:18px;height:18px;fill:currentColor}.login-form{display:grid;gap:14px}.floating-field{position:relative;display:block}.floating-field input{padding-top:20px;padding-bottom:8px}.floating-field span{position:absolute;left:10px;top:50%;max-width:calc(100% - 20px);color:var(--muted);font-size:.92rem;line-height:1.15;pointer-events:none;transform:translateY(-50%);transform-origin:left center;transition:top .18s ease,transform .18s ease,color .18s ease,font-size .18s ease}.floating-field input:focus+span,.floating-field input:not(:placeholder-shown)+span{top:6px;color:var(--teal);font-size:.72rem;font-weight:900;transform:translateY(0)}.primary-button,.logout-button{display:inline-grid;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(0,80,96,.18);border-radius:var(--radius);background:var(--teal);color:#fff;font-weight:900;text-decoration:none}.login-call-button{grid-template-columns:22px minmax(0,auto);column-gap:8px;border-color:#22834f47;background:#dff8ec;color:var(--teal-dark)}.login-call-button svg{width:20px;height:20px;fill:currentColor}.login-call-button strong{justify-self:start;line-height:1.08;font-size:.95rem}.logout-button{background:var(--surface);color:var(--teal)}.hero-panel,.title-panel,.summary-card,.search-panel,.article-card,.lesson-card,.match-controls,.match-result,.product-card,.special-card,.visit-card,.action-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(108px,.65fr);gap:10px;align-items:center;border-color:#0050605c;background:linear-gradient(100deg,#003040f0,#005060c7 56%,#d0b0b09e),var(--shop-top-image) center 38% / cover;color:#fff;padding:14px}.hero-panel>*{position:relative;z-index:1}.hero-panel p{color:#e8f6f4}h1,h2,h3,p{margin-top:0}h1{margin-bottom:7px;font-size:1.32rem;line-height:1.16}h2{margin-bottom:6px;font-size:1rem;line-height:1.2}h3{margin-bottom:5px;font-size:.94rem;line-height:1.25}p{color:var(--muted);line-height:1.45}.terpene-orbit{position:relative;display:grid;width:118px;height:118px;place-items:center;border:4px solid var(--yellow);border-radius:50%;background:radial-gradient(circle at center,#fff 0 24%,rgba(255,234,0,.32) 25% 32%,transparent 33%),conic-gradient(from 10deg,var(--teal),var(--blue),var(--rose),var(--charcoal),var(--teal));box-shadow:inset 0 0 0 12px #ffffffe6}.terpene-orbit span{position:absolute;border-radius:999px;background:#111827;color:#fff;padding:3px 6px;font-size:.72rem;font-weight:850}.terpene-orbit span:nth-child(1){top:5px}.terpene-orbit span:nth-child(2){right:-4px}.terpene-orbit span:nth-child(3){bottom:5px}.terpene-orbit span:nth-child(4){left:-5px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-card{display:grid;gap:5px;min-width:0;border-color:#0050602e;background:linear-gradient(180deg,#fff,#f8eeee);padding:12px;text-align:left}.action-card span{color:var(--teal);font-size:.72rem;font-weight:850;text-transform:uppercase}.action-card strong,.action-card small{min-width:0}.action-card small{color:var(--muted)}.title-panel,.summary-card,.search-panel,.article-card,.lesson-card,.match-controls,.match-result{padding:14px}.section-heading{display:flex;gap:8px;align-items:start;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--teal);padding:0;font-weight:850;text-decoration:underline}.saved-row,.product-list,.article-list,.lesson-list,.special-list{display:grid;gap:10px}.special-card{display:grid;gap:6px;padding:12px}.special-card p{margin-bottom:0}.specials-call-card{display:grid;gap:10px}.specials-call-card p{margin-bottom:0}.product-chip{display:inline-grid;gap:2px;margin:0 6px 6px 0;border:1px solid rgba(0,80,96,.22);border-radius:var(--radius);background:#eef7f6;padding:8px;font-weight:850}.product-chip small{color:var(--muted);font-weight:750}.product-card,.visit-card{display:grid;gap:10px;padding:12px}.clickable-card.visit-card{color:inherit;font:inherit;text-decoration:none;text-align:left}.clickable-card.visit-card>span{display:grid;gap:5px}.clickable-card.visit-card span span{color:var(--muted);line-height:1.35}.product-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}.save-button{border:1px solid var(--teal);border-radius:var(--radius);background:#fff;color:var(--teal);padding:8px;font-size:.8rem;font-weight:850}.save-button.saved{background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff}.visit-card ul{margin:0;padding-left:18px;color:var(--text)}.visit-items{padding-left:18px}.visit-items span{display:list-item;color:var(--text)}.clickable-card,.product-chip{cursor:pointer}.target-pulse{animation:targetPulse 1.4s ease-out}.search-panel{display:grid;gap:10px}.search-panel label,.select-field{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:850}.search-panel input{width:100%;min-width:0;border:1px solid #c9d7dc;border-radius:var(--radius);background:#fff;color:var(--text);padding:10px}.app-picker{position:relative}.picker-button{display:grid;width:100%;min-width:0;min-height:52px;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(0,80,96,.24);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#eef7f6);color:var(--text);padding:12px;font:inherit;font-weight:850;text-align:left;box-shadow:inset 0 0 0 1px #ffffffbf}.picker-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-button svg{width:20px;height:20px;fill:var(--teal);transition:transform .16s ease}.app-picker.is-open .picker-button{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #0050601f}.app-picker.is-open .picker-button svg{transform:rotate(180deg)}.picker-menu{position:absolute;z-index:12;top:calc(100% + 6px);right:0;left:0;display:none;max-height:210px;overflow-y:auto;border:1px solid rgba(0,80,96,.22);border-radius:var(--radius);background:#fff;padding:6px;box-shadow:0 18px 34px #00304033}.app-picker.is-open .picker-menu{display:grid;gap:4px}.picker-option{min-height:44px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--text);padding:10px;font:inherit;font-weight:800;text-align:left}.picker-option.selected,.picker-option:hover{background:#dff4f1;color:var(--teal)}.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-row button{min-width:0;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);padding:7px 8px;font-size:.74rem;font-weight:800;line-height:1.12;white-space:normal}.filter-row button.selected{border-color:var(--teal);background:#dff4f1;color:var(--teal)}.article-card details{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.article-card summary{color:var(--teal);font-weight:850}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:#eef3f4}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rose),var(--teal))}fieldset{margin:12px 0 0;border:1px solid var(--line);border-radius:var(--radius);padding:10px}legend{padding:0 5px;font-weight:850}.answer-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;min-height:44px}.answer-option input{width:20px;height:20px}.success-note,.warning-note,.empty-note{margin:10px 0 0;border-radius:var(--radius);padding:9px;font-weight:800}.success-note{background:#eef9f1;color:#17663c}.warning-note{background:#fff5f5;color:#9c3436}.match-controls{display:grid;gap:10px}.match-result{display:grid;gap:13px}.terpene-bars{display:grid;gap:9px}.terpene-row{display:grid;grid-template-columns:92px minmax(0,1fr) 54px;gap:8px;align-items:center;font-size:.78rem;font-weight:850}.dual-track{position:relative;height:18px;overflow:hidden;border-radius:999px;background:#edf2f4}.dual-track span{position:absolute;left:0;height:50%}.dual-track .familiar{top:0;background:var(--blue)}.dual-track .local{bottom:0;background:var(--teal)}.comparison-notes{display:grid;gap:8px;margin:0}.comparison-notes div{border:1px solid rgba(0,80,96,.22);border-radius:var(--radius);background:linear-gradient(180deg,#f7fbfb,#f7eeeb);padding:10px}.comparison-notes dt{color:var(--teal);font-weight:900}.comparison-notes dd{margin:3px 0 0;color:var(--muted);line-height:1.4}.app-footer{z-index:3;display:grid;flex:0 0 auto;gap:7px;border-top:1px solid rgba(0,48,64,.14);background:#fffffffa;padding:8px 10px max(10px,env(safe-area-inset-bottom))}.bottom-nav,.utility-bar{display:grid;gap:4px}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.utility-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav button,.utility-button{display:grid;grid-template-rows:22px 16px 13px;min-width:0;min-height:54px;place-items:center;row-gap:0;border:0;border-radius:var(--radius);background:transparent;color:var(--teal);padding:7px 3px;font-size:.66rem;font-weight:760;text-align:center;text-decoration:none;line-height:1}.bottom-nav button.active,.utility-button.active,.utility-button:active{background:linear-gradient(180deg,#fff9a6,#e7f5f3);color:var(--teal-dark)}.bottom-nav svg,.utility-button svg{width:22px;height:22px;fill:currentColor}.utility-call:after,.utility-button:not(.utility-call):after{display:block;height:12px;content:""}.font-toggle span{font-size:.8rem}.comfort-mode .font-toggle span{font-size:1.08rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.comfort-mode{font-size:18px}.high-contrast-mode{--bg: #ffffff;--surface: #ffffff;--surface-soft: #ffffff;--text: #050b0d;--muted: #1f2930;--line: #526169;--teal: #003040;--teal-dark: #001b24;--green-strong: #005c36;--blue-strong: #004f68}.high-contrast-mode .summary-card,.high-contrast-mode .product-card,.high-contrast-mode .article-card,.high-contrast-mode .lesson-card,.high-contrast-mode .match-result,.high-contrast-mode .account-panel,.high-contrast-mode .motion-card,.high-contrast-mode .action-card{border:2px solid var(--text);background:#fff}.high-contrast-mode .topline,.high-contrast-mode .profile-strip,.high-contrast-mode .account-preferences-card{background:#003040}.reduced-texture-mode .app-main,.reduced-texture-mode.login-mode .app-main,.reduced-texture-mode .login-mode .app-main{background:#f7fbfa}.reduced-texture-mode .app-header{background:#fff}.reduced-texture-mode .topline{background:linear-gradient(90deg,#003040,#005060)}.reduced-texture-mode .transition-plane,.reduced-texture-mode .app-main:before{background:#f7fbfa}.focus-boost-mode button:focus-visible,.focus-boost-mode input:focus-visible,.focus-boost-mode textarea:focus-visible,.focus-boost-mode summary:focus-visible,.focus-boost-mode a:focus-visible{outline:6px solid #ffea00;outline-offset:4px;box-shadow:0 0 0 10px #111827}@keyframes flipAway{0%{transform:rotateY(0)}to{transform:rotateY(-90deg)}}@keyframes flipHome{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes targetPulse{0%{box-shadow:0 0 #ffea00d9}45%{box-shadow:0 0 0 8px #ffea007a}to{box-shadow:0 0 #ffea0000}}@media(max-width:520px){.page-shell{padding:0;place-items:stretch}.phone-shell{width:100%;max-width:none;height:var(--app-height, 100dvh);min-height:0;border:0;border-radius:0;box-shadow:none}.hero-panel,.action-grid{grid-template-columns:1fr}.terpene-orbit{justify-self:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media(prefers-contrast:more){:root{--muted: #334047;--line: #829197}.phone-shell,.summary-card,.product-card,.article-card,.lesson-card,.match-result{border-color:#526169}}