/* Dev stand visual system: an editorial light canvas with restrained kinetic color. */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f8f4;--surface:#fff;--surface-2:#f2f5ef;--surface-3:#e9eee5;
  --line:#e5ebe1;--line-strong:#d5dfd0;--ink:#18241c;--muted:#617065;--dim:#78867b;
  --lime:#4d7f19;--lime-ink:#fff;--lime-soft:#eaf5d9;--lime-line:#bbd79c;
  --amber:#ab5d1e;--amber-soft:#fff0db;--sky:#366d95;--sky-soft:#e9f3fa;
}
html[data-theme="light"] body{background:radial-gradient(680px 480px at 93% 3%,#d5f0ca77,transparent 68%),radial-gradient(460px 350px at -12% 32%,#ffe4cf55,transparent 72%),var(--bg)}
html[data-theme="light"] .header{background:#ffffffd9;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:#dce6da;position:relative;z-index:8}
html[data-theme="light"] .brand-mark{background:#c7f14b;color:#1d2d10;box-shadow:0 9px 24px #96bd4738}
html[data-theme="light"] .desktop-nav{background:#f1f4ee}
html[data-theme="light"] .desktop-nav button.active{background:#1d3823;color:#fff;box-shadow:0 4px 12px #1d38232e}
html[data-theme="light"] .home-intro h1{font-weight:700;letter-spacing:-2.3px;max-width:600px}
html[data-theme="light"] .home-eyebrow,html[data-theme="light"] .home-recent-head span{color:#477316}
html[data-theme="light"] .home-search,html[data-theme="light"] .home-recent-card,html[data-theme="light"] .catalog-filters,html[data-theme="light"] .ranking-criteria button,html[data-theme="light"] .ranking-pending{box-shadow:0 12px 34px #294b3010,0 1px 2px #294b3008}
html[data-theme="light"] .home-search{border-radius:21px}
html[data-theme="light"] .scan-cta{background:linear-gradient(112deg,#d4f779 0%,#bff046 52%,#a8df35 100%);border-color:#c4ea5c;color:#1b2e0d;box-shadow:0 17px 37px #a7d94a35,inset 0 1px #ffffffc9;position:relative;overflow:hidden}
html[data-theme="light"] .scan-cta:before{content:'';position:absolute;inset:-75% auto -75% -50%;width:38%;background:linear-gradient(90deg,transparent,#ffffff9c,transparent);transform:rotate(25deg) translateX(-250%);animation:light-sheen 8s ease-in-out infinite;pointer-events:none}
html[data-theme="light"] .scan-cta small{color:#41601f}
@keyframes light-sheen{0%,55%,100%{transform:rotate(25deg) translateX(-250%)}72%{transform:rotate(25deg) translateX(850%)}}
html[data-theme="light"] .choose-cta{background:linear-gradient(122deg,#fff,#f2f9e9 64%,#eaf5da);border-color:#cde3b8;box-shadow:0 13px 32px #294b3012,inset 0 1px #fff}
html[data-theme="light"] .choose-cta-icon{background:#203c27;color:#c5f348}
html[data-theme="light"] .choose-cta-arrow{color:#3a6a2c}
html[data-theme="light"] .card,html[data-theme="light"] .pick-card{background:#fff;border-color:#dfe7dd;box-shadow:0 12px 34px #294b3010,0 1px 2px #294b3009}
html[data-theme="light"] .card-top .visual{background:radial-gradient(circle at 25% 15%,#c8e8a288,transparent 70%),#edf3e8;border-color:#d2e3c8;color:#354a36}
html[data-theme="light"] .card-btn{background:#f1f5ef;border-color:#e2e9de}
html[data-theme="light"] .pick-opinion{background:#f1f8eb;border-color:#d5e9c8}
html[data-theme="light"] .pick-badge{background:#d2f266;color:#233d16}
html[data-theme="light"] .pick-note{background:#f7faf5}
html[data-theme="light"] .bar{background:#ecf1e9}
html[data-theme="light"] .rank-card,html[data-theme="light"] .rank-row,html[data-theme="light"] .cmp-cell{background:#fff}
html[data-theme="light"] .mobile-nav{background:#ffffffeb;border-color:#e1ebda;box-shadow:0 -12px 40px #2346291c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
html[data-theme="light"] .mobile-nav button.active{background:#edf6e3;color:#315d24}
html[data-theme="light"] .mobile-nav button[data-action="scan"]{color:#3c6e19}
html[data-theme="light"] .mobile-nav button[data-action="scan"] svg{background:#e7f5d4;border-radius:13px;box-shadow:0 5px 15px #a1c87b39}
html[data-theme="light"] .toolbar{background:linear-gradient(#f7f8f4 91%,transparent)}
html[data-theme="light"] .search-box,html[data-theme="light"] .sort-box{background:#fff;border-color:#dfe8dc;box-shadow:0 8px 25px #294b300b}
html[data-theme="light"] .card .bar{background:#e8efe4}
html[data-theme="light"] .pw-stats>div{background:linear-gradient(135deg,#f4faeb,#fff);box-shadow:0 7px 20px #294b300c}
html[data-theme="light"] .intro-proof{background:radial-gradient(circle at 90% 0,#cdeba278,transparent 55%),#fff;box-shadow:0 12px 30px #294b3012}
html[data-theme="light"] .proof-top{color:#4a6651}
html[data-theme="light"] .rank-row{background:#fff;border-color:#e0e8de;box-shadow:0 8px 25px #294b300d}
html[data-theme="light"] .chip.active{background:#203927;color:#fff;border-color:#203927}
html[data-theme="light"] .filters .chip.active{background:#e8f5db;color:#3a6924;border-color:#b9d99d}
html[data-theme="light"] .assistant-box{background:#fff;border:1px solid #e3ebe0;box-shadow:0 12px 34px #294b3010}
html[data-theme="light"] .assistant-tabs{background:#f0f4ed;border-color:#e2eadf}
html[data-theme="light"] .assistant-tabs button.active{background:#fff;color:#213f22;box-shadow:0 2px 10px #294b3018}
html[data-theme="light"] .assistant-eyebrow,html[data-theme="light"] .pick-opinion strong{color:#447b27}
html[data-theme="light"] #assistant-form textarea{background:#f8faf7;border-color:#dce6d9}
html[data-theme="light"] .assistant-history-entry,html[data-theme="light"] .assistant-history-empty,html[data-theme="light"] .assistant-message{background:#f8faf7}
html[data-theme="light"] dialog#sheet:not(.product-sheet){background:#fff}
html[data-theme="light"] .toast{background:#203927;color:#fff;box-shadow:0 10px 28px #20392730}

/* The guided flow has its own composition, scale and motion language. */
.choose-intro{max-width:780px;padding:28px 0 24px}
.choose-intro>span,.guide-kicker,.guide-stage-label,.guide-results-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#527d2e}
.choose-intro h2{display:block;font-size:clamp(31px,4.8vw,49px);letter-spacing:-.065em;line-height:1.03;margin:12px 0 12px;font-weight:700}
.choose-intro p{font-size:15px;line-height:1.55;color:var(--muted);max-width:570px}
.guide-shell{position:relative;isolation:isolate;overflow:hidden;max-width:820px;margin:0 auto 23px;padding:clamp(20px,4vw,38px);border:1px solid #e4eae0;border-radius:32px;background:linear-gradient(145deg,#fff 25%,#fafcf7 100%);box-shadow:0 28px 75px #23462916,0 2px 4px #23462909}
.guide-ambient{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.guide-ambient i{position:absolute;display:block;border-radius:50%;filter:blur(10px);opacity:.7;transform:translate3d(0,0,0);animation:guide-float 11s ease-in-out infinite alternate}
.guide-ambient i:nth-child(1){width:230px;height:230px;right:-70px;top:-110px;background:radial-gradient(circle,#b5f38eaa,transparent 69%)}
.guide-ambient i:nth-child(2){width:240px;height:240px;left:-120px;bottom:-120px;background:radial-gradient(circle,#ffcfad72,transparent 67%);animation-duration:13s;animation-delay:-4s}
.guide-ambient i:nth-child(3){width:170px;height:170px;right:16%;bottom:-115px;background:radial-gradient(circle,#f7bdce77,transparent 67%);animation-duration:15s;animation-delay:-7s}
@keyframes guide-float{from{transform:translate3d(-12px,0,0) scale(.94)}to{transform:translate3d(18px,16px,0) scale(1.08)}}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.guide-step-count{font-size:12px;font-weight:700;color:#607261;font-variant-numeric:tabular-nums}
.guide-progress{height:4px;border-radius:99px;background:#e7eee2;margin:17px 0 30px;overflow:hidden}
.guide-progress span{display:block;width:var(--progress);height:100%;border-radius:99px;background:linear-gradient(90deg,#72b647,#b8e74e);transition:width .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px #a8e15b88}
.guide-progress span:after{content:'';display:block;width:32px;height:100%;margin-left:auto;background:linear-gradient(90deg,transparent,#fff9);animation:guide-progress-glow 2.4s ease-in-out infinite alternate}
@keyframes guide-progress-glow{to{opacity:.15}}
.guide-stage{animation:guide-enter .46s cubic-bezier(.16,1,.3,1) both}
@keyframes guide-enter{from{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(4px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
.guide-stage h3{font-size:clamp(26px,4vw,39px);line-height:1.12;letter-spacing:-.055em;margin:8px 0 8px;font-weight:700;max-width:570px}
.guide-stage>p{color:#607065;font-size:14px;line-height:1.55;max-width:540px;margin:0 0 24px}
.guide-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.guide-option{display:flex;align-items:center;gap:13px;min-height:94px;padding:15px 17px;text-align:left;border:1px solid #e2e9df;border-radius:20px;background:#ffffffd9;box-shadow:0 5px 18px #294b3009,inset 0 1px #fff;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s,background .25s}
.guide-option{animation:guide-option-enter .48s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--option-index,0) * 42ms)}
.guide-option:nth-child(2){--option-index:1}.guide-option:nth-child(3){--option-index:2}.guide-option:nth-child(4){--option-index:3}.guide-option:nth-child(5){--option-index:4}.guide-option:nth-child(6){--option-index:5}
@keyframes guide-option-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.guide-option:hover{transform:translateY(-3px);border-color:#acd08f;box-shadow:0 14px 27px #477c3520;background:#fff}
.guide-option:active{transform:scale(.982)}
.guide-option-art{width:45px;height:45px;flex:none;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#eff8e1,#dbefc6);color:#3c7130;box-shadow:inset 0 1px #fff;font-size:22px}
.guide-option:nth-child(4n+2) .guide-option-art{background:linear-gradient(145deg,#fff1e1,#f8dcc4);color:#a66631}
.guide-option:nth-child(4n+3) .guide-option-art{background:linear-gradient(145deg,#e9f4fa,#d7eaf5);color:#437390}
.guide-option:nth-child(4n+4) .guide-option-art{background:linear-gradient(145deg,#fbeaf1,#f3d9e6);color:#aa6489}
.guide-option-art svg{width:23px;height:23px}
.guide-option-copy{min-width:0;flex:1}
.guide-option-copy strong{display:block;font-size:15px;line-height:1.25;font-weight:700;color:#1b2b1d}
.guide-option-copy small{display:block;margin-top:5px;color:#6d796e;font-size:11px;line-height:1.35}
.guide-option-arrow{align-self:flex-start;color:#76996d;font-size:19px;line-height:1}
.guide-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;color:#829184;font-size:11px}
.guide-bottom button{min-height:44px;padding:0 8px;color:#376929;font-size:13px;font-weight:700}
.guide-budget-form{margin-top:16px;padding:17px;background:#f5f8f2;border:1px solid #e3eadd;border-radius:19px}
.guide-budget-form label{display:block;font-size:12px;font-weight:700;color:#455f47;margin-bottom:9px}
.guide-budget-form>div{display:flex;gap:8px}
.guide-budget-form input{min-width:0;flex:1;height:48px;padding:0 14px;border:1px solid #dbe6d6;border-radius:12px;background:#fff;color:#1d2d20;font-size:15px}
.guide-budget-form button,.guide-submit{min-height:48px;border-radius:12px;background:#203d27;color:#fff;font-size:13px;font-weight:700;padding:0 19px;box-shadow:0 8px 18px #203d272a}
.guide-budget-form button:hover,.guide-submit:hover{background:#2b5834}
.guide-flavor-quick{margin-top:19px}
.guide-flavor-quick>span{display:block;margin-bottom:10px;color:#6b7b6d;font-size:12px;font-weight:700}
.guide-flavor-quick>div{display:flex;flex-wrap:wrap;gap:8px}
.guide-flavor-quick button{min-height:39px;padding:0 14px;border:1px solid #dce7d8;border-radius:999px;background:#fff;color:#315b33;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}
.guide-flavor-quick button:hover{background:#edf6e6;border-color:#98bd85;transform:translateY(-2px)}
.guide-flavor-form{margin-top:17px}
.guide-flavor-form small{display:block;margin-top:10px;color:#718073;font-size:11px;line-height:1.4}
.guide-review{display:grid;gap:0;border:1px solid #e2eade;border-radius:20px;overflow:hidden;background:#ffffffdb}
.guide-review>div{min-height:53px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1ea}
.guide-review>div:last-child{border-bottom:0}
.guide-review span{font-size:12px;color:#718073}
.guide-review strong{text-align:right;font-size:13px;color:#1b2d20}
.guide-submit{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:56px;margin-top:17px;padding:0 21px;font-size:15px;border-radius:16px}
.guide-submit span{font-size:21px}
.guide-free{margin:12px 2px 0!important;font-size:11px!important;color:#718073!important}
.guide-error{margin:12px 0 0;padding:12px;border-radius:12px;background:#fff0e8;color:#984c29;font-size:13px}
.guide-results{max-width:820px;margin:0 auto 26px;scroll-margin-top:16px;animation:guide-enter .5s cubic-bezier(.16,1,.3,1) both}
.guide-results>.assistant-answer{border:0;padding-top:8px;margin-top:0}
.guide-results .assistant-pick{box-shadow:0 14px 30px #294b300d;border-radius:22px}
.assistant-secondary{max-width:820px;margin:0 auto 26px!important;padding:14px 18px!important}
.assistant-secondary .assistant-tabs{margin:0}
.assistant-secondary .assistant-tabs:has(+ div){margin-bottom:17px}
.assistant-secondary h3{font-size:19px}
.assistant-secondary>div>p{font-size:13px;color:var(--muted);margin-bottom:12px}

@media(max-width:760px){
  .choose-intro{padding:18px 1px 19px}
  .choose-intro h2{font-size:32px}
  .guide-shell{border-radius:26px;padding:20px 17px 18px;margin:0 -2px 21px}
  .guide-progress{margin:16px 0 26px}
  .guide-stage h3{font-size:29px}
  .guide-options{grid-template-columns:1fr;gap:9px}
  .guide-option{min-height:77px;padding:12px 14px;border-radius:17px}
  .guide-option-art{width:43px;height:43px;border-radius:13px}
  .guide-stage>p{margin-bottom:18px}
  .assistant-secondary{padding:13px!important}
  .assistant-tabs button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] .scan-cta:before,.guide-ambient i,.guide-stage,.guide-results,.guide-option,.guide-progress span:after,.assistant-pick{animation:none!important}
  .guide-progress span,.guide-option{transition:none!important}
}