/* Web edition: all changes are isolated from the original mobile project. */
:root{background:#fffcfa;color:#352e36;--web-sidebar:232px;--web-gutter:clamp(28px,4vw,68px)}
body{background:#fffcfa;font-size:16px;line-height:1.5}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #bd4668;outline-offset:4px}
.app{max-width:none;min-height:100vh;margin:0 0 0 var(--web-sidebar);border-radius:0;box-shadow:none;overflow:visible}
.screen{min-height:100vh;max-width:1500px;margin:auto;padding:48px var(--web-gutter) 64px;background:#fffcfa}
.desktop-sidebar{position:fixed;inset:0 auto 0 0;width:var(--web-sidebar);background:#fff7f7;border-right:1px solid #eee3e6;padding:37px 22px 24px;z-index:20;display:flex;flex-direction:column}
.desktop-brand{font-family:'Salkka Jua',sans-serif;font-size:35px;letter-spacing:-1.5px;padding:0 12px;color:#30303b}.desktop-brand span{color:#ef7892}
.desktop-tagline{font-size:13px;color:#81747c;margin:5px 12px 38px}
.desktop-sidebar nav{display:grid;gap:9px}.desktop-sidebar nav button{display:flex;align-items:center;gap:13px;padding:15px 17px;border:0;border-radius:14px;background:transparent;color:#797180;text-align:left;font-size:15px;font-weight:600}
.desktop-sidebar .nav-icon{width:23px;height:23px;flex-shrink:0;fill:#f6edf0}
.desktop-sidebar nav button:hover{background:#fbe9ef}.desktop-sidebar nav button.selected{background:#ffe4ed;color:#cf466a}.desktop-sidebar nav button.selected .nav-icon{fill:#ffd4e2}
.desktop-sidebar nav button[data-desktop-nav=add]{background:#ee7593;color:white;margin:12px 0;box-shadow:0 5px 14px #e46d8822}.desktop-sidebar nav button[data-desktop-nav=add] .nav-icon{fill:none}
.sidebar-bottom{margin-top:auto;padding:38px 12px 0}.sidebar-bottom img{width:78px;height:78px;border-radius:22px;mix-blend-mode:multiply}.sidebar-bottom p{font-family:'Salkka Jua',sans-serif;font-size:17px;line-height:1.6;color:#81717a;margin:10px 0 16px}.sidebar-bottom button{font-size:13px;color:#82727b;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px}
.bottom{display:none!important}.top{position:static;background:transparent;padding:0 0 26px}.top-line{min-height:48px}.top h1,.screen>header h1,.my-screen>h1{font-size:32px!important;line-height:1.35}.top-tools{gap:18px}.top-tools .desktop-add{background:#ef7892;color:white;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.3}.top-tools .avatar{width:36px;height:36px}
.categories{margin-top:26px;gap:8px;flex-wrap:wrap;overflow:visible}.categories button{font-size:14px;padding:8px 16px;background:#f6f1f2;color:#756a73}.categories .active{background:#ef688b;color:white}
.search{max-width:550px;font-size:16px;margin-top:22px;padding:14px 18px}
.monthly-pick-card{width:100%;margin:0 0 30px;padding:20px 25px;border-radius:19px;min-height:104px}.monthly-pick-card .pick-eyebrow{font-size:18px}.monthly-pick-card>strong{font-size:24px}.monthly-pick-card #pick-card-title.budget-unset{font-size:18px}.monthly-pick-card #pick-card-action{min-width:92px;min-height:43px;font-size:15px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.card{border-radius:17px;padding:0 0 12px;transition:transform .16s}.card:hover{transform:translateY(-3px)}.photo{aspect-ratio:1;border-radius:17px;background:#f2ece9}.name{font-size:15px;margin:12px 0 4px;line-height:1.5}.price{font-size:16px}.source{font-size:12px;margin-top:7px;overflow-wrap:anywhere}.photo .heart{top:10px;right:10px}
.timeline-header p{font-size:15px}.timeline-filters{margin:25px 0 0;gap:10px}.timeline-filters button{font-size:14px;padding:10px 20px}.timeline-list{margin-top:30px;padding-left:28px}.timeline-group{margin-bottom:32px}.timeline-group:before{left:-36px}.timeline-group h2{font-size:20px}.timeline-group h2 small{font-size:13px}.timeline-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.timeline-product img,.timeline-placeholder{height:auto;aspect-ratio:1}.timeline-name{font-size:14px;padding:10px 12px}.timeline-empty p{font-size:15px}.decision-preview{font-size:14px}
.stats-screen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:start}.stats-screen>header,.stats-periods,.stats-metrics,.stats-persona,.stats-footnote{grid-column:1/-1;margin:0}.stats-screen>header{margin-bottom:0}.stats-periods{max-width:410px;width:100%;gap:10px}.stats-periods button{font-size:14px;background:#f5eff1}.stats-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stats-metrics>.metric-card{padding:24px 17px;border:1px solid #eee6e9;background:#fff;gap:12px}.stats-metrics .metric-card div>span{font-size:14px;white-space:normal}.stats-metrics .metric-card strong{font-size:29px;margin-top:7px}.stats-panel{padding:26px!important;border:1px solid #eee6e9!important;border-radius:19px;margin:0;background:white}.stats-panel h2{font-size:20px}.stats-panel p,.stats-panel .stats-note,.stats-persona small{font-size:14px}.stats-bar-row{font-size:14px;gap:16px}.stats-bar-row b{font-size:13px}.stats-persona{padding:24px}.stats-persona>span{font-size:14px}.stats-persona h2{font-size:21px}.stats-value>strong,.stats-wait>strong{font-size:30px}.stats-footnote{font-size:13px}
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}.detail-hero{height:auto;aspect-ratio:1;position:sticky;top:36px;border-radius:24px;overflow:hidden}.detail-content{margin:0;padding:0;background:transparent;border-radius:0}.detail-summary{display:block;padding-bottom:22px}.detail-summary h1{font-size:26px;line-height:1.4;overflow-wrap:anywhere}.detail-summary strong{font-size:25px}.detail-summary p{font-size:14px}.detail-site{display:inline-block;font-size:14px;margin-top:18px;padding:13px 22px}.detail-memo{padding:22px}.detail-memo-heading{font-size:16px}.detail-memo p{font-size:16px;line-height:1.8}.detail-row,.detail-row b{font-size:14px}.purchase-toggle{font-size:15px}.purchase-status{font-size:13px}
.link-screen .link-content{max-width:820px;margin:0 auto;padding-top:26px}.link-content h1{font-size:36px;line-height:1.45;text-align:left;margin-bottom:30px}.link-content h1 br{display:none}.link-content #link-form{display:grid;grid-template-columns:1fr 140px;gap:12px}.url-box{height:58px;border:1px solid #eee0e5;box-shadow:0 4px 18px #51313e08}.url-box input{font-size:16px}.link-content .primary{margin:0}.platforms{justify-content:flex-start;gap:30px;margin:28px 0 46px}.platforms a{min-width:62px}.platforms img{width:46px;height:46px}.platforms small{font-size:13px}.link-content h2{font-size:22px}.wishlist-moments{gap:22px}.wishlist-moments img{height:auto;aspect-ratio:1;border-radius:20px}.wishlist-moments small{font-size:15px;line-height:1.6}.tip,#fetch-status{font-size:14px}
.my-screen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-content:start}.my-screen>h1,.my-profile,.my-local-note{grid-column:1/-1;margin:0}.my-profile{background:#fff1f5;padding:24px;border-radius:20px;margin-bottom:8px}.my-profile strong{font-size:21px}.my-profile p{font-size:14px}.my-group{border:1px solid #eee6e9;background:white;margin:0}.my-row{min-height:64px;padding:19px}.my-row span,.my-row small{font-size:15px}.my-local-note{font-size:14px;line-height:1.8;margin-top:14px}.category-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.category-tile img{width:100%;max-width:160px;height:auto;aspect-ratio:1}.category-tile strong{font-size:16px}
.first-guide{max-width:940px;padding-top:45px}.guide-steps{display:grid;gap:16px}.guide-steps p{font-size:16px}.guide-storage p{font-size:15px}.guide-actions{max-width:500px;margin:26px auto 0}
dialog{width:min(calc(100% - 48px),600px);padding:30px;border-radius:24px;max-height:88vh}dialog label{font-size:14px}dialog input,dialog select,dialog textarea{font-size:16px;padding:12px}dialog p{font-size:14px}#monthly-pick-dialog{max-width:660px;padding:30px}#toast{z-index:1000;bottom:28px;max-width:calc(100vw - 40px);white-space:normal;text-align:center}
body.desktop-start .app{margin:0}#welcome{max-width:none;min-height:100vh;display:grid;grid-template-columns:minmax(300px,440px) minmax(360px,560px);grid-template-rows:auto auto auto auto;column-gap:7vw;row-gap:0;justify-content:center;align-content:center;padding:70px 7vw;text-align:left;background:radial-gradient(ellipse at 4% 8%,#ffedf2,transparent 60%),#fffcfa}
#welcome .welcome-center{display:contents}#welcome .welcome-eyebrow{grid-column:1;grid-row:1;justify-self:start;align-self:end;margin:0 0 23px}#welcome h1{grid-column:1;grid-row:2;font-size:78px;margin:0 0 25px}#welcome .welcome-center p{grid-column:1;grid-row:3;font-size:27px;margin:0 0 35px}#welcome .welcome-center img{grid-column:2;grid-row:1/5;width:100%;max-width:560px;align-self:center;border-radius:40px}#welcome .welcome-actions{grid-column:1;grid-row:4;max-width:370px}#welcome .welcome-actions p{text-align:center}#welcome .social-login{font-size:14px}
@media(min-width:1700px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){:root{--web-sidebar:208px;--web-gutter:30px}.desktop-sidebar{padding-left:16px;padding-right:16px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-detail{gap:24px}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){:root{--web-sidebar:0px;--web-gutter:22px}.desktop-sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 20px;border-right:0;border-bottom:1px solid #eee3e6;display:block}.desktop-brand{font-size:26px;padding:0}.desktop-tagline,.sidebar-bottom{display:none}.desktop-sidebar nav{display:flex;margin-top:10px;gap:6px}.desktop-sidebar nav button{flex:1;justify-content:center;padding:10px 7px;font-size:12px;gap:5px}.desktop-sidebar nav button[data-desktop-nav=add]{margin:0}.desktop-sidebar .nav-icon{width:18px;height:18px}.screen{padding-top:28px}.top h1,.screen>header h1,.my-screen>h1{font-size:27px!important}.top-tools{gap:10px}.top-tools .desktop-add{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.stats-screen,.my-screen,.product-detail{display:block}.stats-screen>*:not(.bottom),.my-screen>*:not(.bottom){margin-bottom:20px}.detail-hero{position:relative;top:auto;max-width:500px;margin:0 auto 25px}.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.link-content #link-form{grid-template-columns:1fr}.link-content .primary{min-height:50px}.link-content h1{font-size:29px}.platforms{gap:12px;justify-content:space-between}.platforms a{min-width:0}.wishlist-moments{gap:12px}.wishlist-moments small{font-size:14px}.monthly-pick-card{padding:18px;min-height:95px}.monthly-pick-card>strong{font-size:22px}.categories{gap:6px}.categories button{padding:7px 12px}#welcome{display:flex;flex-direction:column;align-items:center;padding:35px 24px;gap:24px;text-align:center}#welcome .welcome-center{display:flex;flex:none}#welcome h1{font-size:58px;margin-bottom:18px}#welcome .welcome-center p{font-size:23px;margin-bottom:15px}#welcome .welcome-center img{width:min(100%,350px)}#welcome .welcome-eyebrow{margin-bottom:18px}#welcome .welcome-actions{width:100%}}
@media(max-width:420px){.desktop-sidebar{padding:12px}.desktop-sidebar nav button{flex-direction:column;font-size:11px;gap:5px}.monthly-pick-card #pick-card-title.budget-unset{font-size:16px}.top-tools{gap:6px}.category-tiles{gap:10px}.name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

/* Compact right-side navigation for the web layout. */
@media(min-width:801px){
 :root{--web-sidebar:180px}
 .app{margin:0 var(--web-sidebar) 0 0}
 .desktop-sidebar{inset:0 0 0 auto;width:var(--web-sidebar);padding:28px 12px 20px;border-right:0;border-left:1px solid #eee3e6}
 .desktop-brand{font-size:28px;letter-spacing:-1px;padding:0 10px}
 .desktop-tagline{font-size:11px;line-height:1.6;margin:5px 2px 26px;letter-spacing:-.3px;white-space:nowrap}
 .desktop-sidebar nav{gap:6px}
 .desktop-sidebar nav button{gap:9px;padding:12px 10px;border-radius:12px;font-size:13px}
 .desktop-sidebar .nav-icon{width:20px;height:20px}
 .desktop-sidebar nav button[data-desktop-nav=add]{margin:8px 0}
 .sidebar-bottom{padding:24px 10px 0}
 .sidebar-bottom img{width:56px;height:56px;border-radius:16px}
 .sidebar-bottom p{font-size:14px;line-height:1.65;margin:8px 0 12px}
 .sidebar-bottom button{font-size:12px}
}

/* Monthly A/B combinations */
#monthly-pick-dialog.combination-dialog{width:calc(100% - 40px);max-width:1000px;padding:30px;max-height:90dvh;background:#fffcfa}
.combo-eyebrow{font-family:'Salkka Jua',sans-serif;font-size:15px;color:#ba4668}.combination-dialog #pick-title{font-size:28px;margin-top:5px}.combination-dialog .pick-intro{margin:14px 0 22px}.combination-dialog #pick-budget-form{max-width:420px}.combination-dialog .pick-budget-row input{margin-top:0}.combination-dialog #pick-budget-error:empty{display:none}
.combo-current{margin:20px 0;padding:13px 17px;background:#f1e9ed;color:#685862;border-radius:13px;font-size:14px;line-height:1.7}.combination-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.combo-card{min-width:0;padding:22px;border:1px solid #e5dbe0;background:white;border-radius:20px;display:flex;flex-direction:column}.combo-card.is-applied{border:2px solid #e67b9a;padding:21px;background:#fff8fb}.combo-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.combo-card h3{font:24px 'Salkka Jua',sans-serif;margin:0}.combo-applied,.combo-draft{font-size:12px;padding:5px 9px;border-radius:20px;background:#ffe3ed;color:#a63659}.combo-draft{background:#f5eff1;color:#79616d}.combo-items{margin:14px 0;max-height:260px;overflow:auto}.combo-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f4edf0}.combo-item img,.combo-pick-product img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#f6f1f4}.combo-item-text{min-width:0;flex:1;display:grid;gap:4px}.combo-item-text strong{font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.combo-item-text small{font-size:13px;color:#7c717b}.combo-common,.combo-different{font-size:12px;white-space:nowrap;flex-shrink:0;background:#f4f0f2;color:#857b83;border-radius:7px;padding:4px 7px}.combo-different{background:#fff0da;color:#886019}.combo-empty{padding:20px 0;font-size:14px!important;color:#82757f;line-height:1.8}.combo-money{margin-top:auto;padding-top:13px;border-top:1px solid #eee5e9}.combo-money>span{font-size:13px;color:#81717b}.combo-money>strong{display:block;font-size:25px;color:#3f333d;margin:4px 0}.combo-money small{font-size:13px;color:#897a83}.combo-money p{font-size:14px;color:#776571;margin:9px 0 16px}.combo-money .combo-over{color:#a46845}.combo-excluded{font-size:12px!important;color:#877981!important}.combo-actions{display:grid;gap:8px}.combo-actions button{font-size:14px;min-height:43px}.combo-actions .primary:disabled{background:#f6e7ed;color:#947481;cursor:default}.combo-copy{background:#f8f3f5;border:1px solid #eee3e8;border-radius:11px;color:#715b69;padding:10px 13px;font-size:14px}.combo-copy:disabled{opacity:.5;cursor:default}.combination-difference{text-align:center;background:#fbf1f5;border-radius:12px;padding:13px;font-size:14px!important;color:#9a4967!important}.combination-editor{margin-top:28px;padding-top:24px;border-top:1px solid #e9dfe4}.combo-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.combo-editor-heading h3{font:21px 'Salkka Jua',sans-serif;margin:0}.combo-tabs{display:flex;gap:6px}.combo-tabs button{background:#f1ebee;color:#806a77;border:0;border-radius:10px;padding:10px 15px;font-size:14px}.combo-tabs button[aria-pressed=true]{background:#554650;color:#fff}.combo-auto-note{font-size:13px!important;line-height:1.7}.combo-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;max-height:350px;overflow:auto}.combination-dialog label.combo-pick-product{display:flex;align-items:center;gap:10px;border:1px solid #eee3e8;border-radius:13px;background:white;margin:0;padding:12px;cursor:pointer}.combo-pick-product:has(input:checked){background:#fff0f5!important;border-color:#eda2ba!important}.combination-dialog .combo-pick-product input{appearance:auto;width:18px;height:18px;flex-shrink:0;accent-color:#df6689;margin:0;padding:0}.combo-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:25px}.combo-footer p{font-size:13px;margin:0;color:#a34d6b}.combo-footer button{border:0;background:#443a43;color:white;border-radius:12px;padding:14px 20px;font-size:14px}.combination-dialog .pick-footnote{font-size:12px;line-height:1.7;margin-bottom:0}
@media(max-width:650px){#monthly-pick-dialog.combination-dialog{width:calc(100% - 20px);padding:20px}.combination-dialog #pick-title{font-size:23px}.combination-comparison{grid-template-columns:1fr;gap:14px}.combo-product-grid{grid-template-columns:1fr}.combo-card{padding:18px}.combo-card.is-applied{padding:17px}.combo-editor-heading{flex-wrap:wrap}.combo-footer{display:block}.combo-footer button{width:100%;margin-top:12px}.combo-items{max-height:210px}}
.combo-source-tabs{display:flex;gap:8px;margin:18px 0 10px}.combo-source-tabs button{border:1px solid #eadce3;border-radius:12px;padding:12px 20px;background:white;color:#806574;font-size:14px}.combo-source-tabs button[aria-pressed=true]{background:#ffe8f0;border-color:#ee9bb7;color:#a6385c;font-weight:700}.combo-source-hint{font-size:13px!important;color:#847582!important;line-height:1.7}.combo-link-row{display:flex;align-items:center;gap:12px}.combo-link-row input{margin:0;min-width:0;flex:1}.combo-link-row .primary{width:auto;flex-shrink:0;padding:12px 20px;font-size:14px}#combo-link-form{padding:16px 20px;margin-top:14px;border-radius:16px;background:#fff5f8;border:1px solid #f3e1e8}#combo-link-error{color:#a43c5e}#combo-link-error:empty{display:none}@media(max-width:650px){.combo-link-row{flex-direction:column;align-items:stretch}.combo-link-row .primary{width:100%}.combo-source-tabs button{flex:1;padding:11px 9px}}

/* A 살까? B 살까? — personal product comparison */
.product-duel-entry{display:flex;align-items:center;gap:17px;width:100%;padding:18px 23px;margin:0 0 30px;border:1px solid #f0d6e2;border-radius:18px;background:#fff0f6;color:#503c49;text-align:left}.duel-entry-icon{font:22px 'Salkka Jua',sans-serif;border-radius:13px;background:white;color:#cb5f84;padding:13px;white-space:nowrap}.product-duel-entry>span:nth-child(2){display:grid;gap:5px;flex:1}.product-duel-entry strong{font:23px 'Salkka Jua',sans-serif}.product-duel-entry small{font-size:14px;color:#8a7180}.product-duel-entry>b{font-size:14px;background:white;border-radius:10px;padding:11px 16px;white-space:nowrap}
#product-duel-dialog{width:calc(100% - 40px);max-width:950px;max-height:90dvh;padding:30px;background:#fffcfa}.duel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.duel-heading h2{font-size:29px;margin:5px 0 0}.duel-heading>button{flex-shrink:0}#duel-progress{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}#duel-progress span{padding:8px 12px;border-radius:20px;background:#f3edf0;color:#8d7d88;font-size:13px}#duel-progress span.active{background:#f8dce8;color:#a03c60;font-weight:700}.duel-section-title{font:24px 'Salkka Jua',sans-serif;margin:0 0 14px;color:#40343d}.duel-help{font-size:14px!important;line-height:1.8;color:#82737e!important}.duel-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.duel-panel{padding:21px;border:1px solid #eadfe5;border-radius:19px;background:#fff;min-width:0}.duel-product-summary{display:flex;align-items:center;gap:12px;min-width:0}.duel-product-summary img{width:68px;height:68px;object-fit:cover;border-radius:14px;background:#f8f2f6}.duel-slot{font:22px 'Salkka Jua',sans-serif;color:#c35d81;flex-shrink:0}.duel-product-summary .combo-item-text strong{font-size:15px}.duel-product-summary .combo-item-text small{font-size:14px}.duel-panel label{margin-top:20px}.duel-panel h4,.duel-question h4,.duel-recap h4{font-size:16px;margin:20px 0 12px}.duel-link-form button{width:100%;margin-top:3px}.duel-footer{display:flex;align-items:center;gap:14px;border-top:1px solid #eadfe5;margin-top:24px;padding-top:18px}.duel-footer>span{font-size:12px;color:#92818d;flex:1}.duel-footer .primary{width:auto;min-width:104px;padding:12px 24px;font-size:15px}#duel-status{font-size:14px;color:#a14063;line-height:1.7;margin:20px 0 0}#duel-status:empty{display:none}.duel-criteria{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px}.duel-criterion{padding:12px 18px;border:1px solid #e8dce3;border-radius:24px;background:white;color:#796572;font-size:15px}.duel-criterion[aria-pressed=true]{background:#ffe1ed;border-color:#e78eae;color:#a03a5e;font-weight:700}.duel-custom-criterion{display:flex;gap:10px;max-width:470px;align-items:center;margin-top:22px}.duel-custom-criterion input{margin:0;min-width:0}.duel-custom-criterion button{flex-shrink:0}.duel-selected-criteria{background:#f6edf2;padding:13px 17px;border-radius:12px;color:#8b5570;font-size:14px}.duel-heat{display:flex;gap:5px;flex-wrap:wrap}.duel-heat-button{border:1px solid #eee1e7;border-radius:8px;background:#fff9fb;color:#ba8a9f;padding:8px 6px;font-size:12px}.duel-heat-button[aria-pressed=true]{background:#f57d9e;color:white;border-color:#f57d9e}.duel-mini{background:#fff5f9;border-radius:15px;padding:15px}.duel-mini img{width:45px;height:45px}.duel-question{padding:18px 22px;border:1px solid #eee1e8;border-radius:17px;background:white;margin:15px 0}.duel-question h4{margin:0 0 13px;line-height:1.7}.duel-answer-buttons{display:flex;gap:9px;flex-wrap:wrap}.duel-answer{border:1px solid #eadde4;background:#fff8fb;border-radius:11px;padding:11px 18px;font-size:14px;color:#826477}.duel-answer[aria-pressed=true]{background:#594851;color:white;border-color:#594851}.duel-note-text{font-size:15px!important;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#665561!important}.duel-recap{padding:22px;border-radius:18px;background:#fff0f6}.duel-recap h4{margin:0 0 14px}.duel-recap p{font-size:14px;line-height:1.8;color:#755666}.duel-price-gap{border-top:1px solid #ecd3df;padding-top:14px;font-weight:650}.duel-decision-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 15px}.duel-decision{border:1px solid #e3d1dc;background:white;color:#806071;border-radius:13px;min-height:52px;padding:12px;font-size:15px}.duel-decision[aria-pressed=true]{background:#e87698;color:white;border-color:#e87698;font-weight:700}
@media(max-width:650px){#product-duel-dialog{width:calc(100% - 20px);padding:20px}.duel-columns{grid-template-columns:1fr;gap:12px}.duel-heading h2{font-size:25px}.duel-section-title{font-size:21px}.duel-panel{padding:17px}.product-duel-entry{padding:16px;gap:12px}.product-duel-entry strong{font-size:21px}.product-duel-entry small{font-size:13px}.product-duel-entry>b{display:none}.duel-footer{flex-wrap:wrap}.duel-footer>span{font-size:12px}.duel-mini{grid-template-columns:1fr 1fr;padding:12px}.duel-mini .duel-product-summary{flex-wrap:wrap}.duel-mini .combo-item-text{flex-basis:100%}}
/* Purchase reflection: calm, spacious journal cards. */
@media(min-width:801px){.app{margin:0 var(--web-sidebar) 0 0}.desktop-sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid #eee3e6}}
.reflection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.reflection-heading h1{font-family:'Salkka Jua',sans-serif;font-size:34px;margin:4px 0}.reflection-heading p{color:#8b7c83;margin:0}.reflection-heading .reflection-eyebrow{font-size:11px;letter-spacing:2px;color:#b47988}.reflection-stamp{font-size:40px;background:#faeee8;border-radius:24px;padding:15px 21px;transform:rotate(6deg)}.reflection-hero{display:flex;align-items:center;justify-content:space-between;background:#f2e7e9;border:1px solid #e8dadd;border-radius:24px;padding:28px 32px;color:#57434b}.reflection-hero h2{font-size:25px;margin:8px 0}.reflection-hero p{margin:0;color:#806d74}.reflection-hero>span{font-size:76px;line-height:1;color:#cf8295}.reflection-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0 32px}.reflection-counts article{padding:21px;background:#fff;border:1px solid #eee6e6;border-radius:18px}.reflection-counts article>span{font-size:13px;color:#84757d}.reflection-counts strong{display:block;font-size:32px;margin-top:6px}.reflection-counts small{font-size:14px;font-weight:400;margin-left:5px}.reflection-counts article:nth-child(2){background:#f2f6ef}.reflection-counts article:nth-child(3){background:#faf0ee}.reflection-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.reflection-tabs button{padding:10px 17px;border:1px solid #eadee1;border-radius:30px;background:white;color:#776770}.reflection-tabs button[aria-pressed=true]{background:#654e58;color:white;border-color:#654e58}.reflection-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reflection-product{display:flex;gap:20px;padding:22px;background:white;border:1px solid #eee4e5;border-radius:21px}.reflection-photo{flex:0 0 112px;width:112px;height:135px;background:#f6efed;border-radius:14px;overflow:hidden;display:grid;place-items:center;font-size:38px}.reflection-photo img{width:100%;height:100%;object-fit:cover}.reflection-product h3{font-size:18px;margin:8px 0;overflow-wrap:anywhere}.reflection-product p{margin:5px 0}.reflection-product small{color:#9a8b90;font-size:12px}.reflection-tag{font-size:11px;color:#a85b75;background:#fff0f5;border-radius:6px;padding:4px 7px}.reflection-product .reflection-answer{font-size:12px;color:#88777e;margin-top:12px}.reflection-product button,.reflection-empty button{border:0;background:#f8e6ed;color:#ad4e6c;border-radius:10px;padding:10px 14px;margin-top:12px;font-weight:600}.reflection-empty{grid-column:1/-1;text-align:center;padding:42px;background:#fff;border:1px dashed #ddcfd5;border-radius:22px;color:#85757c}.reflection-empty>span{font-size:36px}.reflection-empty h3{color:#574650}.reflection-insights{margin-top:40px;padding-top:28px;border-top:1px solid #eadfe2}.reflection-insights h2{font-family:'Salkka Jua',sans-serif;font-size:25px;margin:0}.reflection-insights>p{color:#8b7a82;font-size:14px}.reflection-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.reflection-category-grid article{border:1px solid #eee3e7;padding:23px;background:white;border-radius:18px}.reflection-category-grid h3{font-size:15px;margin:0 0 18px}.reflection-category-grid span{display:inline-block;padding:7px 10px;background:#f7f0f2;border-radius:8px;margin:0 6px 7px 0;font-size:13px}.reflection-category-grid b{margin-left:7px}.reflection-insights .reflection-insight{padding:18px 20px;background:#f6f2eb;border-radius:14px;color:#726453}.reflection-insights small,.reflection-footnote{font-size:12px;color:#96868c}.reflection-footnote{margin-top:28px}#reflection-reminder{width:100%;margin-bottom:20px;padding:15px 20px;background:#fff2e7;border:1px solid #f0decf;color:#865f49;border-radius:14px;text-align:left;font-size:14px}#reflection-reminder[hidden]{display:none}#reflection-dialog{width:min(560px,calc(100% - 28px));max-height:90vh;overflow:auto;border:0;border-radius:24px;padding:28px;background:#fffaf9}#reflection-dialog h2{font-family:'Salkka Jua',sans-serif;font-size:25px}#reflection-dialog fieldset{border:0;padding:0;margin:25px 0}#reflection-dialog legend{font-weight:700;margin-bottom:12px;font-size:15px}#reflection-dialog fieldset>div{display:flex;flex-wrap:wrap;gap:8px}#reflection-dialog label{position:relative;margin:0;display:block}#reflection-dialog input{position:absolute;opacity:0;width:1px;height:1px}#reflection-dialog label span{display:block;padding:12px 14px;border:1px solid #e7dce0;background:white;border-radius:12px;font-size:14px}#reflection-dialog input:checked+span{background:#fce4ed;border-color:#d97999;color:#9e395e}#reflection-dialog input:focus-visible+span{outline:3px solid #b35979;outline-offset:2px}.reflection-dialog-product{padding:16px;background:#f1e8eb;border-radius:13px;font-weight:700}.reflection-dialog-product small{display:block;font-size:13px;font-weight:400;margin-top:5px}.reflection-dialog-note{text-align:center;color:#94838b;font-size:12px}#reflection-error{color:#a33551}
@media(max-width:1100px){.reflection-products{grid-template-columns:1fr}}@media(max-width:650px){.reflection-counts{grid-template-columns:1fr 1fr}.reflection-category-grid{grid-template-columns:1fr}.reflection-heading h1{font-size:28px}.reflection-stamp{display:none}.reflection-hero{padding:23px}.reflection-hero h2{font-size:21px}.reflection-hero>span{display:none}.reflection-photo{flex-basis:85px;width:85px;height:110px}.reflection-product{padding:16px;gap:14px}.reflection-heading .reflection-eyebrow{font-size:9px}}

.reflection-demo-card{display:flex;align-items:center;gap:18px;padding:18px 22px;margin:22px 0;border:1px dashed #d9b7c3;border-radius:18px;background:#fff7fa}.reflection-demo-card img{width:76px;height:76px;object-fit:cover;border-radius:14px}.reflection-demo-card h3{font-size:16px;margin:4px 0}.reflection-demo-card p{font-size:13px;color:#8a717d;margin:0}.reflection-demo-card button{margin-left:auto;flex-shrink:0;border:0;border-radius:12px;padding:12px 18px;background:#725562;color:white;font-weight:600}.reflection-demo-photo{width:110px;height:110px;object-fit:cover;border-radius:16px;display:block;margin:16px auto}.reflection-demo-result{background:#f4e9ee;border-radius:16px;padding:20px;margin:20px 0}.reflection-demo-result p{margin:10px 0}.reflection-demo-result small{color:#896e7b}.reflection-demo-again{width:100%;padding:12px;border:1px solid #dcc5ce;background:transparent;border-radius:12px;margin-top:10px;color:#755866}@media(max-width:650px){.reflection-demo-card{flex-wrap:wrap;padding:16px;gap:12px}.reflection-demo-card img{width:60px;height:60px}.reflection-demo-card button{width:100%;margin:0}}

.reflection-period{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:18px 22px;border:1px solid #ebdfe4;background:white;border-radius:16px}.reflection-period label{font-size:15px;font-weight:700;color:#614955}.reflection-period p{margin:5px 0 0;color:#947f89;font-size:12px}.reflection-period select{width:auto;min-width:160px;margin:0;padding:11px 35px 11px 15px;border:1px solid #dfc6d1;border-radius:10px;background:#fff7fa;color:#694c5b;font-size:15px}@media(max-width:650px){.reflection-period{align-items:stretch;flex-direction:column;gap:12px}.reflection-period select{width:100%}}
/* Give saving a link the first clear action on the wishlist. */
.home-link-action{margin:8px 0 26px;grid-column:1/-1}.home-link-action button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:15px 24px;border:0;border-radius:18px;background:#d83d72;color:#fff;font-size:19px;font-weight:700;box-shadow:0 7px 18px #c9417026;cursor:pointer}.home-link-action button span{font-size:29px;font-weight:400;line-height:1}.home-link-action button:hover{background:#c32f62}.home-link-action button:active{transform:translateY(1px)}.home-link-action p{text-align:center;color:#947780;font-size:13px;margin:9px 0 0}#wishlist .top-tools #desktop-add{display:none}@media(max-width:650px){.home-link-action{margin:6px 0 22px}.home-link-action button{min-height:56px;font-size:17px;border-radius:15px}}
.screen>.screen-back{position:relative;inset:auto;display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid #ffffffd9;border-radius:50%;background:#ffffffed;color:#3d3746;box-shadow:0 2px 8px #55404a12;margin:0 0 18px;cursor:pointer;z-index:1}.screen>.screen-back svg{width:22px;height:22px}.screen>.screen-back:hover{background:#fbeaf0}.screen>.screen-back:disabled{opacity:.35;cursor:default}.welcome>.screen-back{position:absolute;top:22px;left:24px}.welcome{position:relative}
.home-discovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 26px}.home-discovery-actions .home-link-action{margin:0;grid-column:auto}.home-finder-action button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:15px 20px;border:1px solid #cab6c1;border-radius:18px;background:#f4e9ef;color:#6c455c;font-size:19px;font-weight:700;cursor:pointer}.home-finder-action button:hover{background:#ecdbe5}.home-finder-action p{text-align:center;color:#947780;font-size:13px;margin:9px 0 0}.finder-heading>p{font-size:11px;letter-spacing:2px;color:#ac7f92}.finder-heading h1{font-family:'Salkka Jua',sans-serif;font-size:32px;margin:5px 0}.finder-heading>span{color:#96818b}.finder-progress{display:flex;gap:22px;list-style:none;padding:0;margin:30px 0;color:#a6959d;flex-wrap:wrap}.finder-progress li{display:flex;gap:7px;align-items:center;font-size:13px}.finder-progress b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eee6e9}.finder-progress .reached{color:#9c3c64}.finder-progress .reached b{background:#f8dce7}.finder-panel{max-width:850px;padding:36px;border:1px solid #eadfe5;background:white;border-radius:24px}.finder-panel h2{font-family:'Salkka Jua',sans-serif;font-size:27px;margin:12px 0}.finder-panel p,.finder-panel small{color:#8b7781}.finder-big-icon{font-size:35px;color:#d57098}.finder-field{display:block;font-size:14px;font-weight:600;margin:22px 0 15px;color:#614d58}.finder-field input,.finder-field select{display:block;width:100%;margin-top:8px;border:1px solid #e1d3db;padding:14px;border-radius:12px;background:#fffafc;font:inherit;color:#4f4249}.finder-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.finder-chips{display:flex;gap:8px;flex-wrap:wrap}.finder-chips button,.finder-controls>button:not(.primary){border:1px solid #ead4df;border-radius:12px;padding:10px 15px;background:#fff5f9;color:#98627b}.finder-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.finder-controls .primary{width:auto;min-width:130px;margin:0;padding:12px 23px}.finder-summary{background:#fcf6f8;padding:20px;border-radius:16px}.finder-summary>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:14px}.finder-summary span{color:#99818e;flex-shrink:0}.finder-summary strong{text-align:right;overflow-wrap:anywhere}.finder-service-note{padding:18px;background:#f7f3eb;border-radius:14px;margin:22px 0;font-size:14px}.finder-service-note p{margin-bottom:0}.finder-search-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.finder-search-links a{padding:17px 12px;border:1px solid #e8d9e1;border-radius:14px;text-decoration:none;color:#8d4b6a}.finder-search-links small{display:block;font-size:11px;margin-top:7px}.finder-save{border-top:1px solid #eee3e8;margin-top:28px;padding-top:18px}.finder-save h3{font-size:17px}.finder-save button{background:#d83d72;color:white;border:0;border-radius:12px;padding:13px 22px;font-weight:700}#finder-error{color:#b6315e}@media(max-width:650px){.home-discovery-actions{grid-template-columns:1fr;gap:14px}.home-finder-action button{min-height:56px;font-size:17px;border-radius:15px}.finder-panel{padding:22px}.finder-field-grid{grid-template-columns:1fr;gap:0}.finder-search-links{grid-template-columns:1fr}.finder-progress{gap:10px}.finder-progress li{font-size:11px}.finder-heading h1{font-size:28px}}

/* Compact product entry, including failed metadata previews. */
#add-dialog{width:min(calc(100% - 28px),520px);padding:24px;max-height:90dvh}#add-intro{line-height:1.6;margin:10px 0 16px}#add-form label small,#add-form summary small{font-size:11px;font-weight:400;color:#817780}#add-form .add-more{border-top:1px solid #efe4e7;padding:13px 0}#add-form summary{cursor:pointer;font-size:13px;font-weight:600;color:#66555e}#add-form .add-save-bar{position:sticky;bottom:-24px;background:#fffcfa;padding:14px 0 4px}#add-form .add-save-bar>small{display:block;text-align:center;color:#817780;font-size:12px;margin-bottom:10px}#add-form .upload-error:empty{display:none}#add-form input[type=file]{font-size:12px;background:#fff5f7;border-style:dashed}#add-form .category-hint{font-size:12px;color:#ae4869;background:#fff0f4;border-radius:10px;padding:10px}#add-form label{font-size:13px}#add-form .upload-preview{max-height:120px}

.photo-paste-hint{font-size:12px;line-height:1.6;color:#84737d;background:#fff1f5;padding:10px 12px;border-radius:10px}.photo-paste-hint strong{color:#b34266}

/* Keep product editing visible above the product information. */
.detail-toolbar{position:relative;display:flex;justify-content:flex-end;margin-bottom:12px;min-height:42px;z-index:5}
.detail-toolbar .detail-menu{position:static;width:auto;height:42px;padding:0 16px;border:1px solid #edc4cf;border-radius:12px;background:#fff1f5;color:#b63558;font-size:14px;font-weight:700;cursor:pointer}
.detail-toolbar .detail-menu[hidden]{display:none}
.detail-toolbar .detail-actions{top:48px;right:0;width:160px}
.detail-toolbar .detail-menu:focus-visible{outline:3px solid #ef5b79;outline-offset:3px}

/* Mobile navigation labels stay on one line without shrinking the text. */
@media(max-width:800px){
 .desktop-sidebar nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding-bottom:4px}
 .desktop-sidebar nav button{flex:1 0 auto;flex-direction:column;white-space:nowrap;padding:10px 12px;min-height:60px;font-size:12px;line-height:1.5;gap:5px}
}