/* Step 13 semantic tokens merged into the existing components. */
:root{--rr-brand:#2e6b5f;--rr-brand-strong:#205247;--rr-mint:#68c7b4;--rr-mint-soft:#e9f8f3;--rr-cream:#f8f3e6;--rr-canvas:#f8fcfa;--rr-surface:#fff;--rr-text:#173f3a;--rr-muted:#607973;--rr-border:#daeae4;--rr-deal:#c53845;--rr-content-max:480px;--rr-radius:24px;--rr-space:16px;--rr-safe-bottom:env(safe-area-inset-bottom,0px);--ink:var(--rr-text);--muted:var(--rr-muted);--teal:var(--rr-brand);--deep:var(--rr-brand-strong);--mint:var(--rr-mint-soft);--page:var(--rr-canvas);--card:var(--rr-surface);--border:var(--rr-border);--coral:var(--rr-deal)}
[hidden]{display:none!important}body{font-size:16px}button,input,select{touch-action:manipulation}.garden-shell{max-width:var(--rr-content-max);min-height:100dvh;padding-bottom:calc(90px + var(--rr-safe-bottom))}.bottom-nav{max-width:var(--rr-content-max);width:100%;padding-bottom:calc(8px + var(--rr-safe-bottom))}.app-header{padding:14px 16px 10px;gap:8px}.brand{width:150px}.header-actions{gap:2px}.icon-button{min-width:44px;min-height:44px;width:44px;height:44px}.page-body{padding:12px var(--rr-space) 28px}.hero{padding:22px 20px;min-height:270px}.hero-compact{min-height:230px}.hero-copy h1{font-size:28px;line-height:1.35;letter-spacing:-.6px}.hero-copy>p{font-size:16px}.hero-small{font-size:14px}.hero .eyebrow{font-size:16px}.hero .handnote{font-size:12px}.hero-visual{right:0;width:49%}.hero-copy{max-width:57%}.hero-visual .mascot-button{max-width:100%}.original-rop{overflow:hidden;mask-image:linear-gradient(#000 0 90%,transparent 99%);object-fit:contain}.hero .original-rop{max-height:220px}.mode-strip,.fine-print,.section-note,.sheet-note,.stats-note{font-size:12px!important;line-height:1.55}.section-heading{gap:12px}.section-heading h2,h2{font-size:20px;line-height:1.4}.button{min-height:48px;font-size:14px!important;padding:12px 18px;gap:8px}.button.text,.text-button,.guide-link{min-height:44px;font-size:14px!important}.filter-chips{overflow-x:auto;display:flex;gap:8px;padding:4px 0 8px;scrollbar-width:thin}.filter-chips button{min-height:44px;flex:0 0 auto;font-size:14px!important;padding:10px 15px}.categories button,.suggestion-chips button{min-width:44px;min-height:44px;font-size:14px}.search-box input,input,select{font-size:16px!important}.search-box{min-height:54px}.search-box button{min-width:44px;min-height:44px}.favorite-button{width:44px;height:44px}.favorite-button .icon{width:22px;height:22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-copy h3{font-size:15px;line-height:1.5;-webkit-line-clamp:3;min-height:45px}.product-card .price-line{flex-wrap:wrap;gap:4px}.product-card .price-line strong{font-size:25px}.product-card del{font-size:14px}.discount{font-size:12px!important}.product-copy small,.card-status,.card-source,.reference-period{font-size:12px!important;line-height:1.5}.card-source,.reference-period{display:block;margin-top:5px;color:var(--muted)}.product-image{height:145px}.product-row .product-open{grid-template-columns:90px minmax(0,1fr);gap:12px}.product-row .card-graph{display:none}.product-row .product-image{height:116px}.product-row h3{padding-right:25px}.product-row .price-line strong{font-size:27px}.product-row .product-copy{min-width:0}.mascot-banner{min-height:146px}.mascot-banner strong{font-size:17px;line-height:1.45}.mascot-banner small{font-size:14px;line-height:1.5}.banner-art{min-width:100px;max-width:120px}.benefits{grid-template-columns:repeat(2,1fr);gap:16px}.benefits b{font-size:14px}.benefits small{font-size:12px}.bottom-nav span{font-size:12px}.bottom-nav button{min-width:44px;min-height:55px}.setting-row strong{font-size:16px}.setting-row small{font-size:14px}.toggle{min-width:48px;min-height:44px;position:relative;background:transparent!important}.toggle:before{content:'';position:absolute;inset:7px 0;background:#abb8b3;border-radius:99px}.toggle[aria-checked=true]:before{background:var(--teal)}.toggle i{position:relative;z-index:1}.nested-route .bottom-nav,.keyboard-open .bottom-nav{display:none}.nested-route .garden-shell{padding-bottom:calc(24px + var(--rr-safe-bottom))}.nested-route .header-actions{display:none}.nested-route .app-header{justify-content:flex-start}.nested-route .brand{margin-left:4px}.detail-nav{flex-wrap:wrap}.detail-product,.compact-product{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:16px}.detail-product .detail-copy h2{font-size:17px!important;padding-right:15px}.detail-product .detail-copy p,.detail-product .detail-copy small{font-size:12px!important}.detail-product .detail-copy .price-line strong{font-size:28px!important}.summary-saving{font-size:14px!important}.shop-strip{flex-wrap:wrap;overflow:visible}.shop-strip button{min-height:44px;font-size:12px!important;flex:1;min-width:95px}.chart-card{padding:16px}.price-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.price-stat-grid b{font-size:22px}.price-stat-grid span{font-size:12px}.journey-shortcuts{flex-direction:column;display:flex}.journey-target{padding:20px 16px}.target-heading h2{font-size:20px!important}.target-heading p{font-size:14px!important}.target-scene{display:block;position:relative}.target-rop{display:none}.journey-target .target-number{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin:20px 0}.journey-target .round-button{width:44px;height:44px;min-width:44px;min-height:44px}.journey-target .target-value input{font-size:32px!important}.journey-target .target-value>span{font-size:25px}.journey-target input[type=range]{height:44px;background-size:100% 8px;background-repeat:no-repeat;background-position:center;margin:2px 0}.range-caption{font-size:12px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-grid button{min-height:64px}.preset-grid button strong{font-size:14px!important}.preset-grid button span{font-size:16px!important}.preset-note{font-size:12px!important}.alert-summary strong{font-size:14px}.alert-summary p{font-size:18px;color:var(--teal);font-weight:700}.store-row{grid-template-columns:40px minmax(0,1fr);gap:12px}.store-row .button{grid-column:1/-1}.store-copy h3{font-size:17px}.store-copy small,.store-reason{font-size:12px}.best-ribbon{font-size:12px;padding:6px 12px}.best-store{padding-top:42px!important}.watch-target{flex-wrap:wrap}.watch-target strong{font-size:18px}.watch-target p,.watch-target b{font-size:14px}.watch-actions{flex-wrap:wrap}.timeline-card h2{font-size:18px}.price-timeline li{font-size:14px}.price-timeline time{font-size:12px}.shopping-tip h2{font-size:17px}.shopping-tip p{font-size:14px}.shopping-tip>.rop-art{width:100px;flex-shrink:0}.ranked-deals{grid-auto-columns:calc((100% - 12px)/2)}.ranked-deal>strong{font-size:14px;height:44px}.ranked-deal>b{font-size:25px}.journey-chart .section-heading{flex-wrap:wrap}.journey-chart .section-heading h2{font-size:18px}.detail-nav .text-button{font-size:12px!important}.search-empty-scene p{font-size:14px}.suggestion-title{font-size:18px}.sale-sticker{font-size:12px}.journey-title{font-size:26px}.information-page h1{font-size:28px;margin:18px 0}.information-page>.button{width:100%;margin:8px 0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Focused creation flow; real HTML text and controls stay separate from artwork. */
.flow-body{padding:10px 16px 28px}.flow-steps{display:flex;list-style:none;margin:4px 0 22px;padding:0;gap:0}.flow-steps li{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:7px;color:var(--muted);font-size:12px;text-align:center}.flow-steps li:before{content:'';position:absolute;top:15px;left:50%;width:100%;height:1px;background:var(--border);z-index:-1}.flow-steps li:last-child:before{display:none}.flow-steps li>span{border:1px solid var(--border);background:var(--page);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-family:Nunito,sans-serif}.flow-steps .complete>span,.flow-steps [aria-current=step]>span{background:var(--teal);color:white;border-color:var(--teal)}.flow-steps [aria-current=step]{color:var(--deep);font-weight:700}.flow-steps .icon{width:17px;height:17px}.flow-scope{text-align:center;font-size:12px;margin:-5px 0 16px}.flow-card{background:var(--card);padding:20px 16px;border:1px solid var(--border);border-radius:var(--rr-radius);box-shadow:var(--shadow);margin-bottom:18px}.flow-card h2{font-size:20px;margin-bottom:12px}.flow-card h2 .icon{margin-right:6px;color:var(--teal)}.flow-card .section-heading{margin:0 0 8px;flex-wrap:wrap;gap:0}.flow-card .section-heading h2{margin:0}.flow-field{border:1px solid var(--border);background:var(--page);color:var(--ink);width:100%;min-width:0;min-height:54px;padding:13px 15px;border-radius:16px;font-size:16px;margin:7px 0;outline-offset:2px}.flow-card .full{margin-top:15px}.flow-card>.button{width:100%;margin-top:12px}.supported-source{display:flex;gap:12px;align-items:center;padding:18px 0;border-top:1px solid var(--border);margin-top:18px}.source-badge{background:#ed623e;color:white;display:grid;place-items:center;width:38px;height:43px;border-radius:11px;font:bold 24px Nunito}.supported-source strong{display:block;font-size:14px}.supported-source small{font-size:12px}.flow-card .fine-print{margin-top:14px}.recent-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:70px}.recent-link span{min-width:0;font-size:14px}.recent-link small{display:block;font-size:12px;overflow-wrap:anywhere}.flow-eyebrow{display:inline-block;background:var(--mint);color:var(--teal);font-size:12px;font-weight:700;padding:6px 15px;border-radius:99px;margin:12px 0}.resolving-screen{text-align:center}.resolving-screen h1{font-size:28px;margin-bottom:8px}.resolving-screen>p{font-size:16px}.resolving-link{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:18px;margin:22px 0;font-size:14px;overflow-wrap:anywhere}.resolving-link span{min-width:0}.resolver-scene{height:290px;position:relative;display:grid;place-items:center;isolation:isolate}.resolver-scene>.rop-art{width:215px;height:260px;align-self:end;animation:ropFloat 2.4s ease-in-out infinite}.resolver-orbit{position:absolute;inset:4% 13%;border:2px dashed #8dcbbc;border-radius:50%;animation:orbitSpin 18s linear infinite}.scene-token{position:absolute;display:grid;place-items:center;width:55px;height:60px;background:var(--card);box-shadow:var(--shadow);color:var(--teal);border-radius:17px;transform:rotate(-10deg)}.scene-token .icon{width:30px;height:30px}.token-search{left:4%;top:14%}.token-chart{right:4%;top:20%;transform:rotate(12deg)}.token-tag{right:8%;bottom:15%;color:var(--coral)}.resolving-status{display:flex;align-items:center;gap:20px;text-align:left}.resolving-status .loader{width:32px;height:32px;flex-shrink:0;margin:0}.resolving-status strong{font-size:16px}.resolving-status p{font-size:14px}.resolving-screen>.button{margin-top:22px;width:100%}.pending-info>p{margin:14px 0}.pending-info>svg{width:48px;height:48px;color:var(--teal)}.pending-info h1{font-size:26px}.confirm-product .detail-product{border:0;box-shadow:none;padding:0;margin:0 0 18px}.confirm-product label{font-size:14px;font-weight:700}.observed-label{font-size:12px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.confirm-tip{display:flex;align-items:center;gap:12px;background:linear-gradient(125deg,var(--mint),transparent);padding:16px 14px 0 0;border-radius:24px;margin:20px 0}.confirm-tip .rop-art{width:100px;height:160px;flex-shrink:0;align-self:end}.confirm-tip h2{font-size:18px;margin-bottom:8px}.confirm-tip p{font-size:14px;padding-bottom:18px}.flow-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.flow-actions .button{padding:12px;font-size:14px!important}.flow-actions.stack{grid-template-columns:1fr;gap:12px}.flow-body>.button{width:100%;margin-top:10px}.threshold-ack{display:flex;align-items:flex-start;gap:12px;font-size:14px!important;background:var(--mint);border:1px solid var(--border);border-radius:16px;padding:12px;margin:16px 0}.threshold-ack input{width:24px;min-width:24px;height:24px;margin:2px 0;accent-color:var(--teal)}.delivery-note{font-size:12px;margin:16px 0}.flow-body .favorite-button{display:none}.flow-body .compact-product .detail-copy h2{padding-right:0}.flow-error{margin-bottom:16px}.track-success{text-align:center}.success-scene{height:280px;position:relative;display:grid;place-items:center;isolation:isolate}.success-scene>.rop-art{width:200px;height:245px;animation:ropFloat 2.4s ease-in-out infinite}.success-ring{position:absolute;width:245px;height:245px;border:1px solid #8dcbbc66;background:radial-gradient(circle,#b0dfcc88,transparent 70%);border-radius:50%;z-index:-1}.token-check{right:12%;bottom:20%;background:var(--teal);color:white;border-radius:50%;width:48px;height:48px}.success-scene .handnote{top:45px;left:4%;font-size:12px}.track-success>h1{font-size:34px;letter-spacing:-1px}.track-success>p{margin:10px 0;font-size:16px}.track-success .flow-scope{font-size:12px;margin-bottom:20px}.receipt-card{text-align:left}.receipt-card>.detail-product{box-shadow:none;border:0;padding:0;margin-bottom:20px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);padding-top:18px;text-align:center;gap:8px}.receipt-grid>div+div{border-left:1px solid var(--border)}.receipt-grid span{display:block;font-size:14px}.receipt-grid strong{font-family:Nunito,sans-serif;display:block;font-size:29px;line-height:1.4;color:var(--teal)}.receipt-grid>div:first-child strong{color:var(--coral)}.threshold-rule{padding:13px 0;font-size:16px;color:var(--teal)}.receipt-channel{display:flex;gap:13px;border-top:1px solid var(--border);padding-top:16px;margin-top:14px}.receipt-channel .icon{color:var(--teal)}.receipt-channel strong{font-size:14px}.receipt-channel p{font-size:12px}.notification-preview{text-align:left;padding:20px 16px;background:var(--mint);border-radius:24px}.notification-preview h2{font-size:18px;margin-bottom:14px}.notification-preview article{background:var(--card);padding:16px;border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;gap:12px}.notification-preview article .rop-art{width:48px;height:60px;flex-shrink:0;background:var(--mint);border-radius:12px}.notification-preview strong,.notification-preview b{display:block;font-size:14px}.notification-preview p{font-size:12px}.success-signoff{font-size:14px!important;margin-top:28px!important;color:var(--teal)}
@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes ropFloat{50%{transform:translateY(-3px)}}
@media(min-width:391px){:root{--rr-space:20px}.flow-body{padding-left:20px;padding-right:20px}}
@media(max-width:359px){.brand{width:135px}.app-header{padding-left:12px;padding-right:12px}.header-actions .icon-button{padding:10px}.hero-copy h1{font-size:25px}.hero-copy>p{font-size:14px}.hero{padding-left:16px;padding-right:16px}.hero-visual{width:45%}.hero-visual .handnote{display:none}.product-grid{gap:8px}.product-copy h3{font-size:14px}.product-card .price-line strong{font-size:24px}.product-image{height:125px}.detail-product,.compact-product{grid-template-columns:80px minmax(0,1fr);gap:12px}.detail-product .detail-copy h2{font-size:16px!important}.flow-actions{grid-template-columns:1fr}.journey-target .target-value input{font-size:28px!important}.receipt-grid strong{font-size:26px}.bottom-nav span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.resolver-orbit,.resolver-scene>.rop-art,.success-scene>.rop-art{animation:none}}
.motion-off .resolver-orbit,.motion-off .resolver-scene>.rop-art,.motion-off .success-scene>.rop-art{animation:none}.page-hidden .resolver-orbit,.page-hidden .resolver-scene>.rop-art,.page-hidden .success-scene>.rop-art,.offscreen .rop-art{animation-play-state:paused}
[data-theme=dark]{--rr-text:#e0f4e9;--rr-muted:#adccc0;--rr-brand:#81cbbb;--rr-brand-strong:#b7e8d9;--rr-canvas:#19342c;--rr-surface:#244237;--rr-border:#3b5b4e;--rr-mint-soft:#2c5043;--rr-deal:#ff929a;--ink:var(--rr-text);--muted:var(--rr-muted);--page:var(--rr-canvas);--card:var(--rr-surface);--border:var(--rr-border);--mint:var(--rr-mint-soft);--teal:var(--rr-brand);--deep:var(--rr-brand-strong);--coral:var(--rr-deal)}[data-theme=dark] .flow-steps .complete>span,[data-theme=dark] .flow-steps [aria-current=step]>span{color:#18372d}
.success-scene .handnote{left:0;right:auto;top:46px;width:90px;font-size:11px;transform:rotate(-10deg)}.hero-visual .handnote{right:12px;max-width:130px;font-size:12px}.flow-body .notice .button{margin-top:10px;width:100%}.track-success .notification-preview article .rop-art{position:static;transform:none}
/* Clip scene foliage locally; never hide overflowing content at page level. */
.success-scene,.resolver-scene{overflow:hidden}
button{min-height:44px!important;min-width:44px!important}.product-row .favorite-button{width:44px;height:44px}.journey-shortcuts>.button{min-height:48px!important}