:root{color:#303730;font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(circle at 85% 8%,#dce2d0a6,#0000 28rem),radial-gradient(circle at 8% 55%,#ece0d585,#0000 26rem),#f6f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f6f5f0;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font-family:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #66775b4d}::selection{color:#263029;background:#dce4d3}#root{min-height:100vh}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:64px 0 80px}.hero{border-bottom:1px solid #dcd8d0;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:38px;display:flex}.hero-copy{max-width:650px}.eyebrow{color:#777b69;letter-spacing:.18em;margin:0 0 10px;font-size:.72rem;font-weight:800}.hero h1{color:#263029;letter-spacing:-.055em;max-width:610px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:500;line-height:.92}.hero-description{color:#70756e;max-width:570px;margin:22px 0 0;font-size:1.02rem;line-height:1.7}.routine-summary{flex-shrink:0;gap:28px;display:flex}.routine-summary span{color:#777b74;text-transform:uppercase;letter-spacing:.08em;gap:2px;font-size:.74rem;display:grid}.routine-summary strong{color:#313a33;letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.content-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:58px;padding-top:48px;display:grid}.form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffcb3;border:1px solid #dfddd5;border-radius:24px;padding:28px;position:sticky;top:24px;box-shadow:0 16px 45px #44493e0f}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.section-heading h2{color:#2d352f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:500}.bottle-icon{color:#6d755f;background:#eef0e6;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}form{gap:20px;display:grid}form>label,fieldset{color:#515951;border:0;gap:8px;margin:0;padding:0;font-size:.82rem;font-weight:700;display:grid}legend{color:#515951;margin-bottom:9px;font-size:.82rem;font-weight:700}input{box-sizing:border-box;color:#313731;width:100%;font:inherit;background:#fffefa;border:1px solid #d8d8d0;border-radius:12px;outline:0;padding:13px 14px;font-weight:500;transition:border-color .16s,box-shadow .16s}input::placeholder{color:#a8aaa3}input:focus{border-color:#899278;box-shadow:0 0 0 3px #89927826}.segmented-control{background:#f1f1eb;border:1px solid #dcddd6;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented-control button{color:#777c74;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:.78rem;font-weight:700}.segmented-control button.selected{color:#354034;background:#fff;box-shadow:0 2px 8px #2b322c14}.status-options{gap:10px;display:flex}.status-option{cursor:pointer;flex:1}.status-option input{opacity:0;pointer-events:none;position:absolute}.status-option span{color:#737871;text-align:center;background:#fffefa;border:1px solid #d9dad3;border-radius:11px;padding:10px 12px;font-size:.78rem;font-weight:700;display:block}.status-option input:checked+span{color:#4d5b49;background:#edf0e6;border-color:#8e987d}.primary-button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#596551;border:0;border-radius:13px;justify-content:space-between;align-items:center;margin-top:2px;padding:0 17px;font-size:.85rem;font-weight:800;transition:transform .16s,background .16s;display:flex}.primary-button:hover{background:#4c5846}.primary-button:active{transform:scale(.985)}.primary-button span{font-size:1.2rem}.shelf-area{gap:58px;display:grid}.routine-section{min-width:0}.routine-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.routine-title{align-items:center;gap:13px;display:flex}.routine-symbol{color:#68725d;border:1px solid #dadbd2;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.35rem;display:grid}.routine-title p{color:#969991;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:.72rem;font-weight:700}.routine-title h2{color:#313932;margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.product-count{color:#888d86;font-size:.78rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.product-card{background:#fffefa;border:1px solid #dedfd7;border-radius:20px;flex-direction:column;justify-content:space-between;gap:24px;min-height:215px;padding:22px;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;box-shadow:0 9px 28px #3a40360b}.product-card:hover{transform:translateY(-2px);box-shadow:0 15px 36px #3a403613}.product-card.paused{opacity:.7;background:#f3f2ed}.product-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-badge,.both-badge,.concern-tag{border-radius:999px;align-items:center;width:fit-content;font-size:.68rem;font-weight:800;display:inline-flex}.status-badge{gap:6px;padding:6px 9px}.status-badge.active{color:#53704c;background:#edf3e9}.status-badge.inactive{color:#7f7d76;background:#eceae6}.status-badge span{font-size:.52rem}.both-badge{color:#858980;letter-spacing:.06em;border:1px solid #deddd5;padding:5px 8px}.product-info{gap:5px;display:grid}.brand{color:#8b8f86;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.product-info h3{overflow-wrap:anywhere;color:#303730;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:1.42rem;font-weight:500;line-height:1.14}.concern-tag{color:#7c6f61;background:#f2eee7;padding:6px 9px}.card-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.card-actions button{min-height:38px;font:inherit;cursor:pointer;border-radius:10px;padding:0 12px;font-size:.73rem;font-weight:800}.toggle-button{color:#566151;background:#eef0e8;border:1px solid #d6d9cf}.delete-button{color:#a16f6b;background:0 0;border:1px solid #0000}.delete-button:hover{background:#f7ece9}.empty-shelf{color:#888d84;text-align:center;background:#fffffc66;border:1px dashed #d5d6ce;border-radius:20px;align-content:center;place-items:center;min-height:180px;display:grid}.empty-shelf>span{color:#9aa28e;margin-bottom:8px;font-size:1.35rem}.empty-shelf h3{color:#626a61;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:500}.empty-shelf p{margin:6px 0 0;font-size:.78rem}@media (width<=850px){.app-shell{padding-top:42px}.hero{flex-direction:column;align-items:flex-start}.content-grid{grid-template-columns:1fr;gap:48px}.form-card{position:static}}@media (width<=620px){.hero{gap:24px;padding-bottom:30px}.hero h1{font-size:clamp(2.65rem,15vw,4.2rem)}.hero-description{font-size:.92rem}.routine-summary{justify-content:flex-start;width:100%}.content-grid{padding-top:32px}.form-card{border-radius:20px;padding:22px}.product-grid{grid-template-columns:1fr}.routine-header{align-items:center}.routine-title h2{font-size:1.7rem}.product-card{min-height:195px}.app-shell{width:100%;padding:28px 16px 52px}.hero{gap:22px;width:100%}.hero-copy{width:100%;max-width:none}.hero h1{max-width:100%;font-size:clamp(2.7rem,14vw,4rem);line-height:.96}.hero-description{max-width:100%;margin-top:20px}.routine-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.routine-summary span{background:#fffffc8c;border:1px solid #dedfd7;border-radius:14px;padding:14px 16px}.content-grid{gap:42px;width:100%;padding-top:34px}.form-card{width:100%;max-width:100%;margin:0 auto;padding:22px}.shelf-area,.routine-section,.product-grid,.empty-shelf{width:100%}.hero{align-items:stretch}.hero-copy{text-align:center}.hero h1{max-width:360px;margin-inline:auto;font-size:clamp(2.5rem,12vw,3.5rem);line-height:.98}.hero-description{margin-inline:auto;max-width:380px;margin-top:18px}.eyebrow{text-align:center}.routine-summary{max-width:380px;margin-inline:auto}.routine-summary span{text-align:center;align-items:center}.content-grid{max-width:420px;margin-inline:auto}.form-card,.shelf-area,.routine-header{width:100%}.form-card{-webkit-backdrop-filter:none;backdrop-filter:none}}