:root{
  --phase-green:#16813a;
  --phase-green-dark:#0f6c2f;
  --phase-mint:#eef8f0;
  --phase-bg:#f7f9f6;
  --phase-card:#ffffff;
  --phase-text:#171a18;
  --phase-muted:#747b76;
  --phase-line:#e4e9e5;
  --phase-shadow:0 10px 30px rgba(26,55,35,.07);
  --phase-radius:18px;
}
body{background:var(--phase-bg)!important;color:var(--phase-text)!important}
.phase1-app,.phase1-onboarding{background:linear-gradient(180deg,#fbfcfb 0%,#f5f8f5 100%)!important}
.phase1-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--phase-line)!important}
.phase1-titlebar{padding:15px 20px 12px;display:flex;align-items:center;justify-content:space-between}
.phase1-wordmark{font-size:26px;line-height:1;font-weight:850;letter-spacing:-.045em;color:var(--phase-green)}
.phase1-wordmark span{font-size:16px;margin-left:3px}.phase1-titlebar p{margin:10px 0 0;font-size:21px;font-weight:760;letter-spacing:-.035em}
.add-items-intro{padding:20px 0 12px}.add-items-intro h1{font-size:28px;letter-spacing:-.045em;margin:0 0 4px}.add-items-intro p{margin:0;color:var(--phase-muted)}
.phase1-search-shell{position:relative;margin-bottom:24px}.phase1-search-shell .search-wrap{margin:0}.phase1-search-shell input{height:50px;border-radius:14px!important;background:#fff!important;border:1px solid #dce3dd!important;box-shadow:0 4px 16px rgba(24,50,31,.045)!important;padding-left:43px!important}
.phase1-search-shell .search-wrap:before{content:'⌕';position:absolute;left:15px;top:10px;font-size:24px;color:#87908a;z-index:2}
.phase1-search-result{display:grid!important;grid-template-columns:42px 1fr 20px;gap:12px;align-items:center;width:100%;min-height:62px!important;padding:10px 4px!important;border:0!important;border-bottom:1px solid var(--phase-line)!important;border-radius:0!important;background:#fff!important;color:var(--phase-text)!important;box-shadow:none!important;text-align:left!important}
.phase1-search-result:first-child{border-top-left-radius:14px!important;border-top-right-radius:14px!important}.phase1-search-result:last-child{border-bottom-left-radius:14px!important;border-bottom-right-radius:14px!important}
#results:not(:empty){margin-top:8px;border:1px solid var(--phase-line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--phase-shadow)}
.result-art{width:38px;height:38px;border-radius:11px;background:#f5f8f5;display:grid;place-items:center;font-size:23px}.result-copy strong{display:block;font-size:15px}.result-copy small{display:block;margin-top:3px;color:var(--phase-muted);font-weight:500}.result-chevron{font-size:24px;color:#a2aaa4}
.phase1-not-found{padding:28px 18px;text-align:center}.not-found-icon{font-size:42px;color:#a6aea8}.phase1-not-found h3{margin:8px 0 6px}.phase1-not-found p{margin:0;color:var(--phase-muted);font-size:13px}
.section-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-label-row h2{margin:0;font-size:17px;letter-spacing:-.025em}.section-label-row button,.section-label-row a{min-height:auto!important;padding:0!important;border:0!important;background:none!important;color:var(--phase-green)!important;box-shadow:none!important;font-size:13px;font-weight:700;text-decoration:none}
.popular-section{margin-bottom:25px}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.popular-product{min-height:88px!important;padding:12px 5px 9px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fff!important;color:var(--phase-text)!important;border:1px solid var(--phase-line)!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(20,45,28,.04)!important}.popular-product.active{border-color:#aed2b8!important;background:var(--phase-mint)!important}.popular-product img,.popular-product .emoji-art{width:34px;height:34px;object-fit:contain;font-size:30px;display:grid;place-items:center}.popular-product span:last-child{font-size:10px;font-weight:720;line-height:1.1}
.phase1-list-preview{margin-top:8px}.phase1-list-preview .list-summary{margin:0;padding:15px 16px!important;display:flex;align-items:center;justify-content:space-between}.phase1-list-preview .list-summary a{color:var(--phase-green);font-weight:720;text-decoration:none}
.brand-sheet-intro{margin:-4px 0 8px;color:var(--phase-muted);font-size:13px}.brand-sheet-quantity{display:flex;align-items:center;justify-content:space-between;padding:16px 0 14px;border-top:1px solid var(--phase-line);margin-top:4px}.brand-sheet-quantity>span{font-weight:720}.brand-sheet-add{width:100%!important}.brand-choice.selected{background:var(--phase-mint)!important;border-radius:13px!important;padding-left:10px!important;padding-right:10px!important}.brand-choice-logo{background:#f5f8f5!important}
.phase1-toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:160;display:flex;align-items:center;gap:10px;width:min(calc(100% - 32px),390px);padding:13px 15px;border-radius:15px;background:#17231b;color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.22);opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:.22s ease}.phase1-toast.show{opacity:1;transform:translate(-50%,0)}.phase1-toast>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#2ca653;font-weight:900}.phase1-toast strong,.phase1-toast small{display:block}.phase1-toast small{color:#cfd8d1;margin-top:2px}
.phase1-list-heading{padding-bottom:2px!important}.phase1-list-heading h2{font-size:27px!important}.list-item-card{padding:14px!important;border-radius:16px!important;margin-bottom:12px!important}.list-product-logo{width:48px!important;height:48px!important;border-radius:13px!important;background:#f5f8f5!important}.tap-brand-hint{display:inline-flex;align-items:center;margin-top:7px!important;padding:5px 8px;border:1px solid #cde1d2;border-radius:8px;color:var(--phase-green)!important;font-size:10px!important;background:#fff}.product-main-row{gap:12px}.product-actions-inline{align-items:center!important}.price-row{margin-top:12px!important;padding-top:12px!important}.compact-product-action{background:#fff!important;color:var(--phase-green)!important;border:1px solid #b8d7c0!important;box-shadow:none!important}
/* Approved five-step onboarding */
.phase1-onboarding .onboarding-shell{min-height:100dvh;position:relative}.phase1-onboarding .onboarding-slide{min-height:100dvh;padding:70px 26px calc(76px + env(safe-area-inset-bottom))!important;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center}.phase1-onboarding .onboarding-slide.active{display:flex}.onboarding-brand{font-size:45px;font-weight:900;letter-spacing:-.065em;color:var(--phase-green);margin-bottom:18px}.onboarding-brand span{font-size:23px;margin-left:3px}.phase1-onboarding .onboarding-copy{max-width:310px;margin:18px auto 24px}.phase1-onboarding .compact-copy{margin:0 auto 12px}.phase1-onboarding .onboarding-copy h1{font-size:25px!important;line-height:1.16;margin:0 0 10px!important;letter-spacing:-.045em}.phase1-onboarding .onboarding-copy p{font-size:14px;line-height:1.55;color:#59625c;margin:0}.phase1-onboarding .onboarding-art{width:190px;height:190px;margin:2px auto 4px;display:grid;place-items:center}.phase1-onboarding .onboarding-art-large{width:225px;height:225px}.phase1-onboarding .onboarding-art img{width:100%;height:100%;object-fit:contain}.phase1-onboarding .onboarding-primary{width:100%;max-width:320px;margin-top:8px}.phase1-onboarding .onboarding-text-action{min-height:auto!important;margin-top:12px;padding:8px!important;background:none!important;color:#303632!important;border:0!important;box-shadow:none!important}.how-list{width:100%;max-width:320px;display:grid;gap:14px;margin:8px 0 22px;text-align:left}.how-list>div{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px}.how-list img{width:42px;height:42px;object-fit:contain}.how-list strong,.how-list small{display:block}.how-list strong{font-size:14px}.how-list small{font-size:12px;color:var(--phase-muted);line-height:1.35;margin-top:2px}.phase1-onboarding .onboarding-dots{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}.phase1-onboarding .skip-link{position:fixed!important;top:calc(14px + env(safe-area-inset-top))!important;right:18px!important;z-index:20;background:#eef0ee!important;color:#69716c!important}
@media(max-width:380px){.popular-grid{gap:8px}.popular-product{min-height:80px!important}.phase1-titlebar{padding-left:16px;padding-right:16px}.phase1-onboarding .onboarding-slide{padding-left:20px!important;padding-right:20px!important}.phase1-onboarding .onboarding-art{width:165px;height:165px}.phase1-onboarding .onboarding-art-large{width:200px;height:200px}}