:root{--color-bg:#f9f5ed;--color-surface:#fff;--color-ink:#1c130b;--color-ink-soft:#6b5d4f;--color-border:#e7dfd1;--color-accent:#74252d;--color-accent-soft:#f3e3e1;--color-danger:#a8342b;--font-heading:Georgia, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-2xl:2.25rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-card:0 12px 32px -16px #1c130b47;--shadow-soft:0 4px 12px -6px #1c130b2e;--ease-out:cubic-bezier(.23, 1, .32, 1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.36s;--duration-slower:.52s;--distance-xs:4px;--distance-sm:8px;--distance-md:16px;--distance-lg:32px;--scale-press:.97;--scale-press-strong:.94;--scale-hover:1.02;--scale-pop:1.08;--stagger-step:45ms;--blur-reveal:6px;--z-base:0;--z-stage:0;--z-content:1;--z-nav:10;--z-nav-indicator:-1;--z-sheet-backdrop:40;--z-sheet:41;--z-toast:50}@media (hover:hover) and (pointer:fine){.is-hoverable:hover{filter:brightness(1.04)}}.page-transition{will-change:transform, opacity;-webkit-overflow-scrolling:touch;touch-action:pan-y;height:100%;overflow-y:auto}.bottom-nav__item{position:relative}.bottom-nav__indicator{border-radius:var(--radius-md);background:var(--color-accent-soft);z-index:var(--z-nav-indicator);position:absolute;top:8px;bottom:8px;left:0}.animated-heart{justify-content:center;align-items:center;display:inline-flex;position:relative}.animated-heart__burst{border:1.5px solid var(--color-accent);pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.animated-heart__icon{display:inline-flex}.sheet-backdrop{z-index:var(--z-sheet-backdrop);background:#1c130b6b;position:fixed;inset:0}.sheet{inset-inline:0;z-index:var(--z-sheet);background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:480px;box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom,0px));touch-action:none;max-height:80vh;margin-inline:auto;position:fixed;bottom:0;overflow-y:auto}.sheet__grabber{border-radius:var(--radius-pill);background:var(--color-border);width:36px;height:4px;margin:0 auto var(--space-3)}.sheet__title{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.sheet__body{color:var(--color-ink-soft);font-size:var(--fs-sm);line-height:1.5}.skeleton{background:linear-gradient(100deg, var(--color-border) 30%, var(--color-accent-soft) 50%, var(--color-border) 70%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton--sm{border-radius:var(--radius-sm)}.skeleton--md{border-radius:var(--radius-md)}.skeleton--lg{border-radius:var(--radius-lg)}.skeleton--pill{border-radius:var(--radius-pill)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.placeholder__mark{animation:breathe 3.6s var(--ease-out) infinite}@media (prefers-reduced-motion:reduce){.skeleton{animation-duration:2.8s}.placeholder__mark{animation:none}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-heading);margin:0;font-weight:500}button{cursor:pointer;font-family:inherit}img,svg{-webkit-user-drag:none;user-drag:none;max-width:100%;display:block}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}@media (width>=640px){body{background:#ece2d1;min-height:100vh;overflow-x:hidden}.app-shell{z-index:1;border-inline:1px solid var(--color-border);position:relative;box-shadow:0 40px 90px -30px #1c130b8c}}.app-content{flex:1;position:relative;overflow:hidden}.btn{border-radius:var(--radius-pill);font-size:var(--fs-sm);width:100%;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) ease;border:none;padding:13px 20px;font-weight:600}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-accent);color:#fff}.btn--danger{background:var(--color-danger);color:#fff}.btn--primary.is-worn{box-shadow:0 0 0 3px var(--color-accent-soft)}.btn--secondary{color:var(--color-ink);border:1px solid var(--color-border);background:0 0}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:active{transform:none}.field{gap:var(--space-1);flex-direction:column;display:flex}.field+.field{margin-top:var(--space-3)}.field label{font-size:var(--fs-sm);color:var(--color-ink);font-weight:600}.field input,.field textarea,.field select{font:inherit;font-size:var(--fs-md);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) ease;padding:12px 14px}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{border-color:var(--color-accent);outline:none}.field-helper{font-size:var(--fs-xs);color:var(--color-ink-soft);margin:0}.field-error{font-size:var(--fs-xs);color:var(--color-danger);align-items:center;gap:4px;margin:0;display:flex}.flow-back{width:100%;margin-top:var(--space-3);color:var(--color-ink-soft);font-size:var(--fs-sm);transition:color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.flow-back:hover:not(:disabled){color:var(--color-ink)}.flow-back:active:not(:disabled){transform:scale(.97)}.flow-back:disabled{opacity:.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-label{animation:label-fade var(--duration-fast) var(--ease-out);display:inline-block}@keyframes label-fade{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){.btn-label{animation:none}}.bottom-nav{z-index:1;background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-soft);justify-content:space-around;align-items:center;display:flex;position:relative}.bottom-nav__item{min-width:56px;color:var(--color-ink-soft);border-radius:var(--radius-md);transition:color var(--duration-fast) ease;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;display:flex}.bottom-nav__item.is-active{color:var(--color-ink)}.bottom-nav__icon,.bottom-nav__label{z-index:var(--z-content);position:relative}.bottom-nav__label{font-size:.6875rem;font-weight:600}.sheet-overlay{z-index:50;animation:sheet-overlay-in var(--duration-base) ease;background:#1c130b73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-overlay.is-closing{animation:.17s forwards sheet-overlay-out}.sheet-panel{background:var(--color-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:88vh;box-shadow:var(--shadow-card);animation:sheet-panel-in var(--duration-base) var(--ease-out);outline:none;overflow-y:auto}.sheet-panel.is-closing{animation:sheet-panel-out .17s var(--ease-out) forwards}@media (width>=640px){.sheet-overlay{align-items:center}.sheet-panel{border-radius:var(--radius-lg);max-height:80vh}}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:1;display:flex;position:sticky;top:0}.sheet-title{font-size:var(--fs-lg);color:var(--color-ink)}.sheet-close{background:var(--color-accent-soft);color:var(--color-ink);width:32px;height:32px;transition:transform var(--duration-fast) var(--ease-out);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-close:active{transform:scale(.92)}.sheet-body{padding:var(--space-4)}.sheet-actions{margin-top:var(--space-5)}@keyframes sheet-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-panel-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-overlay-out{to{opacity:0}}@keyframes sheet-panel-out{to{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.sheet-overlay,.sheet-panel{animation:none}}.photo-picker{aspect-ratio:4/3;border-radius:var(--radius-md);border:1.5px dashed var(--color-border);background:var(--color-surface);width:100%;margin-bottom:var(--space-4);transition:border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);padding:0;display:block;overflow:hidden}.photo-picker:hover{border-color:var(--color-accent)}.photo-picker:active{transform:scale(.98)}.photo-picker__empty{justify-content:center;align-items:center;gap:var(--space-2);height:100%;color:var(--color-ink-soft);font-size:var(--fs-sm);text-align:center;padding:var(--space-4);flex-direction:column;display:flex}.photo-picker__preview{object-fit:cover;width:100%;height:100%}.barcode-scanner{gap:var(--space-2);flex-direction:column;display:flex}.barcode-scanner__viewport{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-ink);width:100%;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.barcode-scanner__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.barcode-scanner__loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.barcode-scanner__loading .purchase-flow__spinner{border-color:#fff #ffffff4d #ffffff4d;width:28px;height:28px}.barcode-scanner__frame{width:74%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.barcode-scanner__corner{filter:drop-shadow(0 1px 3px #00000080);border:3px solid #fff;width:26px;height:26px;position:absolute}.barcode-scanner__corner--tl{border-width:3px 0 0 3px;border-radius:6px 0 0;top:0;left:0}.barcode-scanner__corner--tr{border-width:3px 3px 0 0;border-radius:0 6px 0 0;top:0;right:0}.barcode-scanner__corner--bl{border-width:0 0 3px 3px;border-radius:0 0 0 6px;bottom:0;left:0}.barcode-scanner__corner--br{border-width:0 3px 3px 0;border-radius:0 0 6px;bottom:0;right:0}.barcode-scanner__scanline{background:var(--color-accent-soft);height:2px;animation:1.8s ease-in-out infinite alternate barcode-scanline;position:absolute;top:6%;left:4%;right:4%;box-shadow:0 0 8px 1px #f3e3e1cc}@keyframes barcode-scanline{0%{top:6%}to{top:88%}}@media (prefers-reduced-motion:reduce){.barcode-scanner__scanline{animation:none;top:50%}}.barcode-scanner__hint{text-align:center;color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0}.barcode-scanner__fallback{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);color:var(--color-ink-soft);text-align:center;flex-direction:column;display:flex}.barcode-scanner__fallback p{font-size:var(--fs-sm);margin:0}.purchase-flow__intro{margin:0 0 var(--space-3);color:var(--color-ink-soft);font-size:var(--fs-sm)}.purchase-methods{gap:var(--space-2);flex-direction:column;display:flex}.purchase-method{align-items:center;gap:var(--space-3);text-align:start;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-size:var(--fs-md);transition:transform var(--duration-fast) var(--ease-out);display:flex}.purchase-method:active{transform:scale(.98)}.purchase-flow__loading{align-items:center;gap:var(--space-2);display:inline-flex}.purchase-flow__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite purchase-spin}@keyframes purchase-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.purchase-flow__spinner{animation-duration:1.4s}}.purchase-result{gap:var(--space-1);flex-direction:column;display:flex}.purchase-result__badge{background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--fs-xs);border-radius:var(--radius-pill);margin-bottom:var(--space-2);align-self:start;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.purchase-result__image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-3);box-shadow:var(--shadow-soft)}.add-item-choices{gap:var(--space-3);flex-direction:column;display:flex}.add-item-choice{align-items:center;gap:var(--space-3);text-align:start;width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-out);display:flex}.add-item-choice:active{transform:scale(.98)}.add-item-choice--primary{border-color:var(--color-accent);background:var(--color-accent-soft)}.add-item-choice__label{flex-direction:column;gap:2px;display:flex}.add-item-choice__label strong{font-size:var(--fs-md)}.add-item-choice__label span:last-child{font-size:var(--fs-xs);color:var(--color-ink-soft)}.closet-carousel{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex}.closet-carousel__viewport{align-items:center;gap:var(--space-2);flex:1;min-height:0;display:flex;position:relative}.closet-carousel__stage{perspective:1200px;flex:1;height:100%;min-height:0;position:relative}.closet-carousel__stage--flat{justify-content:center;align-items:center;display:flex;overflow:hidden}.closet-carousel__card{will-change:transform, opacity;height:fit-content;margin:auto;position:absolute;inset:0}.closet-carousel__stage--flat .closet-carousel__card{margin:0;position:static}.closet-carousel__card-inner{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:start;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.closet-carousel__card-inner:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.closet-carousel__card-inner:active{transition:transform var(--duration-fast) var(--ease-out);transform:scale(.98)}.closet-carousel__image{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.closet-carousel__caption{inset-inline:0;gap:var(--space-1);padding:var(--space-6) var(--space-4) var(--space-4);color:#fff;background:linear-gradient(#0000 0%,#1c130b6b 35%,#1c130bd1 100%);flex-direction:column;display:flex;position:absolute;bottom:0}.closet-carousel__name{font-family:var(--font-heading);font-size:var(--fs-lg)}.closet-carousel__count{font-size:var(--fs-xs);color:#ffffffc7}.closet-carousel__thumbs{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.closet-carousel__thumb{border-radius:var(--radius-sm);object-fit:cover;border:1.5px solid #ffffff8c;width:34px;height:34px}.closet-carousel__thumb-more{font-size:var(--fs-xs);color:#ffffffd9;font-weight:600}.closet-carousel__card-inner--add{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:3/4;background:var(--color-accent-soft);border:1.5px dashed var(--color-accent);color:var(--color-ink);flex-direction:column;display:flex}.closet-carousel__add-icon{background:var(--color-surface);width:56px;height:56px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.closet-carousel__add-label{font-family:var(--font-heading);font-size:var(--fs-md)}.closet-carousel__dots{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;flex-shrink:0;display:flex;position:relative}.closet-carousel__dot{background:var(--color-border);z-index:1;width:7px;height:7px;transition:background var(--duration-fast) ease;border:none;border-radius:50%;padding:0;position:relative}.closet-carousel__dot.is-active{background:var(--color-surface)}.closet-carousel__dot-indicator{border-radius:var(--radius-pill);background:var(--color-accent);z-index:0;height:16px;margin-top:-8px;position:absolute;top:50%;left:0}.closet-carousel__nav{display:none}@media (width>=640px){.closet-carousel__nav{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-ink);z-index:var(--z-content);transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) ease;background:#ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.closet-carousel__nav:active{transform:scale(.92)}.closet-carousel__nav:disabled{opacity:.35}}@media (prefers-reduced-motion:reduce){.closet-carousel__card-inner:active{transform:none}}.edit-closet__confirm-text{margin:0 0 var(--space-4);color:var(--color-ink-soft);font-size:var(--fs-sm);line-height:1.5}.edit-closet__delete{width:100%;margin-top:var(--space-3);color:var(--color-danger);font-size:var(--fs-sm);transition:opacity var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.edit-closet__delete:hover{opacity:.75}.edit-closet__delete:active{transform:scale(.97)}.closet-detail{padding:var(--space-4) var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.closet-detail__header{align-items:center;gap:var(--space-3);display:flex}.closet-detail__back{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.closet-detail__back:active{transform:scale(.92)}.closet-detail__title{font-size:var(--fs-xl);color:var(--color-ink);flex:1}.closet-detail__edit{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.closet-detail__edit:active{transform:scale(.92)}.closet-detail__add{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);width:100%;font-size:var(--fs-md);background:var(--color-accent);color:#fff;transition:transform var(--duration-fast) var(--ease-out);border:none;padding:14px 24px;font-weight:600;display:flex}.closet-detail__add:active{transform:scale(.97)}.closet-detail__empty{text-align:center;color:var(--color-ink-soft);padding:var(--space-6) var(--space-4)}.closet-section{gap:var(--space-2);flex-direction:column;display:flex}.closet-section__title{font-family:var(--font-heading);font-size:var(--fs-md);color:var(--color-ink)}.closet-section__row{gap:var(--space-3);scroll-snap-type:x proximity;padding:var(--space-1) var(--space-4);margin:0 calc(var(--space-4) * -1);scrollbar-width:none;display:flex;overflow-x:auto}.closet-section__row::-webkit-scrollbar{display:none}.item-card{scroll-snap-align:start;gap:var(--space-1);flex-direction:column;flex:0 0 128px;display:flex}.item-card__image{object-fit:cover;border-radius:var(--radius-md);width:128px;height:160px;box-shadow:var(--shadow-soft)}.item-card__name{font-size:var(--fs-xs);color:var(--color-ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.closet-list{height:100%;padding:var(--space-4) 0 var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;overflow:hidden}.closet-list__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);display:flex}.closet-list__title{font-size:var(--fs-2xl);letter-spacing:-.01em;color:var(--color-ink);line-height:1.15}.closet-list__add-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--fs-sm);transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) ease;background:0 0;flex-shrink:0;font-weight:600;display:flex}.closet-list__add-btn:hover{background:var(--color-accent-soft)}.closet-list__add-btn:active{transform:scale(.96)}.storage-alert{align-items:flex-start;gap:var(--space-2);margin:0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-danger) 12%, var(--color-bg));border:1px solid color-mix(in srgb, var(--color-danger) 28%, transparent);color:var(--color-danger);font-size:var(--fs-sm);opacity:1;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);line-height:1.4;display:flex;transform:translateY(0)}@starting-style{.storage-alert{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.storage-alert{transition:opacity var(--duration-base) ease}@starting-style{.storage-alert{transform:none}}}.storage-alert svg{flex-shrink:0;margin-top:2px}.placeholder{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:var(--space-6);color:var(--color-ink-soft);flex-direction:column;display:flex}.placeholder__mark{border:1.5px dashed var(--color-border);border-radius:50%;width:56px;height:56px}.placeholder__title{color:var(--color-ink);font-size:var(--fs-xl)}.placeholder__message{max-width:26ch;font-size:var(--fs-sm);margin:0;line-height:1.5}.today{padding:var(--space-4) var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.today__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.today__identity{align-items:center;gap:var(--space-2);min-width:0;display:flex}.today__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.today__greeting{font-size:var(--fs-sm);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.today__weather{color:var(--color-ink-soft);font-size:var(--fs-xs);white-space:nowrap;background:var(--color-accent-soft);border-radius:var(--radius-pill);flex-shrink:0;margin:0;padding:4px 10px}.today__headline{font-size:var(--fs-2xl);letter-spacing:-.01em;color:var(--color-ink);text-align:center;line-height:1.15}.today__look-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);aspect-ratio:4/5;max-height:50vh;position:relative;overflow:hidden}.today__look-layer{opacity:0;transition:opacity var(--duration-base) ease;position:absolute;inset:0}.today__look-layer.is-active{opacity:1}.today__look-backdrop{object-fit:cover;object-position:center 20%;filter:blur(36px)saturate(106%);width:124%;height:124%;position:absolute;inset:-12%}.today__look-scrim{background:#f9f5ed47;position:absolute;inset:0}.today__look-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.today__save{top:var(--space-3);width:40px;height:40px;color:var(--color-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color var(--duration-fast) ease;z-index:2;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:var(--space-3)}.today__save.is-saved{color:var(--color-accent)}.today__worn-badge{bottom:var(--space-3);color:#fff;border-radius:var(--radius-pill);font-size:var(--fs-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#1c130bd9;padding:6px 14px;font-weight:600;position:absolute;inset-inline-start:var(--space-3)}.today__copy{gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.today__look-title{font-size:var(--fs-lg)}.today__reason{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0;line-height:1.5}.today__actions{gap:var(--space-2);flex-direction:column;display:flex}@media (height<=720px){.today{gap:var(--space-2);padding-top:var(--space-3)}.today__headline{font-size:var(--fs-xl)}.today__look-card{max-height:42vh}.today__reason{font-size:var(--fs-xs);line-height:1.4}}@media (height<=620px){.today__reason{display:none}}@media (prefers-reduced-motion:reduce){.today__look-layer,.today__stage-image{transition:none}.today__stage-image.is-active{animation:none}}.today__stage{display:none}@media (width>=640px){.today__stage{z-index:0;background:#ece2d1;display:block;position:fixed;inset:0;overflow:hidden}.today__stage:after{content:"";background:#f9f5ed99;position:absolute;inset:0}.today__stage-image{object-fit:cover;object-position:center 20%;filter:blur(60px)saturate(104%);opacity:0;width:124%;height:124%;transition:opacity var(--duration-base) ease;position:absolute;inset:-12%}.today__stage-image.is-active{opacity:1;animation:14s ease-in-out infinite alternate stage-drift}}@keyframes stage-drift{0%{transform:scale(1)}to{transform:scale(1.045)}}