.quiz{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.quiz__header{padding:16px 20px 0;display:flex;flex-direction:column;gap:12px}.quiz__progress-track{height:3px;background:var(--color-border);border-radius:2px;overflow:hidden}.quiz__progress-fill{height:100%;background:var(--color-text);border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.quiz__nav{display:flex;justify-content:space-between;align-items:center;min-height:24px}.quiz__back{font-size:14px;font-weight:500;color:var(--color-earth);padding:0}.quiz__step-count{font-size:12px;font-weight:500;color:var(--color-earth);margin-left:auto}.quiz__body{flex:1;padding:32px 20px 40px;display:flex;flex-direction:column}.quiz__logo{font-size:22px;font-weight:700;color:var(--color-earth);letter-spacing:-.03em;margin-bottom:28px}.quiz__question{font-size:26px;font-weight:700;color:var(--color-text);line-height:1.25;letter-spacing:-.02em;margin-bottom:8px}.quiz__hint{font-size:14px;color:var(--color-earth);margin-bottom:32px;line-height:1.5}.quiz__options{display:flex;flex-direction:column;gap:10px}.quiz__option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 18px;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;transition:all .15s ease;box-shadow:var(--shadow-card)}.quiz__option:hover{border-color:var(--color-earth)}.quiz__option--selected{border-color:var(--color-text);background:var(--color-text)}.quiz__option--selected .quiz__option-label{color:var(--color-bg)}.quiz__option--selected .quiz__option-desc{color:#fafaf899}.quiz__option-label{font-size:16px;font-weight:600;color:var(--color-text)}.quiz__option-desc{font-size:13px;color:var(--color-earth)}.quiz__country-wrap{width:100%}.quiz__country-select{width:100%;padding:16px 18px;font-size:16px;font-weight:500;color:var(--color-text);background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239B9990' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.quiz__country-select:focus{outline:none;border-color:var(--color-text)}.quiz__disclaimer{margin-top:auto;padding-top:24px;font-size:11px;font-style:italic;color:#9b9990;text-align:center;line-height:1.5}.quiz__option--multi{position:relative;padding-left:42px}.quiz__option-badge{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--color-bg);color:var(--color-text);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz__option--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.quiz__concerns-counter{font-size:13px;color:var(--color-earth);text-align:center;margin-top:12px}.quiz__next-btn{margin-top:20px;width:100%;padding:16px;font-size:16px;font-weight:700;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-lg);transition:opacity .15s ease}.quiz__next-btn:disabled{opacity:.35;cursor:not-allowed}.quiz__budget-amount{font-size:13px;color:var(--color-earth);margin-top:2px}.quiz__option--selected .quiz__budget-amount{color:#fafaf8a6}.quiz__option--muted .quiz__option-label{color:var(--color-earth)}.quiz__option--muted{opacity:.75}.quiz__condition-note{margin-top:16px;padding:16px 18px;background:#fffbf0;border-radius:var(--radius-lg);font-size:14px;color:#b07d2a;line-height:1.6;border:1px solid #F0DFA0}.quiz__backup-code-block{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:24px}.quiz__backup-code{font-size:26px;font-weight:700;letter-spacing:.06em;color:var(--color-text);font-variant-numeric:tabular-nums}.quiz__copy-btn{font-size:13px;font-weight:600;color:var(--color-earth);background:var(--color-earth-light);border-radius:var(--radius-md);padding:8px 18px;transition:background .15s ease,color .15s ease}.quiz__copy-btn:hover{background:var(--color-border)}.quiz__backup-check{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--color-text);cursor:pointer;margin-bottom:20px;-webkit-user-select:none;user-select:none}.quiz__backup-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-text);cursor:pointer;flex-shrink:0}.quiz__backup-continue{width:100%;padding:16px;font-size:16px;font-weight:700;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-lg);transition:opacity .15s ease}.quiz__backup-continue:disabled{opacity:.35;cursor:not-allowed}.product-thumb{border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.product-thumb__img{width:100%;height:100%;object-fit:contain}.product-thumb__emoji{line-height:1}.product-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s ease,transform .18s ease}.product-card--tappable{cursor:pointer}.product-card--tappable:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.product-card__top{display:flex;justify-content:space-between;align-items:flex-start}.product-card__actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.product-card__match{font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:var(--radius-pill);white-space:nowrap}@media (max-width: 430px){.product-card__match{font-size:10px;padding:3px 6px}}.product-card__match--perfect{background:#c8e6cb;color:#1b5e20}.product-card__match--great{background:var(--color-match-bg);color:var(--color-match-text)}.product-card__match--good{background:#eef5ee;color:#4a7a58}.product-card__save{font-size:20px;color:var(--color-earth);line-height:1;padding:2px;transition:transform .15s ease,color .15s ease}.product-card__save--saved{color:#c0392b}.product-card__save:active{transform:scale(.85)}.product-card__body{display:flex;flex-direction:column;gap:4px}.product-card__brand{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-earth)}.product-card__name{font-size:15px;font-weight:600;color:var(--color-text);line-height:1.3}.product-card__meta{display:flex;align-items:center;gap:8px;margin-top:4px}.product-card__tag{font-size:11px;color:var(--color-earth);background:var(--color-earth-light);padding:2px 8px;border-radius:var(--radius-pill);font-weight:500;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.product-card__rating{font-size:12px;color:var(--color-text);font-weight:500;flex-shrink:0;white-space:nowrap}.product-card__reviews{color:var(--color-earth);font-weight:400}.product-card__body{flex:1}.product-card__footer{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--color-border);margin-top:auto}.product-card__price-line{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.product-card__size{font-size:12px;font-weight:400;color:#9b9990}.product-card__price-sep{font-size:12px;color:#9b9990}.product-card__price{font-size:18px;font-weight:700;color:var(--color-text)}.product-card__price--muted{font-size:13px;font-weight:500;color:var(--color-earth)}.product-card__price--skeleton{display:inline-block;width:58px;height:20px;background:var(--color-border);border-radius:4px;animation:price-shimmer 1.4s ease-in-out infinite}@keyframes price-shimmer{0%,to{opacity:.4}50%{opacity:.9}}.product-card__cta{width:100%;font-size:13px;font-weight:600;color:var(--color-bg);background:var(--color-text);padding:8px 16px;border-radius:var(--radius-pill);transition:opacity .15s ease;letter-spacing:.01em}.product-card__cta:hover{opacity:.85}.product-card__cta:active{opacity:.7}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191680;z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlay-fade-in .18s ease}.overlay-sheet{width:100%;max-width:420px;background:var(--color-bg);border-radius:24px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;animation:modal-in .2s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.overlay__handle{display:none}.overlay__header{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 0}.overlay__header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:2px}.overlay__brand{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-earth)}.overlay__name{font-size:16px;font-weight:700;color:var(--color-text);line-height:1.25;letter-spacing:-.01em}.overlay__tag{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap;width:fit-content}.overlay__header-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.overlay__close{width:28px;height:28px;border-radius:50%;background:var(--color-earth-light);color:var(--color-earth);font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.overlay__close:hover{background:var(--color-border)}.overlay__wish{font-size:22px;color:var(--color-earth);transition:color .15s ease,transform .15s ease}.overlay__wish--saved{color:#c0392b}.overlay__wish:active{transform:scale(.85)}.overlay__match-row{display:flex;align-items:center;gap:10px;padding:12px 16px 0;flex-wrap:wrap}.overlay__match-badge{font-size:12px;font-weight:600;color:var(--color-match-text);background:var(--color-match-bg);padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap}.overlay__why{font-size:12px;font-style:italic;color:var(--color-earth);line-height:1.4}.overlay__rating{display:flex;align-items:center;gap:6px;padding:10px 16px 14px}.overlay__stars{font-size:14px;font-weight:600;color:var(--color-text)}.overlay__review-count{font-size:12px;color:var(--color-earth)}.overlay__size{font-size:12px;color:#9b9990;margin-left:auto}.overlay__divider{height:1px;background:var(--color-border);margin:0 16px}.overlay__section{padding:14px 16px}.overlay__section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-earth);margin-bottom:10px}.overlay__retailer-list{display:flex;flex-direction:column;gap:8px}.overlay__retailer-btn{display:flex;flex-direction:column;padding:13px 14px;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s ease,opacity .15s ease;text-decoration:none}.overlay__retailer-btn:hover{border-color:var(--color-earth)}.overlay__retailer-row{display:flex;align-items:center;justify-content:space-between}.overlay__retailer-note{font-size:10px;color:#9b9990;margin-top:4px}.overlay__retailer-btn--placeholder{opacity:.75;border-color:var(--color-border)}.overlay__retailer-btn--placeholder:hover{border-color:var(--color-earth-light);opacity:.9}.overlay__retailer-btn--placeholder .overlay__retailer-cta{background:var(--color-earth-light);color:var(--color-earth)}.overlay__retailer-name{font-size:14px;font-weight:600;color:var(--color-text)}.overlay__retailer-right{display:flex;align-items:center;gap:10px}.overlay__retailer-price{font-size:15px;font-weight:700;color:var(--color-text)}.overlay__retailer-cta{font-size:13px;font-weight:600;color:var(--color-bg);background:var(--color-text);padding:6px 12px;border-radius:var(--radius-pill)}.overlay__dupe{display:flex;align-items:center;gap:10px;padding:12px 16px}.overlay__dupe-icon{flex-shrink:0;font-size:11px;font-weight:700;color:#2d7a5a;background:#ebf4ee;padding:2px 6px;border-radius:6px;letter-spacing:.02em;line-height:1.6}.overlay__dupe-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.overlay__dupe-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-earth)}.overlay__dupe-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay__dupe-link{flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-earth);background:var(--color-earth-light);padding:6px 10px;border-radius:var(--radius-pill);white-space:nowrap;text-decoration:none;transition:opacity .15s ease}.overlay__dupe-link:hover{opacity:.75}.overlay__conflict{margin:0 16px 2px;border-radius:var(--radius-md);overflow:hidden}.overlay__conflict-header{display:flex;align-items:flex-start;gap:7px;padding:11px 12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font)}.overlay__conflict-icon{flex-shrink:0;display:flex;align-items:center}.overlay__conflict-label{font-size:12px;font-weight:700;white-space:nowrap}.overlay__conflict-product{flex:1;font-size:12px;color:var(--color-earth);line-height:1.4;min-width:0}.overlay__conflict-chevron{font-size:11px;color:var(--color-earth);flex-shrink:0}.overlay__conflict-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.overlay__conflict-reason{font-size:12px;color:var(--color-text);line-height:1.5}.overlay__conflict-workaround{font-size:12px;font-style:italic;color:var(--color-earth);line-height:1.5}.overlay__conflict-protip{display:flex;align-items:flex-start;gap:5px;font-size:11px;color:var(--color-earth);line-height:1.5;border-top:1px solid rgba(0,0,0,.06);padding-top:8px;margin-top:2px}.overlay__protip-icon{flex-shrink:0;margin-top:1px}.overlay__no-region{font-size:13px;color:var(--color-earth);text-align:center;padding:12px 0}.overlay__affiliate-note{font-size:10px;font-style:italic;color:#9b9990;text-align:center;margin-top:8px;line-height:1.5}.overlay__conflict-patch-disclaimer{font-size:11px;font-style:italic;color:#9b9990;line-height:1.5;border-top:1px solid rgba(0,0,0,.06);padding-top:8px;margin-top:2px}.overlay__bottom-pad{height:24px}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;-ms-overflow-style:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;font-size:13px;font-weight:500;color:var(--color-earth);background:var(--color-earth-light);border:1.5px solid transparent;padding:6px 16px;border-radius:var(--radius-pill);transition:all .15s ease;white-space:nowrap}.filter-chip:hover{border-color:var(--color-earth)}.filter-chip--active{font-weight:600;border-style:solid;border-width:1.5px}.skin-strip{background:var(--color-earth-light);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.skin-strip__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-earth)}.skin-strip__pills{display:flex;flex-wrap:wrap;gap:6px}.skin-strip__pill{font-size:13px;font-weight:500;color:var(--color-text);background:var(--color-bg);padding:4px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border)}.add-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191680;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.add-modal__sheet{width:100%;max-width:var(--max-width);background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:88vh;display:flex;flex-direction:column;animation:sheet-up .28s cubic-bezier(.32,.72,0,1)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-modal__handle{width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:12px auto 0;flex-shrink:0}.add-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;flex-shrink:0}.add-modal__title{font-size:17px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.add-modal__close{font-size:16px;color:var(--color-earth);width:30px;height:30px;border-radius:50%;background:var(--color-earth-light);display:flex;align-items:center;justify-content:center}.add-modal__search-wrap{position:relative;padding:0 20px 12px;flex-shrink:0}.add-modal__search-icon{position:absolute;left:34px;top:50%;transform:translateY(-60%);color:var(--color-earth);pointer-events:none}.add-modal__search{width:100%;padding:11px 36px 11px 40px;font-size:14px;color:var(--color-text);background:var(--color-earth-light);border:1.5px solid transparent;border-radius:var(--radius-pill);outline:none;transition:border-color .15s ease}.add-modal__search:focus{border-color:var(--color-earth)}.add-modal__search::placeholder{color:var(--color-earth)}.add-modal__clear{position:absolute;right:30px;top:50%;transform:translateY(-60%);font-size:12px;color:var(--color-earth);width:20px;height:20px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center}.add-modal__list{overflow-y:auto;padding:0 20px 24px;display:flex;flex-direction:column;gap:2px}.add-modal__empty{font-size:14px;color:var(--color-earth);text-align:center;padding:32px 0}.add-modal__item{display:flex;align-items:center;gap:12px;padding:16px 12px;border-radius:var(--radius-md);transition:background .12s ease;min-height:80px;margin-bottom:4px}.add-modal__item:hover{background:var(--color-earth-light)}.add-modal__item--added{background:var(--color-match-bg)}.add-modal__item-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.add-modal__item-brand{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-earth)}.add-modal__item-name{font-size:14px;font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.add-modal__item-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.add-modal__item-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-pill);white-space:nowrap}.add-modal__item-size,.add-modal__item-sep{font-size:12px;color:#9b9990}.add-modal__item-price{font-size:12px;color:var(--color-earth)}.add-modal__toggle{flex-shrink:0;width:32px;height:32px;border-radius:50%;font-size:18px;font-weight:500;color:var(--color-earth);background:var(--color-earth-light);border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1}.add-modal__toggle--added{color:var(--color-match-text);background:var(--color-match-bg);border-color:var(--color-match-text);font-size:14px}.my-products{display:flex;flex-direction:column;gap:10px}.my-products__header{display:flex;justify-content:space-between;align-items:center}.my-products__title{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.02em;display:flex;align-items:center;gap:6px}.my-products__manage{font-size:13px;font-weight:600;color:var(--color-earth);background:var(--color-earth-light);padding:5px 12px;border-radius:var(--radius-pill);transition:opacity .15s ease}.my-products__manage:hover{opacity:.75}.my-products__empty{display:flex;flex-direction:column;gap:10px}.my-products__empty-sub{font-size:13px;color:var(--color-earth);line-height:1.4}.my-products__empty-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--color-card);border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);text-align:left;transition:border-color .15s ease,background .15s ease;box-shadow:var(--shadow-card)}.my-products__empty-btn:hover{border-color:var(--color-earth);background:var(--color-earth-light)}.my-products__empty-plus{width:36px;height:36px;border-radius:50%;background:var(--color-earth-light);border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-earth);flex-shrink:0}.my-products__empty-label{font-size:14px;font-weight:600;color:var(--color-text)}.my-products__scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none}.my-products__scroll::-webkit-scrollbar{display:none}.my-products__card{position:relative;flex-shrink:0;width:92px;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.my-products__remove{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--color-border);font-size:9px;color:var(--color-earth);display:flex;align-items:center;justify-content:center;transition:background .15s ease;line-height:1}.my-products__remove:hover{background:#ddd}.my-products__card-emoji{font-size:28px;line-height:1}.my-products__card-brand{font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-earth);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-products__card-name{font-size:11px;font-weight:500;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191673;z-index:200;animation:overlay-fade-in .2s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.drawer{position:absolute;top:0;right:0;bottom:0;width:280px;background:var(--color-bg);display:flex;flex-direction:column;overflow-y:auto;animation:drawer-slide-in .28s cubic-bezier(.32,.72,0,1)}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 20px;flex-shrink:0}.drawer__logo{font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:-.04em}.drawer__close{width:30px;height:30px;border-radius:50%;background:var(--color-earth-light);color:var(--color-earth);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.drawer__close:hover{background:var(--color-border)}.drawer__back{font-size:14px;font-weight:500;color:var(--color-earth)}.drawer__nav{display:flex;flex-direction:column;padding:0 12px}.drawer__item{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:var(--radius-md);text-align:left;transition:background .12s ease;width:100%}.drawer__item:hover{background:var(--color-earth-light)}.drawer__item-label{flex:1;font-size:15px;font-weight:500;color:var(--color-text);display:flex;flex-direction:column;gap:1px}.drawer__item-meta{font-size:11px;font-weight:400;color:var(--color-earth)}.drawer__item-arrow{font-size:20px;color:var(--color-earth);line-height:1}.drawer__divider{height:1px;background:var(--color-border);margin:8px 12px}.drawer__market-title{font-size:17px;font-weight:700;color:var(--color-text);padding:0 24px 4px;letter-spacing:-.02em}.drawer__market-sub{font-size:13px;color:var(--color-earth);padding:0 24px 16px}.drawer__market-list{display:flex;flex-direction:column;gap:2px;padding:0 12px}.drawer__market-btn{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text);transition:background .12s ease;text-align:left}.drawer__market-btn:hover{background:var(--color-earth-light)}.drawer__market-btn--active{background:var(--color-match-bg);color:var(--color-match-text)}.drawer__market-check{font-size:16px;color:var(--color-match-text)}.drawer__market-label{display:block;font-size:14px;font-weight:600;color:var(--color-text)}.drawer__market-desc{display:block;font-size:11px;color:var(--color-earth);margin-top:1px;line-height:1.3}.app-header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 14px;background:var(--color-bg)}.app-header__logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.04em}.app-header__menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-earth-light);transition:background .15s ease}.app-header__menu-btn:hover{background:var(--color-border)}.app-header__back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-earth-light);transition:background .15s ease}.app-header__back-btn:hover{background:var(--color-border)}.routine-strip{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:left;width:100%;border:none;cursor:pointer;transition:box-shadow .15s ease}.routine-strip:hover{box-shadow:var(--shadow-card-hover)}.routine-strip--empty{background:#f0eeff;flex-direction:column;align-items:flex-start}.routine-strip__empty-text{display:flex;flex-direction:column;gap:3px}.routine-strip__empty-title{font-size:14px;font-weight:700;color:#5c3daa}.routine-strip__empty-sub{font-size:12px;color:#7c5cbf;line-height:1.4}.routine-strip--done{flex-direction:row;align-items:center;gap:12px;background:var(--color-match-bg)}.routine-strip__done-check{font-size:22px;color:var(--color-match-text);flex-shrink:0}.routine-strip__done-info{display:flex;flex-direction:column;gap:2px}.routine-strip__done-title{font-size:14px;font-weight:700;color:var(--color-match-text)}.routine-strip__done-sub{font-size:12px;color:var(--color-earth)}.routine-strip__header{display:flex;align-items:center;justify-content:space-between}.routine-strip__label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-earth)}.routine-strip__progress{font-size:12px;font-weight:600;color:var(--color-text)}.routine-strip__chips{display:flex;flex-wrap:wrap;gap:6px}.routine-strip__chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--color-earth-light);border-radius:var(--radius-pill);max-width:160px}.routine-strip__chip-emoji{font-size:14px;flex-shrink:0}.routine-strip__chip-name{font-size:12px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routine-strip__chip--more{background:transparent;border:1px dashed var(--color-border)}.routine-strip__chip--more .routine-strip__chip-name{color:var(--color-earth)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:var(--nav-height);background:var(--color-card);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:100}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--color-earth);font-size:10px;font-weight:500;letter-spacing:.03em;transition:color .15s ease;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav__item--active{color:var(--color-text)}.bottom-nav__item svg{transition:stroke .15s ease}.home{display:flex;flex-direction:column;min-height:100vh}.home__header{padding:4px 20px 20px;display:flex;flex-direction:column;gap:6px;background:var(--color-bg)}.home__greeting{font-size:28px;font-weight:700;color:var(--color-text);letter-spacing:-.03em;line-height:1.1}.home__sub{font-size:14px;color:var(--color-earth);margin-bottom:8px}.home__main{flex:1;padding:8px 20px 20px;display:flex;flex-direction:column;gap:36px}.home__section{display:flex;flex-direction:column;gap:4px}.home__section-title{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin-bottom:4px}.home__section-sub{font-size:13px;color:var(--color-earth);margin-bottom:12px}.home__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home__loading{font-size:14px;color:var(--color-earth);padding:20px 0;text-align:center;font-style:italic}.home__card-skeleton{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);height:220px;animation:price-shimmer 1.4s ease-in-out infinite}.home__empty{font-size:14px;color:var(--color-earth);padding:20px 0;text-align:center}.home__show-more{width:100%;padding:12px;background:#f5f3ef;color:var(--color-earth);border:.5px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;margin-top:4px;transition:opacity .15s ease}.home__show-more:hover{opacity:.7}.home__all-seen{font-size:12px;color:var(--color-earth);text-align:center;padding:8px 0 0;opacity:.75}.home__disclaimer{font-size:10px;font-style:italic;color:#9b9990;text-align:center;line-height:1.5;padding:4px 20px 8px}.star-rating{display:flex;gap:2px}.star-rating__btn{font-size:22px;color:var(--color-border);padding:0 1px;line-height:1;transition:color .1s ease,transform .1s ease;cursor:pointer}.star-rating__btn--on{color:#e8a838}.star-rating:not(.star-rating--readonly) .star-rating__btn:hover{transform:scale(1.15)}.star-rating--readonly .star-rating__btn{cursor:default;font-size:18px}.shelf-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative}.shelf-card__top{display:flex;align-items:flex-start;gap:12px;padding:14px 14px 12px}.shelf-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.shelf-card__brand{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-earth)}.shelf-card__name{font-size:14px;font-weight:600;color:var(--color-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card__meta{display:flex;align-items:center;gap:6px}.shelf-card__tag{font-size:11px;color:var(--color-earth);background:var(--color-earth-light);padding:2px 7px;border-radius:var(--radius-pill);font-weight:500;white-space:nowrap}.shelf-card__size-price{display:flex;align-items:center;gap:4px}.shelf-card__size{font-size:12px;color:#9b9990;font-weight:400}.shelf-card__sep{font-size:12px;color:#9b9990}.shelf-card__price{font-size:13px;font-weight:600;color:var(--color-text)}.shelf-card__remove{width:22px;height:22px;border-radius:50%;background:#9b9990;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s ease;align-self:flex-end}.shelf-card__remove:hover{background:#7a7975}.shelf-card__controls{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.shelf-card__shop{font-size:12px;font-weight:600;color:var(--color-bg);background:var(--color-text);padding:6px 12px;border-radius:var(--radius-pill);white-space:nowrap;transition:opacity .15s ease}.shelf-card__shop:hover{opacity:.8}.shelf-card__review{border-top:1px solid var(--color-border);padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.shelf-card__review-header{display:flex;align-items:center;justify-content:space-between}.shelf-card__saved-label{font-size:11px;font-weight:600;color:var(--color-match-text)}.shelf-card__note{width:100%;font-size:13px;color:var(--color-text);background:var(--color-earth-light);border:1.5px solid transparent;border-radius:var(--radius-md);padding:9px 12px;resize:none;outline:none;line-height:1.5;transition:border-color .15s ease}.shelf-card__note:focus{border-color:var(--color-earth)}.shelf-card__note::placeholder{color:var(--color-earth)}.shelf-card__save-btn{align-self:flex-end;font-size:13px;font-weight:600;color:var(--color-bg);background:var(--color-text);padding:8px 18px;border-radius:var(--radius-pill);transition:opacity .15s ease}.shelf-card__save-btn:hover:not(:disabled){opacity:.8}.shelf-card__save-btn:disabled{opacity:.35;cursor:not-allowed}.shelf{display:flex;flex-direction:column;min-height:100vh}.shelf__header{padding:4px 20px 20px;background:var(--color-bg);display:flex;flex-direction:column;gap:4px}.shelf__logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.04em;margin-bottom:12px}.shelf__title{font-size:28px;font-weight:700;color:var(--color-text);letter-spacing:-.03em}.shelf__sub{font-size:14px;color:var(--color-earth)}.shelf__main{flex:1;padding:8px 20px 20px;display:flex;flex-direction:column;gap:20px}.shelf__list{display:flex;flex-direction:column;gap:12px}.shelf__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;gap:12px}.shelf__empty-icon{font-size:52px}.shelf__empty-title{font-size:20px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.shelf__empty-body{font-size:14px;color:var(--color-earth);line-height:1.6;max-width:260px}.shelf__empty-add{margin-top:4px;font-size:15px;font-weight:600;color:var(--color-bg);background:var(--color-text);padding:13px 28px;border-radius:var(--radius-pill);transition:opacity .15s ease}.shelf__empty-add:hover{opacity:.85}.shelf__add-btn{align-self:center;font-size:14px;font-weight:600;color:var(--color-text);background:var(--color-earth-light);border:1.5px dashed var(--color-earth);padding:14px 28px;border-radius:var(--radius-lg);transition:background .15s ease;width:100%}.shelf__add-btn:hover{background:var(--color-border)}.shelf-card--loading{height:72px;background:var(--color-earth-light);border-radius:var(--radius-lg);animation:shelf-pulse 1.4s ease-in-out infinite}@keyframes shelf-pulse{0%,to{opacity:1}50%{opacity:.45}}.shelf-card--unavailable{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.shelf-card__unavailable-text{font-size:13px;color:var(--color-earth)}.shelf-card__remove--unavailable{font-size:12px;font-weight:600;color:var(--color-earth);background:var(--color-earth-light);padding:5px 12px;width:auto;height:auto;border-radius:var(--radius-pill)}.wishlist-page{display:flex;flex-direction:column;min-height:100vh}.wishlist-page__header{padding:4px 20px 20px;display:flex;flex-direction:column;gap:4px}.wishlist-page__logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.04em;margin-bottom:12px}.wishlist-page__title{font-size:28px;font-weight:700;color:var(--color-text);letter-spacing:-.03em}.wishlist-page__sub{font-size:14px;color:var(--color-earth)}.wishlist-page__main{flex:1;padding:8px 20px 20px}.wishlist-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wishlist-page__empty{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:40px 20px}.wishlist-page__empty-icon{font-size:48px;color:#c0392b;line-height:1}.wishlist-page__empty-title{font-size:20px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.wishlist-page__empty-body{font-size:14px;color:var(--color-earth)}.profile-page{display:flex;flex-direction:column;min-height:100vh}.profile-page__topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 0}.profile-page__back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-earth-light);color:var(--color-earth);transition:background .15s ease}.profile-page__back-btn:hover{background:var(--color-border)}.profile-page__header{padding:4px 20px 20px;display:flex;flex-direction:column;gap:4px}.profile-page__logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.04em;margin-bottom:12px}.profile-page__title{font-size:28px;font-weight:700;color:var(--color-text);letter-spacing:-.03em}.profile-page__sub{font-size:14px;color:var(--color-earth);line-height:1.5}.profile-page__main{flex:1;padding:8px 20px 24px;display:flex;flex-direction:column;gap:20px}.profile-page__main--empty{align-items:center;justify-content:center;gap:14px;text-align:center}.profile-page__empty-icon{font-size:40px;color:var(--color-earth)}.profile-page__empty-text{font-size:16px;color:var(--color-earth)}.profile-page__card{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.profile-page__card-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-earth);padding:16px 18px 12px;border-bottom:1px solid var(--color-border)}.profile-page__row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-border)}.profile-page__row:last-child{border-bottom:none}.profile-page__row-label{font-size:14px;color:var(--color-earth);font-weight:400}.profile-page__row-right{display:flex;align-items:center;gap:8px}.profile-page__tone-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.profile-page__row-value{font-size:14px;font-weight:600;color:var(--color-text)}.profile-page__edit-btn{font-size:12px;font-weight:600;color:var(--color-earth);background:var(--color-earth-light);border-radius:var(--radius-md);padding:4px 10px;transition:background .15s ease;white-space:nowrap;flex-shrink:0}.profile-page__edit-btn:hover{background:var(--color-border)}.profile-page__row--stack{flex-direction:column;align-items:flex-start;gap:10px}.profile-page__concerns-list{display:flex;flex-direction:column;gap:6px;width:100%}.profile-page__concern-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--color-text)}.profile-page__concern-num{width:20px;height:20px;border-radius:50%;background:var(--color-earth-light);color:var(--color-earth);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-page__row-right--edit-only{width:100%;display:flex;justify-content:flex-end}.profile-page__migrate-prompt{width:100%;padding:14px 16px;background:#fffbf0;border:1px solid #F0DFA0;border-radius:var(--radius-lg);font-size:14px;font-weight:500;color:#b07d2a;text-align:left;line-height:1.5;cursor:pointer;transition:background .15s ease}.profile-page__migrate-prompt:hover{background:#fff6d6}.profile-page__condition-note{padding:12px 16px;background:#fffbf0;border:1px solid #F0DFA0;border-radius:var(--radius-lg);font-size:13px;color:#b07d2a;font-weight:500;line-height:1.5}.profile-page__actions{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-page__retake{width:100%;padding:15px;font-size:15px;font-weight:600;color:var(--color-text);background:var(--color-earth-light);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:background .15s ease}.profile-page__retake:hover{background:var(--color-border)}.profile-page__retake-hint{font-size:12px;color:var(--color-earth);text-align:center}.profile-page__market-grid{display:flex;flex-direction:column;gap:2px;padding:8px 0 4px}.profile-page__market-btn{display:flex;flex-direction:column;align-items:flex-start;padding:12px 18px;color:var(--color-text);background:transparent;border-radius:var(--radius-md);text-align:left;transition:background .12s ease;gap:2px}.profile-page__market-label{font-size:14px;font-weight:600;color:inherit}.profile-page__market-subtitle{font-size:11px;color:var(--color-earth);line-height:1.3}.profile-page__market-btn:hover{background:var(--color-earth-light)}.profile-page__market-btn--active{background:var(--color-match-bg);color:var(--color-match-text);font-weight:600}.profile-page__market-hint{font-size:12px;color:var(--color-earth);padding:0 18px 12px}.profile-retake__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191680;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;animation:overlay-in .18s ease}.profile-retake__dialog{background:var(--color-bg);border-radius:20px;max-width:320px;width:100%;padding:28px 24px 24px;display:flex;flex-direction:column;gap:12px}.profile-retake__title{font-size:17px;font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin:0}.profile-retake__body{font-size:14px;line-height:1.5;color:var(--color-earth);margin:0}.profile-retake__actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.profile-retake__confirm{width:100%;padding:13px;border-radius:var(--radius-pill);background:#1a1916;color:#f5f2ec;font-size:15px;font-weight:600;letter-spacing:-.01em}.profile-retake__cancel{width:100%;padding:13px;border-radius:var(--radius-pill);background:transparent;color:var(--color-earth);font-size:15px;font-weight:500;border:1.5px solid var(--color-border)}.routine-page{display:flex;flex-direction:column;min-height:100vh}.routine__header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 14px;background:var(--color-bg)}.routine__logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.04em}.routine__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-earth-light);transition:background .15s ease}.routine__back:hover{background:var(--color-border)}.routine__title-block{padding:0 20px 20px}.routine__title{font-family:"Instrument Serif",Georgia,serif;font-size:32px;font-weight:400;color:var(--color-text);line-height:1.1;margin-bottom:4px}.routine__subtitle{font-size:14px;color:var(--color-earth)}.routine__tabs{display:flex;gap:0;padding:0 20px;border-bottom:1.5px solid var(--color-border)}.routine__tab{flex:1;padding:10px 0;font-size:14px;font-weight:600;color:var(--color-earth);text-align:center;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .15s ease,border-color .15s ease}.routine__tab--active{color:var(--color-text);border-bottom-color:var(--color-text)}.routine__progress-wrap{display:flex;align-items:center;gap:10px;padding:12px 20px 4px}.routine__progress-label{font-size:12px;font-weight:600;color:var(--color-earth);white-space:nowrap;min-width:54px}.routine__progress-bar{flex:1;height:6px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.routine__progress-fill{height:100%;background:var(--color-text);border-radius:var(--radius-pill);transition:width .3s ease}.routine__main{flex:1;padding:16px 20px 0;display:flex;flex-direction:column;gap:0}.routine__steps{display:flex;flex-direction:column;gap:8px}.routine__step-placeholder{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.routine__step-num{font-size:12px;font-weight:700;color:var(--color-earth);min-width:16px;text-align:right}.routine__step-cat{font-size:14px;font-weight:600;color:var(--color-text)}.routine__step-card{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:opacity .2s ease}.routine__step-card--done{opacity:.45}.routine__step-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.routine__step-check--done{background:var(--color-text);border-color:var(--color-text)}.routine__step-check--inactive{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);background:transparent;flex-shrink:0;opacity:.4}.routine__check-tick{display:none}.routine__step-check--done .routine__check-tick{display:block}.routine__step-label{flex:1;min-width:0;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routine__step-meta{color:var(--color-earth);font-size:12px;font-weight:500}.routine__step-name{color:var(--color-text);font-weight:600}.routine__step-prompt{color:var(--color-earth);font-weight:400;font-style:italic}.routine__step-remove{width:20px;height:20px;border-radius:50%;background:var(--color-earth-light);color:var(--color-earth);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease;line-height:1}.routine__step-remove:hover{background:var(--color-border)}.routine__step-add{width:20px;height:20px;border-radius:50%;background:var(--color-earth-light);color:var(--color-earth);font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.routine__empty-slot{display:flex;align-items:center;gap:10px;padding:11px 12px;background:transparent;border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:border-color .15s ease,background .15s ease}.routine__empty-slot:hover{border-color:var(--color-earth);background:var(--color-earth-light)}.routine__section-divider{height:1px;background:var(--color-border);margin:20px 0}.routine__conflict-strip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fffbf0;border-radius:var(--radius-lg);border:1.5px solid #F0D080;margin-top:12px}.routine__conflict-icon{flex-shrink:0;margin-top:1px}.routine__conflict-text{font-size:12px;color:var(--color-text);line-height:1.5}.routine__conflict-text strong{font-weight:700;color:#b07d2a}.routine__suggests{background:#f0eeff;border-radius:var(--radius-lg);padding:14px;margin-top:12px;display:flex;flex-direction:column;gap:8px}.routine__suggests-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7c5cbf}.routine__suggests-product{display:flex;align-items:center;gap:10px}.routine__suggests-info{flex:1;min-width:0}.routine__suggests-name{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routine__suggests-why{font-size:11px;color:var(--color-earth);margin-top:1px;line-height:1.4}.routine__suggests-link{font-size:12px;font-weight:600;color:#7c5cbf;align-self:flex-start;padding:0;background:none;cursor:pointer}.routine__suggests-link:hover{text-decoration:underline}.routine__checkin{display:flex;flex-direction:column;gap:12px}.routine__section-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-earth)}.routine__checkin-q{font-size:15px;font-weight:600;color:var(--color-text)}.routine__mood-row{display:flex;gap:8px}.routine__mood-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:22px;transition:border-color .15s ease,background .15s ease}.routine__mood-btn--selected{border-color:var(--color-text);background:var(--color-earth-light)}.routine__mood-btn:disabled{cursor:default;opacity:.7}.routine__mood-label{font-size:11px;font-weight:600;color:var(--color-text)}.routine__note-field{width:100%;font-size:13px;color:var(--color-text);background:var(--color-earth-light);border:1.5px solid transparent;border-radius:var(--radius-md);padding:10px 12px;resize:none;outline:none;line-height:1.5;transition:border-color .15s ease}.routine__note-field:focus{border-color:var(--color-earth)}.routine__note-field::placeholder{color:var(--color-earth)}.routine__save-btn{align-self:flex-end;font-size:13px;font-weight:600;color:var(--color-bg);background:var(--color-text);padding:9px 20px;border-radius:var(--radius-pill);transition:opacity .15s ease}.routine__save-btn:hover{opacity:.8}.routine__saved-confirm{font-size:13px;font-weight:600;color:var(--color-match-text);text-align:right}.routine__dots-section{display:flex;flex-direction:column;gap:8px}.routine__dots-row{display:flex;justify-content:space-between;gap:4px}.routine__dot-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.routine__dot-day{font-size:10px;font-weight:600;color:var(--color-earth);letter-spacing:.04em}.routine__dot{width:28px;height:28px;border-radius:50%;background:#e4e2dc;border:none;cursor:default;position:relative;transition:transform .1s ease}.routine__dot--today{box-shadow:0 0 0 2.5px var(--color-bg),0 0 0 4px var(--color-text)}.routine__dot--great{background:#d1fae5;cursor:pointer}.routine__dot--okay{background:#fef3c7;cursor:pointer}.routine__dot--not-great{background:#fee2e2;cursor:pointer}.routine__dot:hover:not([disabled]){transform:scale(1.1)}.routine__dot-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-bg);font-size:11px;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;z-index:10;pointer-events:none}.routine__history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;font-size:13px;font-weight:600;color:var(--color-text);border-top:1px solid var(--color-border)}.routine__history-chevron{font-size:12px;color:var(--color-earth)}.routine__history-grid{display:flex;flex-direction:column;gap:6px;padding-bottom:12px}.routine__history-note{font-size:12px;color:var(--color-earth);margin-top:2px;line-height:1.4}@keyframes routine-fade-in{0%{opacity:0}to{opacity:1}}@keyframes routine-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.routine__picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191680;z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;animation:routine-fade-in .18s ease}.routine__picker-sheet{width:100%;max-width:420px;max-height:75vh;background:var(--color-bg);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;animation:routine-modal-in .2s ease}.routine__picker-handle{width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:12px auto 0;flex-shrink:0}.routine__picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;flex-shrink:0;border-bottom:1px solid var(--color-border)}.routine__picker-title{font-size:15px;font-weight:700;color:var(--color-text)}.routine__picker-close{width:28px;height:28px;border-radius:50%;background:var(--color-earth-light);color:var(--color-earth);font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.routine__picker-close:hover{background:var(--color-border)}.routine__picker-list{overflow-y:auto;padding:0 20px 24px;flex:1}.routine__picker-item{display:flex;align-items:center;gap:12px;padding:16px 0;width:100%;text-align:left;border-bottom:1px solid var(--color-border);transition:opacity .15s ease;min-height:80px}.routine__picker-item:last-child{border-bottom:none}.routine__picker-item:hover{opacity:.75}.routine__picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.routine__picker-brand{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-earth)}.routine__picker-name{font-size:13px;font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.routine__picker-meta{display:flex;align-items:center;gap:6px;margin-top:3px}.routine__picker-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-pill);white-space:nowrap}.routine__picker-size,.routine__picker-sep{font-size:12px;color:#9b9990}.routine__picker-price{font-size:12px;color:var(--color-earth)}.routine__picker-empty{padding:32px 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.routine__picker-empty p{font-size:14px;color:var(--color-earth)}.routine__picker-browse{font-size:13px;font-weight:600;color:#7c5cbf}.routine__picker-browse:hover{text-decoration:underline}.settings-page{display:flex;flex-direction:column;min-height:100vh}.settings__header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 14px;background:var(--color-bg)}.settings__logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.04em}.settings__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-earth-light);transition:background .15s ease}.settings__back:hover{background:var(--color-border)}.settings__title-block{padding:0 20px 20px}.settings__title{font-family:"Instrument Serif",Georgia,serif;font-size:32px;font-weight:400;color:var(--color-text);line-height:1.1}.settings__main{flex:1;padding:0 20px 20px;display:flex;flex-direction:column;gap:32px}.settings__section{display:flex;flex-direction:column;gap:12px}.settings__section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-earth)}.settings__field-label{font-size:12px;font-weight:500;color:var(--color-earth);margin-bottom:6px}.settings__theme-row{display:flex;gap:10px}.settings__theme-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s ease}.settings__theme-card--active{border:2px solid var(--color-text)}.settings__theme-preview{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border)}.settings__theme-dot{width:20px;height:20px;border-radius:50%}.settings__theme-name{font-size:13px;font-weight:700;color:var(--color-text)}.settings__theme-desc{font-size:11px;color:var(--color-earth);text-align:center;line-height:1.3}.settings__country-wrap{width:100%}.settings__country-select{width:100%;padding:14px 16px;font-size:15px;font-weight:500;color:var(--color-text);background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239B9990' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.settings__country-select:focus{outline:none;border-color:var(--color-text)}.settings__country-hint{font-size:12px;color:var(--color-earth);padding:0 4px;line-height:1.5}.settings__notif-header{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:0;background:transparent;cursor:pointer}.settings__notif-header-left{display:flex;flex-direction:column;gap:2px}.settings__notif-coming{font-size:12px;color:var(--color-earth);font-weight:400;letter-spacing:0;text-transform:none}.settings__notif-chevron{font-size:20px;color:var(--color-earth);line-height:1;transition:transform .22s ease;display:flex;align-items:center}.settings__notif-chevron--open{transform:rotate(90deg)}.settings__notif-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;overflow:hidden}.settings__notif-body--open{grid-template-rows:1fr}.settings__notif-inner{min-height:0;display:flex;flex-direction:column;gap:12px;padding-top:12px}.settings__notif-banner{font-size:12px;color:var(--color-earth);background:var(--color-earth-light);border-radius:var(--radius-md);padding:10px 14px;line-height:1.5;margin-bottom:4px}.settings__toggle-list{display:flex;flex-direction:column;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.settings__toggle-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-border)}.settings__toggle-item:last-child{border-bottom:none}.settings__toggle-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings__toggle-label{font-size:14px;font-weight:600;color:var(--color-text)}.settings__toggle-sub{font-size:12px;color:var(--color-earth);line-height:1.4}.settings__switch{position:relative;width:44px;height:26px;flex-shrink:0}.settings__switch input{opacity:0;width:0;height:0;position:absolute}.settings__switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:13px;cursor:pointer;transition:background .2s ease}.settings__switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--color-card);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.settings__switch input:checked+.settings__switch-slider{background:var(--color-text)}.settings__switch input:checked+.settings__switch-slider:before{transform:translate(18px)}.settings__disclaimer{font-size:12px;color:var(--color-earth);line-height:1.5;padding:0 4px}.settings__link-list{display:flex;flex-direction:column;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.settings__link-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border);width:100%;text-align:left;cursor:pointer;transition:background .15s ease}.settings__link-row:last-child{border-bottom:none}.settings__link-row:hover{background:var(--color-earth-light)}.settings__link-label{font-size:14px;font-weight:500;color:var(--color-text)}.settings__link-value{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-earth)}.settings__restore-subtitle{font-size:13px;color:var(--color-earth);line-height:1.5;margin-top:-4px}.settings__restore-row{display:flex;gap:8px}.settings__restore-input{flex:1;padding:12px 14px;font-size:15px;font-weight:500;color:var(--color-text);background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);font-family:inherit;letter-spacing:.03em;min-width:0}.settings__restore-input::placeholder{color:var(--color-earth);font-weight:400;letter-spacing:0}.settings__restore-input:focus{outline:none;border-color:var(--color-text)}.settings__restore-btn{padding:12px 18px;font-size:14px;font-weight:700;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-lg);white-space:nowrap;transition:opacity .15s ease;flex-shrink:0}.settings__restore-btn:disabled{opacity:.4;cursor:not-allowed}.settings__restore-feedback{font-size:13px;font-weight:500;padding:4px 2px}.settings__restore-feedback--ok{color:var(--color-match-text)}.settings__restore-feedback--err{color:#b85c38}.settings__backup-code-toggle{border-bottom:none;align-items:center}.settings__backup-code-label-group{display:flex;flex-direction:column;gap:2px;text-align:left}.settings__backup-code-sub{font-size:12px;color:var(--color-earth);font-weight:400;line-height:1.4}.settings__backup-expand{border-top:1px solid var(--color-border);padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:14px}.settings__backup-code-text{font-size:22px;font-weight:700;letter-spacing:.12em;color:var(--color-text);text-align:center;font-family:"Instrument Serif",Georgia,serif}.settings__backup-copy-btn{padding:10px 24px;font-size:14px;font-weight:700;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-lg);transition:opacity .15s ease}.settings__backup-copy-btn:hover{opacity:.85}.settings__lang-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.settings__lang-pill{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--color-border);font-size:13px;font-weight:500;font-family:var(--font);background:var(--color-card);color:var(--color-text);cursor:pointer;transition:border-color .15s ease,opacity .15s ease;white-space:nowrap}.settings__lang-pill--active{border-color:var(--color-text);font-weight:700}.settings__lang-pill--disabled{opacity:.45;cursor:default}.settings__lang-pill:not(.settings__lang-pill--disabled):hover{border-color:var(--color-earth)}.settings__lang-hint{font-size:11px;color:var(--color-earth);margin-top:6px;font-style:italic}.settings__version{text-align:center;font-size:12px;color:var(--color-earth);padding:8px 0 20px;opacity:.6}.policy-page{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.policy__header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 14px;background:var(--color-bg);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-border)}.policy__logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.04em}.policy__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-earth-light);transition:background .15s ease}.policy__back:hover{background:var(--color-border)}.policy__content{padding:24px 20px 0;max-width:680px;margin:0 auto;width:100%}.policy__updated{font-size:12px;color:var(--color-earth);margin-bottom:8px}.policy__title{font-family:"Instrument Serif",Georgia,serif;font-size:28px;font-weight:400;color:var(--color-text);line-height:1.15;margin-bottom:24px}.policy__body h2{font-size:16px;font-weight:700;color:var(--color-text);margin:24px 0 8px}.policy__body p{font-size:14px;color:var(--color-text);line-height:1.7;margin-bottom:12px}.policy__body ul{margin:8px 0 12px 18px;display:flex;flex-direction:column;gap:4px}.policy__body li{font-size:14px;color:var(--color-text);line-height:1.6}.policy__body a{color:var(--color-earth);text-decoration:underline}.policy__body strong{font-weight:600}.policy__body .policy__muted{color:var(--color-earth);font-size:13px}.welcome-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:80px 32px 52px;background:linear-gradient(160deg,#fafaf8,#f5efe8)}.welcome__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;flex:1;justify-content:center}.welcome__logo{font-family:"Instrument Serif",Georgia,serif;font-size:56px;font-weight:400;color:var(--color-text);letter-spacing:-.03em;line-height:1}.welcome__tagline{font-size:20px;font-weight:600;color:var(--color-text);line-height:1.3;letter-spacing:-.01em}.welcome__desc{font-size:15px;color:var(--color-earth);line-height:1.6;max-width:300px}.welcome__cta{width:100%;max-width:320px;padding:16px;font-size:16px;font-weight:700;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-lg);transition:opacity .15s ease}.welcome__cta:hover{opacity:.88}.backup-banner{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);background:var(--color-text);color:var(--color-bg);padding:14px 16px;z-index:500;display:flex;flex-direction:column;gap:10px}.backup-banner__text{font-size:13px;font-weight:500;line-height:1.5}.backup-banner__actions{display:flex;align-items:center;gap:12px}.backup-banner__settings-btn{font-size:13px;font-weight:700;color:var(--color-bg);background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);padding:6px 14px;transition:background .15s ease}.backup-banner__settings-btn:hover{background:#ffffff40}.backup-banner__dismiss{margin-left:auto;font-size:16px;color:#ffffffb3;line-height:1;padding:4px;transition:color .15s ease}.backup-banner__dismiss:hover{color:var(--color-bg)}.wishlist-toast{position:fixed;bottom:calc(var(--nav-height) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:calc(var(--max-width) - 40px);background:var(--color-text);color:var(--color-bg);font-size:13px;font-weight:500;line-height:1.45;padding:12px 16px;border-radius:var(--radius-lg);text-align:center;z-index:300;pointer-events:none;animation:toast-in .22s ease,toast-out .3s ease 2.7s forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;pointer-events:none}}:root{--color-bg: #FAFAF8;--color-card: #FFFFFF;--color-text: #1A1916;--color-text-secondary: #7C6F5E;--color-earth: #7C6F5E;--color-earth-light: #F2EDE8;--color-border: #E8E4DF;--color-match-bg: #EBF4EE;--color-match-text: #2D6B40;--color-accent: #C8A882;--color-white: #FFFFFF;--cat-serums: #7C5CBF;--cat-moisturizers: #3A7ABF;--cat-spf: #B07D2A;--cat-cleansers: #3ABFBB;--cat-toners: #BF5C8A;--cat-exfoliators: #BF6D3A;--cat-masks: #7A5CBF;--cat-eye-care: #779A2D;--cat-lip-care: #BF5A5A;--cat-default: #7C6F5E;--font: "DM Sans", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 100px;--shadow-card: 0 1px 3px rgba(26, 25, 22, .06), 0 4px 12px rgba(26, 25, 22, .04);--shadow-card-hover: 0 4px 16px rgba(26, 25, 22, .1);--max-width: 420px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh}#root{display:flex;justify-content:center;min-height:100vh;background:var(--color-earth-light)}.app-shell{width:100%;max-width:var(--max-width);min-height:100vh;background:var(--color-bg);position:relative;display:flex;flex-direction:column}button{font-family:var(--font);cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}input,textarea,select{font-family:var(--font)}[data-theme=dark]{--color-bg: #1A1916;--color-card: #2A2926;--color-text: #FAFAF8;--color-text-secondary: #9B9990;--color-earth: #9B9990;--color-earth-light: #252420;--color-border: rgba(255, 255, 255, .1);--color-match-bg: rgba(45, 107, 64, .2);--color-white: #2A2926;--shadow-card: 0 1px 4px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.25);--shadow-card-hover: 0 4px 16px rgba(0,0,0,.45)}[data-theme=high-contrast]{--color-text: #0A0907;--color-text-secondary: #4A4035;--color-earth: #4A4035;--color-border: #B8B0A8;--color-match-bg: #D6EDD9;--color-match-text: #174D27;--cat-serums: #574086;--cat-moisturizers: #295586;--cat-spf: #7B581D;--cat-cleansers: #298683;--cat-toners: #864061;--cat-exfoliators: #864C29;--cat-masks: #554086;--cat-eye-care: #536C20;--cat-lip-care: #863F3F;--cat-default: #574E45}[data-theme=high-contrast] body{font-weight:500}[data-theme=high-contrast] .product-card__match,[data-theme=high-contrast] .overlay__match-badge{filter:saturate(1.3)}