.btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;position:relative;transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-border)}.btn--secondary:active:not(:disabled){background-color:var(--color-border-dark)}.btn--outline{background-color:initial;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--outline:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--outline:active:not(:disabled){background-color:var(--color-bg-tertiary)}.btn--ghost{background-color:initial;border:1px solid #0000;color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:active:not(:disabled){background-color:var(--color-bg-tertiary)}.btn--danger{background-color:var(--color-error);border:1px solid var(--color-error);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){opacity:.9}.btn--danger:active:not(:disabled){opacity:.8}.btn--small{font-size:var(--font-size-sm);height:32px;padding:0 var(--spacing-md)}.btn--medium{font-size:var(--font-size-md);height:44px;padding:0 var(--spacing-lg)}.btn--large{font-size:var(--font-size-lg);height:52px;padding:0 var(--spacing-xl)}.btn--full{width:100%}.btn--disabled{cursor:not-allowed;opacity:.5}.btn--loading{cursor:wait}.btn__spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:20px;position:absolute;width:20px}.btn__content--hidden{visibility:hidden}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input__label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input__required{color:var(--color-error);margin-right:2px}.input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);height:48px;padding:0 var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input::placeholder{color:var(--color-text-placeholder)}.input:focus{border-color:#0000;box-shadow:none}.input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.input-wrapper--error .input{border-color:var(--color-error)}.input-wrapper--error .input:focus{box-shadow:0 0 0 3px #f443361a}.input__helper{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.input__helper--error{color:var(--color-error)}.input-wrapper--disabled{opacity:.6}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:var(--color-bg-modal);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.modal-overlay--bottom{align-items:flex-end;padding:0;padding-bottom:var(--spacing-md)}.modal-alert{animation:scaleIn .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fffffff2;border-radius:14px;max-width:270px;overflow:hidden;width:100%}.modal-alert__content{padding:20px 16px;text-align:center}.modal-alert__title{color:var(--color-text-primary);font-size:17px;font-weight:var(--font-weight-semibold);margin-bottom:4px}.modal-alert__message{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.modal-alert__actions{border-top:.5px solid var(--color-border);display:flex}.modal-alert__button{background:none;border:none;color:#007aff;cursor:pointer;flex:1 1;font-size:17px;font-weight:var(--font-weight-regular);padding:12px;transition:background-color var(--transition-fast)}.modal-alert__button:active{background-color:#0000000d}.modal-alert__button--cancel{border-right:.5px solid var(--color-border);font-weight:var(--font-weight-semibold)}.modal-alert__button--confirm{font-weight:var(--font-weight-regular)}.modal-alert__button--danger{color:var(--color-error)}.action-sheet{animation:slideUp .3s ease;margin:0 auto;max-width:var(--max-width-app);width:calc(100% - 16px)}.action-sheet__content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fffffff2;border-radius:14px;margin-bottom:8px;overflow:hidden}.action-sheet__title{border-bottom:.5px solid var(--color-border);color:var(--color-text-secondary);font-size:13px;padding:14px 16px;text-align:center}.action-sheet__item{background:none;border:none;border-bottom:.5px solid var(--color-border);color:#007aff;cursor:pointer;font-size:20px;padding:18px 16px;transition:background-color var(--transition-fast);width:100%}.action-sheet__item:last-child{border-bottom:none}.action-sheet__item:active{background-color:#0000000d}.action-sheet__item--danger{color:var(--color-error)}.action-sheet__cancel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fffffff2;border:none;border-radius:14px;color:#007aff;cursor:pointer;font-size:20px;font-weight:var(--font-weight-semibold);padding:18px 16px;transition:background-color var(--transition-fast);width:100%}.action-sheet__cancel:active{background-color:#fffc}.modal{animation:scaleIn .2s ease;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background-color var(--transition-fast);width:32px}.modal__close:hover{background-color:var(--color-bg-secondary)}.modal__body{overflow-y:auto;padding:var(--spacing-md)}.modal-fullscreen{animation:slideUp .3s ease;background-color:var(--color-bg-primary);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-fullscreen__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;height:var(--header-height);justify-content:space-between;padding:0 var(--spacing-md)}.modal-fullscreen__back{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.modal-fullscreen__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-fullscreen__spacer{width:40px}.modal-fullscreen__body{flex:1 1;overflow-y:auto}.toast-container{bottom:calc(var(--bottom-nav-height) + var(--spacing-lg));display:flex;flex-direction:column;gap:var(--spacing-sm);left:50%;max-width:calc(var(--max-width-app) - var(--spacing-lg)*2);position:fixed;transform:translateX(-50%);width:calc(100% - var(--spacing-lg)*2);z-index:var(--z-toast)}.toast{align-items:center;animation:toastIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#323232f2;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);display:flex;font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.toast__message{line-height:var(--line-height-normal)}.toast--error,.toast--info,.toast--success,.toast--warning{background-color:#323232f2}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{align-items:center;display:inline-flex;justify-content:center}.spinner__circle{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary)}.spinner--small .spinner__circle{height:20px;width:20px}.spinner--medium .spinner__circle{border-width:3px;height:32px;width:32px}.spinner--large .spinner__circle{border-width:4px;height:48px;width:48px}.loading-fullpage{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:100vh}.loading-fullpage__message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.loading-inline{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg)}.skeleton-circle,.skeleton-image,.skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%}.skeleton-image{border-radius:var(--radius-md);width:100%}.skeleton-text{border-radius:var(--radius-sm)}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-feed-card,.skeleton-feed-card__info{display:flex;flex-direction:column}.skeleton-feed-card__info{gap:var(--spacing-sm);padding:var(--spacing-sm)}.skeleton-feed-card__header{align-items:center;display:flex;gap:var(--spacing-sm)}.skeleton-feed-card__stats{display:flex;gap:var(--spacing-md)}.skeleton-clothes-card{border-radius:var(--radius-md);overflow:hidden}.scroll-to-top-button{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:50%;bottom:calc(var(--bottom-nav-height) + var(--spacing-md));box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:44px;justify-content:center;position:fixed;right:var(--spacing-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:44px;z-index:var(--z-fixed)}.scroll-to-top-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scroll-to-top-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}@media (min-width:430px){.scroll-to-top-button{right:calc(50% - var(--max-width-app)/2 + var(--spacing-md))}}.scroll-to-top-button--feed-detail{bottom:calc(var(--bottom-nav-height) + 60px + var(--spacing-md))}.bottom-nav{align-items:center;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-light);bottom:0;display:flex;height:var(--bottom-nav-height);justify-content:space-around;left:0;position:fixed;right:0;z-index:var(--z-fixed)}@media (min-width:430px){.bottom-nav{left:50%;max-width:var(--max-width-app);transform:translateX(-50%);width:100%}}.bottom-nav__item{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;height:100%;justify-content:center;padding:var(--spacing-xs) 0;transition:color var(--transition-fast)}.bottom-nav__item:hover{color:var(--color-text-secondary)}.bottom-nav__item--active{color:var(--color-text-primary)}.bottom-nav__icon{flex-shrink:0}.bottom-nav__label{font-size:10px;font-weight:var(--font-weight-medium);white-space:nowrap}.app-layout{background-color:var(--color-bg-secondary);min-height:100vh}.app-layout__container{background-color:var(--color-bg-primary);box-shadow:0 0 20px #0000000d;margin:0 auto;max-width:var(--max-width-app);min-height:100vh;position:relative;width:100%}.app-layout__main{display:flex;flex-direction:column;min-height:100vh}.app-layout__main--with-nav{padding-bottom:var(--bottom-nav-height)}@media (min-width:430px){.app-layout{display:flex;justify-content:center}.app-layout__container{border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light)}}.header{align-items:center;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);display:flex;height:var(--header-height);justify-content:space-between;padding:0 var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header--transparent{background-color:initial;border-bottom:none}.header__left,.header__right{align-items:center;display:flex;gap:var(--spacing-sm);min-width:48px}.header__left{justify-content:flex-start}.header__right{justify-content:flex-end}.header__center{align-items:center;display:flex;flex:1 1;justify-content:center}.header__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__action,.header__back{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color var(--transition-fast);width:40px}.header__action:hover,.header__back:hover{background-color:var(--color-bg-secondary)}.header__action:active,.header__back:active{background-color:var(--color-bg-tertiary)}.login-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-lg)}.login-page__content{flex:1 1;gap:var(--spacing-2xl);justify-content:center}.login-page__content,.login-page__logo-area{align-items:center;display:flex;flex-direction:column}.login-page__logo-area{gap:var(--spacing-md)}.login-page__logo{align-items:center;display:flex;justify-content:center}.login-page__logo-circle{background-color:var(--color-bg-tertiary);border-radius:50%;height:80px;width:80px}.login-page__title{color:var(--color-text-primary);font-size:36px;font-weight:var(--font-weight-bold);letter-spacing:-.5px}.login-page__button-area{max-width:320px;width:100%}.login-page__kakao-button{align-items:center;background-color:#fee500;border:none;border-radius:var(--radius-md);color:#000;cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);height:52px;justify-content:center;padding:0 var(--spacing-lg);transition:opacity var(--transition-fast);width:100%}.login-page__kakao-button:hover{opacity:.9}.login-page__kakao-button:active{opacity:.8}.kakao-callback{align-items:center;background-color:var(--color-background);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.kakao-callback__error{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:center}.kakao-callback__error-message{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.5}.kakao-callback__retry-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-md);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .2s ease}.kakao-callback__retry-button:hover{background-color:var(--color-primary-dark)}.additional-info-page{background-color:var(--color-bg-primary);min-height:100vh;padding:var(--spacing-lg)}.additional-info-page__content{margin:0 auto;max-width:400px}.additional-info-page__title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.additional-info-page__section{margin-bottom:var(--spacing-lg)}.additional-info-page__label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.additional-info-page__required{color:var(--color-error);margin-right:2px}.additional-info-page__profile{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.additional-info-page__profile-image{align-items:center;background-color:var(--color-bg-tertiary);border-radius:50%;cursor:pointer;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;transition:opacity var(--transition-fast);width:100px}.additional-info-page__profile-image:hover{opacity:.8}.additional-info-page__profile-image img{height:100%;object-fit:cover;width:100%}.additional-info-page__profile-add{color:var(--color-text-tertiary)}.additional-info-page__profile-remove{align-items:center;background-color:var(--color-text-primary);border:none;border-radius:50%;color:var(--color-text-inverse);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:0;top:0;width:28px}.additional-info-page__profile-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.additional-info-page__select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);height:48px;padding:0 var(--spacing-md);width:100%}.additional-info-page__select:focus{border-color:var(--color-primary);outline:none}.additional-info-page__submit{margin-top:var(--spacing-xl)}.closet-list-page{flex-direction:column;min-height:100%}.closet-list-page,.closet-list-page__header{background-color:var(--color-bg-primary);display:flex}.closet-list-page__header{align-items:center;border-bottom:1px solid var(--color-border-light);justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.closet-list-page__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.closet-list-page__add-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color var(--transition-fast);width:40px}.closet-list-page__add-btn:hover{background-color:var(--color-bg-secondary)}.closet-list-page__categories{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-md) var(--spacing-sm);scrollbar-width:none}.closet-list-page__categories::-webkit-scrollbar{display:none}.closet-list-page__category{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) calc((var(--spacing-sm) + var(--spacing-md))/2);transition:all var(--transition-fast)}.closet-list-page__category:hover{background-color:var(--color-bg-tertiary)}.closet-list-page__category--active,.closet-list-page__category--active:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.closet-list-page__content{flex:1 1;padding:var(--spacing-md)}.closet-list-page__empty{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-md);height:200px;justify-content:center}.closet-list-page__grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.closet-list-page__item{border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:transform var(--transition-fast)}.closet-list-page__item:active{transform:scale(.98)}.closet-list-page__item-image{background-color:var(--color-bg-tertiary);padding-top:100%;position:relative;width:100%}.closet-list-page__item-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.closet-list-page__item-placeholder{align-items:center;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.feed-list-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.feed-list-page__content{flex:1 1;padding:var(--spacing-md)}.feed-list-page__empty{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-md);height:200px;justify-content:center}.feed-list-page__grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.feed-list-page__item{background-color:var(--color-bg-primary);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast)}.feed-list-page__item:active{transform:scale(.98)}.feed-list-page__item-image{aspect-ratio:3/4;background-color:var(--color-bg-tertiary);overflow:hidden;position:relative;width:100%}.feed-list-page__item-image img{height:100%;object-fit:cover;width:100%}.feed-list-page__item-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);height:100%;justify-content:center;width:100%}.feed-list-page__item-multi{background-color:#0009;border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:var(--font-weight-medium);padding:2px 8px;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.feed-list-page__item-info{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.feed-list-page__item-author{align-items:center;display:flex;gap:var(--spacing-xs)}.feed-list-page__item-avatar{border-radius:50%;flex-shrink:0;height:24px;overflow:hidden;width:24px}.feed-list-page__item-avatar img{height:100%;object-fit:cover;width:100%}.feed-list-page__item-avatar-placeholder{background-color:var(--color-bg-tertiary);height:100%;width:100%}.feed-list-page__item-nickname{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-list-page__item-stats{display:flex;gap:var(--spacing-md)}.feed-list-page__item-stat{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:4px}.feed-list-page__tabs{background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;position:-webkit-sticky;position:sticky;top:52px;z-index:10}.feed-list-page__tab{background:none;border:none;color:#999;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px 0;position:relative;transition:color .2s}.feed-list-page__tab--active{color:#262626;font-weight:600}.feed-list-page__tab--active:after{background-color:#262626;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.feed-list-page__header-btn{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;width:40px}.feed-list-page__dm-dot{background-color:var(--color-like);border:2px solid var(--color-bg-primary);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.closet-detail-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.closet-detail-page__loading{align-items:center;display:flex;flex:1 1;justify-content:center}.closet-detail-page__content{flex:1 1}.closet-detail-page__image-section{background-color:var(--color-bg-tertiary);position:relative}.closet-detail-page__image-container{aspect-ratio:1/1;position:relative;width:100%}.closet-detail-page__image{height:100%;object-fit:cover;width:100%}.closet-detail-page__image-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-md);height:100%;justify-content:center;width:100%}.closet-detail-page__image-nav{align-items:center;background-color:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color var(--transition-fast);width:40px;z-index:1}.closet-detail-page__image-nav:hover{background-color:#fffffff2}.closet-detail-page__image-nav--prev{left:var(--spacing-md)}.closet-detail-page__image-nav--next{right:var(--spacing-md)}.closet-detail-page__info{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.closet-detail-page__field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.closet-detail-page__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0 var(--spacing-md)}.closet-detail-page__value{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}.closet-detail-page__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.closet-detail-page__tag{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.closet-detail-page__tag--style{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.closet-detail-page__divider{background-color:var(--color-bg-tertiary);height:8px;margin-top:var(--spacing-md)}.closet-detail-page__feeds-section{padding:var(--spacing-md)}.closet-detail-page__feeds-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.closet-detail-page__feeds-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.closet-detail-page__feeds-empty{align-items:center;display:flex;justify-content:center;padding:var(--spacing-2xl) 0}.closet-detail-page__feeds-empty-text{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.closet-upload-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.closet-upload-page__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.closet-upload-page__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.closet-upload-page__label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.closet-upload-page__required{color:var(--color-error)}.closet-upload-page__hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.closet-upload-page__images{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm)}.closet-upload-page__image-item{border-radius:var(--radius-md);flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.closet-upload-page__image-item img{height:100%;object-fit:cover;width:100%}.closet-upload-page__image-remove{background-color:#0009;border:none;border-radius:50%;color:#fff;height:24px;position:absolute;right:4px;top:4px;width:24px}.closet-upload-page__image-add,.closet-upload-page__image-remove{align-items:center;cursor:pointer;display:flex;justify-content:center}.closet-upload-page__image-add{background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);height:100px;transition:all var(--transition-fast);width:100px}.closet-upload-page__image-add:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.closet-upload-page__image-add span{font-size:var(--font-size-xs)}.closet-upload-page__analyzing{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.closet-upload-page__input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);height:48px;padding:0 var(--spacing-md);width:100%}.closet-upload-page__input:focus{border-color:var(--color-primary);outline:none}.closet-upload-page__input::placeholder{color:var(--color-text-placeholder)}.closet-upload-page__select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);height:48px;padding:0 var(--spacing-md)}.closet-upload-page__select:focus{border-color:var(--color-primary);outline:none}.closet-upload-page__select--full{width:100%}.closet-upload-page__row{display:flex;gap:var(--spacing-sm)}.closet-upload-page__row>*{flex:1 1}.closet-upload-page__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.closet-upload-page__tag{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.closet-upload-page__tag--readonly{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.closet-upload-page__tag-remove{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;width:16px}.closet-upload-page__tag-remove:hover{color:var(--color-error)}.closet-upload-page__tag-add{align-items:center;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-full);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.closet-upload-page__tag-add:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark);color:var(--color-text-secondary)}.closet-upload-page__tags-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.ai-coord-page__tabs{border-bottom:1px solid var(--color-border);display:flex;margin-bottom:var(--spacing-sm)}.ai-coord-page__tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-tertiary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-xs);transition:all var(--transition-fast);white-space:nowrap}.ai-coord-page__tab--active{border-bottom-color:var(--color-primary);color:var(--color-text-primary);cursor:default;font-weight:var(--font-weight-semibold)}.ai-coord-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.ai-coord-page__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.ai-coord-page__empty-closet,.ai-coord-page__error,.ai-coord-page__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center;text-align:center}.ai-coord-page__empty-closet-message,.ai-coord-page__error-message{color:var(--color-text-secondary);font-size:var(--font-size-md)}.ai-coord-page__error-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-coord-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-align:center}.ai-coord-page__search{margin-bottom:var(--spacing-lg)}.ai-coord-page__search-input-wrapper{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);display:flex;padding:var(--spacing-sm) var(--spacing-md)}.ai-coord-page__search-input{font-size:var(--font-size-md)}.ai-coord-page__search-input,.ai-coord-page__search-input:focus{background:none;border:none;color:var(--color-text-primary);flex:1 1;outline:none}.ai-coord-page__search-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:opacity var(--transition-fast);width:30px}.ai-coord-page__search-btn:disabled{cursor:not-allowed;opacity:.5}.ai-coord-page__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-coord-page__section--right{align-items:flex-end}.ai-coord-page__section-title{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ai-coord-page__suggestions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-coord-page__suggestion{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color var(--transition-fast);width:-webkit-max-content;width:max-content}.ai-coord-page__suggestion:hover{background-color:var(--color-bg-tertiary)}.ai-coord-page__history{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ai-coord-page__history-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.ai-coord-page__history-item:hover{background-color:var(--color-bg-tertiary)}.ai-coord-page__history-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.ai-coord-page__summary{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);margin:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:var(--spacing-sm);text-align:center;width:-webkit-max-content;width:max-content}.ai-coord-page__summary p{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0}.ai-coord-page__card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);position:relative}.ai-coord-page__download-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);width:40px;z-index:1}.ai-coord-page__carousel{align-items:center;display:flex;margin-bottom:var(--spacing-xs)}.ai-coord-page__nav-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.ai-coord-page__nav-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.ai-coord-page__nav-btn--disabled{cursor:not-allowed;opacity:.3}.ai-coord-page__image-container{align-items:center;aspect-ratio:4/5;border-radius:var(--radius-md);display:flex;flex:1 1;justify-content:center;overflow:hidden}.ai-coord-page__image{height:100%;object-fit:cover;width:100%}.ai-coord-page__image-placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1.5;text-align:center}.ai-coord-page__clothes-grid{grid-gap:var(--spacing-sm);align-content:center;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);height:100%;padding:var(--spacing-sm);width:100%}.ai-coord-page__clothes-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);transition:transform var(--transition-fast)}.ai-coord-page__clothes-item:active{transform:scale(.98)}.ai-coord-page__clothes-item img{aspect-ratio:1;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);object-fit:cover;width:100%}.ai-coord-page__clothes-name{color:var(--color-text-secondary);font-size:var(--font-size-xs);max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ai-coord-page__used-clothes{margin-bottom:var(--spacing-md)}.ai-coord-page__used-clothes-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.ai-coord-page__used-clothes-list{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs)}.ai-coord-page__used-clothes-list::-webkit-scrollbar{display:none}.ai-coord-page__used-clothes-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs)}.ai-coord-page__used-clothes-item img{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);height:60px;object-fit:cover;width:60px}.ai-coord-page__used-clothes-item span{color:var(--color-text-secondary);font-size:var(--font-size-xs);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-coord-page__indicators{display:flex;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md)}.ai-coord-page__indicator{background-color:var(--color-border);border-radius:50%;height:8px;transition:all var(--transition-fast);width:8px}.ai-coord-page__indicator--active{background-color:var(--color-primary)}.ai-coord-page__comment{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.ai-coord-page__comment p{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.ai-coord-page__actions{align-items:center;display:flex;justify-content:end;padding-right:var(--spacing-sm)}.ai-coord-page__feedback-btns{display:flex;gap:var(--spacing-sm)}.ai-coord-page__feedback-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.ai-coord-page__feedback-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.ai-coord-page__share-btn{align-items:center;background:none;border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.ai-coord-page__share-btn:hover{background-color:var(--color-primary);color:#fff}.ai-coord-page__bottom-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-coord-page__action-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md);transition:background-color var(--transition-fast)}.ai-coord-page__action-btn:hover{background-color:var(--color-bg-tertiary)}.feed-detail-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.feed-detail-page__loading{align-items:center;display:flex;flex:1 1;justify-content:center}.feed-detail-page__content{flex:1 1;padding-bottom:80px}.feed-detail-page__author{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md)}.feed-detail-page__author-info{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.feed-detail-page__avatar{border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.feed-detail-page__avatar img{height:100%;object-fit:cover;width:100%}.feed-detail-page__avatar-placeholder{background-color:var(--color-bg-tertiary);height:100%;width:100%}.feed-detail-page__nickname{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.feed-detail-page__image-section{position:relative}.feed-detail-page__image-container{aspect-ratio:1/1;background-color:var(--color-bg-tertiary);position:relative;width:100%}.feed-detail-page__image{height:100%;object-fit:cover;width:100%}.feed-detail-page__image-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.feed-detail-page__image-nav{align-items:center;background-color:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:1}.feed-detail-page__image-nav--prev{left:var(--spacing-md)}.feed-detail-page__image-nav--next{right:var(--spacing-md)}.feed-detail-page__image-indicators{bottom:var(--spacing-md);display:flex;gap:var(--spacing-xs);left:50%;position:absolute;transform:translateX(-50%)}.feed-detail-page__image-indicator{background-color:#ffffff80;border-radius:50%;height:8px;width:8px}.feed-detail-page__image-indicator--active{background-color:#fff}.feed-detail-page__actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.feed-detail-page__action-btn{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:center}.feed-detail-page__action-btn--liked{color:var(--color-like)}.feed-detail-page__likes{cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:0 var(--spacing-md)}.feed-detail-page__body{line-height:var(--line-height-relaxed);padding:var(--spacing-sm) var(--spacing-md)}.feed-detail-page__body-author{font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs)}.feed-detail-page__body-content{color:var(--color-text-primary)}.feed-detail-page__clothes{border-top:1px solid var(--color-border-light);padding:var(--spacing-md)}.feed-detail-page__clothes-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.feed-detail-page__clothes-list{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);overflow-x:auto}.feed-detail-page__clothes-item{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);width:80px}.feed-detail-page__clothes-image{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);height:80px;overflow:hidden;width:80px}.feed-detail-page__clothes-image img{height:100%;object-fit:cover;width:100%}.feed-detail-page__clothes-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);height:100%;justify-content:center;width:100%}.feed-detail-page__clothes-name{color:var(--color-text-secondary)}.feed-detail-page__clothes-name,.feed-detail-page__clothes-price{font-size:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.feed-detail-page__clothes-price,.feed-detail-page__time{color:var(--color-text-tertiary)}.feed-detail-page__time{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.feed-detail-page__comments{border-top:1px solid var(--color-border-light);padding:var(--spacing-md)}.feed-detail-page__comments-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.feed-detail-page__comment{margin-bottom:var(--spacing-md)}.feed-detail-page__comment-main{display:flex;gap:var(--spacing-sm)}.feed-detail-page__comment-avatar{border-radius:50%;cursor:pointer;flex-shrink:0;height:32px;overflow:hidden;width:32px}.feed-detail-page__comment-avatar--small{height:24px;width:24px}.feed-detail-page__comment-avatar img{height:100%;object-fit:cover;width:100%}.feed-detail-page__comment-avatar-placeholder{background-color:var(--color-bg-tertiary);height:100%;width:100%}.feed-detail-page__comment-content{flex:1 1;min-width:0;overflow-wrap:break-word}.feed-detail-page__comment-header{line-height:var(--line-height-normal)}.feed-detail-page__comment-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs)}.feed-detail-page__comment-text{color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word}.feed-detail-page__comment-meta{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-md);margin-top:var(--spacing-xs)}.feed-detail-page__comment-meta button{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-xs)}.feed-detail-page__comment-meta button:hover{color:var(--color-text-secondary)}.feed-detail-page__replies{flex-direction:column;margin-left:40px;margin-top:var(--spacing-sm)}.feed-detail-page__replies,.feed-detail-page__reply{display:flex;gap:var(--spacing-sm)}.feed-detail-page__comment-input{background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-light);bottom:var(--bottom-nav-height);left:0;position:fixed;right:0;z-index:var(--z-fixed)}@media (min-width:430px){.feed-detail-page__comment-input{left:50%;max-width:var(--max-width-app);transform:translateX(-50%);width:100%}}.feed-detail-page__reply-indicator{align-items:center;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.feed-detail-page__reply-indicator button{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-xs)}.feed-detail-page__comment-input-row{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.feed-detail-page__comment-input-row input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);flex:1 1;font-size:var(--font-size-sm);height:40px;padding:0 var(--spacing-md)}.feed-detail-page__comment-input-row input:focus{border-color:var(--color-primary);outline:none}.feed-detail-page__likes-list{display:flex;flex-direction:column}.feed-detail-page__likes-item{cursor:pointer;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.feed-detail-page__likes-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.feed-detail-page__likes-avatar img{height:100%;object-fit:cover;width:100%}.feed-detail-page__likes-avatar-placeholder{background-color:var(--color-bg-tertiary);height:100%;width:100%}.feed-detail-page__view-replies{background:none;border:none;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:block;font-size:13px;font-weight:500;margin-left:48px;margin-top:8px;padding:0}.feed-detail-page__view-replies:hover{color:#1c1e21;color:var(--text-primary,#1c1e21)}.feed-detail-page__view-replies:disabled{color:#8a8d91;color:var(--text-tertiary,#8a8d91);cursor:not-allowed}.feed-detail-page__comments-empty{color:#65676b;color:var(--text-secondary,#65676b);font-size:14px;padding:24px 16px;text-align:center}.feed-detail-page__comments-end{min-height:1px}.feed-detail-page__comments-loading{align-items:center;display:flex;justify-content:center;padding:var(--spacing-md)}.feed-detail-page__likes-item{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.feed-detail-page__likes-user-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.feed-detail-page__likes-empty{align-items:center;color:#999;display:flex;font-size:14px;justify-content:center;padding:40px 0}.feed-detail-page__dm-list{display:flex;flex-direction:column}.feed-detail-page__dm-empty,.feed-detail-page__dm-loading{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);justify-content:center;padding:40px 0}.feed-detail-page__dm-room{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.feed-detail-page__dm-room:hover{background-color:var(--color-bg-secondary)}.feed-detail-page__dm-avatar{background-color:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.feed-detail-page__dm-avatar img{height:100%;object-fit:cover;width:100%}.feed-detail-page__dm-avatar-placeholder{background-color:var(--color-bg-tertiary);height:100%;width:100%}.feed-detail-page__dm-nickname{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.feed-create-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.feed-create-page__loading{align-items:center;display:flex;flex:1 1;justify-content:center}.feed-create-page__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.feed-create-page__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feed-create-page__label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.feed-create-page__images{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm)}.feed-create-page__images::-webkit-scrollbar{height:4px}.feed-create-page__image-add{align-items:center;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:100px;justify-content:center;transition:all var(--transition-fast);width:100px}.feed-create-page__image-add:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.feed-create-page__image-item{border-radius:var(--radius-md);flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.feed-create-page__image-item img{height:100%;object-fit:cover;width:100%}.feed-create-page__image-remove{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.feed-create-page__image-main{background-color:var(--color-primary);border-radius:var(--radius-sm);bottom:4px;color:#fff;font-size:10px;font-weight:var(--font-weight-medium);left:4px;padding:2px 8px;position:absolute}.feed-create-page__textarea{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);line-height:1.5;min-height:120px;padding:var(--spacing-md);resize:none;width:100%}.feed-create-page__textarea:focus{border-color:var(--color-primary);outline:none}.feed-create-page__textarea::placeholder{color:var(--color-text-tertiary)}.feed-create-page__clothes-header{align-items:center;display:flex;justify-content:space-between}.feed-create-page__clothes-add-btn{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.feed-create-page__clothes-list{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm) 0}.feed-create-page__clothes-list::-webkit-scrollbar{display:none}.feed-create-page__clothes-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);position:relative}.feed-create-page__clothes-image{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);height:60px;overflow:hidden;width:60px}.feed-create-page__clothes-image img{height:100%;object-fit:cover;width:100%}.feed-create-page__clothes-info{align-items:center;display:flex;flex-direction:column;gap:2px}.feed-create-page__clothes-name{color:var(--color-text-primary);font-size:var(--font-size-xs);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-create-page__clothes-price{color:var(--color-text-tertiary);font-size:10px}.feed-create-page__clothes-remove{align-items:center;background-color:var(--color-text-tertiary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.feed-create-page__clothes-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-md) 0}.feed-create-page__clothes-placeholder{align-items:center;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);height:100%;justify-content:center;width:100%}.feed-create-page__clothes-modal{display:flex;flex-direction:column;height:60vh;max-height:500px}.feed-create-page__clothes-categories{-webkit-overflow-scrolling:touch;display:flex;flex-shrink:0;gap:var(--spacing-xs);overflow-x:auto;padding:var(--spacing-sm) 0}.feed-create-page__clothes-categories::-webkit-scrollbar{display:none}.feed-create-page__clothes-category{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.feed-create-page__clothes-category:hover{background-color:var(--color-bg-tertiary)}.feed-create-page__clothes-category--active,.feed-create-page__clothes-category--active:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.feed-create-page__clothes-grid-container{flex:1 1;overflow-y:auto;padding:var(--spacing-sm) 0}.feed-create-page__clothes-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.feed-create-page__clothes-grid-item{border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:transform var(--transition-fast)}.feed-create-page__clothes-grid-item:active{transform:scale(.98)}.feed-create-page__clothes-grid-image{background-color:var(--color-bg-tertiary);padding-top:100%;position:relative;width:100%}.feed-create-page__clothes-grid-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.feed-create-page__clothes-grid-item--selected .feed-create-page__clothes-grid-image:after{background-color:rgba(var(--color-primary-rgb),.3);border:2px solid var(--color-primary);border-radius:var(--radius-md);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.feed-create-page__clothes-grid-check{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.feed-create-page__clothes-loading{align-items:center;display:flex;height:200px;justify-content:center}.feed-create-page__clothes-loading-more{align-items:center;display:flex;justify-content:center;padding:var(--spacing-md)}.feed-create-page__clothes-empty-state{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);height:200px;justify-content:center}.feed-create-page__clothes-modal-footer{display:flex;flex-shrink:0;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.feed-create-page__clothes-modal-footer>*{flex:1 1}.my-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.my-page__content{flex:1 1;padding:var(--spacing-md)}.my-page__profile{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-page__avatar{background-color:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}.my-page__avatar img{object-fit:cover}.my-page__avatar img,.my-page__avatar-placeholder{height:100%;width:100%}.my-page__info{flex:1 1}.my-page__info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.my-page__nickname{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:0}.my-page__stats{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.my-page__buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.my-page__btn{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.my-page__btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.--following{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-text-inverse)}.--following:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-text-inverse)}.my-page__feeds{margin-top:var(--spacing-md)}.my-page__feeds-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.my-page__feeds-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-md);height:200px;justify-content:center}.my-page__feeds-empty button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}.my-page__feeds-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.my-page__feed-card{border-radius:var(--radius-sm);cursor:pointer;overflow:hidden}.my-page__feed-image{background-color:var(--color-bg-tertiary);padding-top:100%;position:relative;width:100%}.my-page__feed-image img{object-fit:cover}.my-page__feed-image img,.my-page__feed-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.my-page__feed-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);justify-content:center}.my-page__feed-count{background-color:#0009;border-radius:var(--radius-sm);color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:4px;top:4px}.my-page__feed-stats{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);padding:var(--spacing-xs)}.my-page__feed-stats span{align-items:center;display:flex;gap:2px}.my-page__btn--follow{background-color:#3897f0;border:none;color:#fff}.my-page__btn--following{background-color:#efefef;border:1px solid #dbdbdb;color:#262626}.follow-modal__list{max-height:400px;overflow-y:auto}.follow-modal__empty,.follow-modal__loading{align-items:center;color:#999;display:flex;font-size:14px;justify-content:center;padding:40px 0}.follow-modal__item{align-items:center;display:flex;justify-content:space-between;padding:10px 16px}.follow-modal__user-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:0}.follow-modal__avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.follow-modal__avatar img{height:100%;object-fit:cover;width:100%}.follow-modal__avatar-placeholder{background-color:#e0e0e0;border-radius:50%;height:100%;width:100%}.follow-modal__nickname{color:#262626;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-modal__load-more{background:none;border:none;color:#3897f0;cursor:pointer;display:block;font-size:14px;padding:12px;text-align:center;width:100%}.follow-modal__load-more:disabled{color:#999;cursor:not-allowed}.my-page__stats span[style*=cursor]{text-decoration:none}.my-page__stats span[style*=cursor]:hover{opacity:.7}.follow-modal__tabs{display:flex;margin-bottom:4px}.follow-modal__tab{background:none;border:none;color:#999;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:0 0 10px;position:relative;transition:color .2s}.follow-modal__tab--active{color:#262626;font-weight:600}.follow-modal__tab--active:after{background-color:#262626;bottom:0;content:"";height:2px;left:20%;position:absolute;right:20%}.other-closet-list-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.other-closet-list-page__categories{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-md);scrollbar-width:none}.other-closet-list-page__categories::-webkit-scrollbar{display:none}.other-closet-list-page__category{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.other-closet-list-page__category:hover{background-color:var(--color-bg-tertiary)}.other-closet-list-page__category--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.other-closet-list-page__content{flex:1 1;padding:var(--spacing-md)}.other-closet-list-page__empty{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-md);height:200px;justify-content:center}.other-closet-list-page__grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.other-closet-list-page__item{border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:transform var(--transition-fast)}.other-closet-list-page__item:active{transform:scale(.98)}.other-closet-list-page__item-image{background-color:var(--color-bg-tertiary);padding-top:100%;position:relative;width:100%}.other-closet-list-page__item-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.other-closet-list-page__item-placeholder{align-items:center;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.other-closet-detail-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.other-closet-detail-page__empty,.other-closet-detail-page__loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex:1 1;justify-content:center;min-height:300px}.other-closet-detail-page__image-section{background-color:var(--color-bg-tertiary);position:relative;width:100%}.other-closet-detail-page__image{padding-top:100%;position:relative;width:100%}.other-closet-detail-page__image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.other-closet-detail-page__image-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.other-closet-detail-page__nav{align-items:center;background-color:#fffc;border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px}.other-closet-detail-page__nav--prev{left:var(--spacing-sm)}.other-closet-detail-page__nav--next{right:var(--spacing-sm)}.other-closet-detail-page__dots{bottom:var(--spacing-sm);display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.other-closet-detail-page__dot{background-color:#ffffff80;border-radius:50%;height:6px;width:6px}.other-closet-detail-page__dot--active{background-color:#fff}.other-closet-detail-page__info{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.other-closet-detail-page__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.other-closet-detail-page__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.other-closet-detail-page__value{color:var(--color-text-primary);font-size:var(--font-size-md)}.other-closet-detail-page__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.other-closet-detail-page__tag{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.other-closet-detail-page__tag--style{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.mypage-edit{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.mypage-edit__content{flex:1 1;padding:var(--spacing-lg)}.mypage-edit__account{display:flex;flex-direction:column}.mypage-edit__account-btn{background:none;border:none;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-md);text-align:left;transition:background-color var(--transition-fast);width:100%}.mypage-edit__account-btn:hover{background-color:var(--color-bg-secondary)}.mypage-edit__account-btn--danger{color:var(--color-error)}.clothes-upload-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.clothes-upload-page__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.clothes-upload-page__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.clothes-upload-page__label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.clothes-upload-page__required{color:var(--color-error)}.clothes-upload-page__label-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.clothes-upload-page__hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.clothes-upload-page__images{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clothes-upload-page__image-add{align-items:center;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:100px;justify-content:center;transition:all var(--transition-fast);width:100px}.clothes-upload-page__image-add:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.clothes-upload-page__image-item{border-radius:var(--radius-md);flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.clothes-upload-page__image-item img{height:100%;object-fit:cover;width:100%}.clothes-upload-page__image-remove{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.clothes-upload-page__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl)}.clothes-upload-page__carousel{align-items:center;display:flex;gap:var(--spacing-sm)}.clothes-upload-page__nav-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.clothes-upload-page__nav-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.clothes-upload-page__nav-btn:disabled{cursor:not-allowed;opacity:.3}.clothes-upload-page__slide{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.clothes-upload-page__image-container{align-items:center;aspect-ratio:1;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:center;max-width:300px;overflow:hidden;position:relative;width:100%}.clothes-upload-page__main-image{height:100%;object-fit:cover;width:100%}.clothes-upload-page__image-failed,.clothes-upload-page__image-loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);text-align:center}.clothes-upload-page__image-failed span{color:var(--color-error);font-weight:var(--font-weight-medium)}.clothes-upload-page__image-failed p{font-size:var(--font-size-sm)}.clothes-upload-page__analyzing-overlay{align-items:center;background-color:#0009;bottom:0;color:#fff;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);justify-content:center;left:0;padding:var(--spacing-sm);position:absolute;right:0}.clothes-upload-page__indicators{display:flex;gap:var(--spacing-xs)}.clothes-upload-page__indicator{background-color:var(--color-border);border-radius:50%;cursor:pointer;height:8px;transition:all var(--transition-fast);width:8px}.clothes-upload-page__indicator--active{background-color:var(--color-primary);border-radius:4px;width:8px}.clothes-upload-page__indicator--saved{background-color:var(--color-success)}.clothes-upload-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.clothes-upload-page__row{display:flex;gap:var(--spacing-sm)}.clothes-upload-page__select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-md);height:48px;padding:0 var(--spacing-md)}.clothes-upload-page__select:focus{border-color:var(--color-primary);outline:none}.clothes-upload-page__categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clothes-upload-page__category-btn{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.clothes-upload-page__category-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.clothes-upload-page__category-btn--active,.clothes-upload-page__category-btn--active:hover{background-color:rgba(var(--color-primary-rgb),.1);background-color:var(--color-primary-light,rgba(var(--color-primary-rgb),.1));border-color:var(--color-primary);color:#fff}.clothes-upload-page__tags-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.clothes-upload-page__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clothes-upload-page__tag{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.clothes-upload-page__tag--readonly{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.clothes-upload-page__tag-remove{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:0}.clothes-upload-page__tag-remove:hover{color:var(--color-error)}.clothes-upload-page__tag-input-wrapper{align-items:center;display:flex;gap:var(--spacing-xs)}.clothes-upload-page__tag-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);height:32px;padding:0 var(--spacing-sm);width:80px}.clothes-upload-page__tag-input:focus{border-color:var(--color-primary);outline:none}.clothes-upload-page__tag-add{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.clothes-upload-page__tag-add:hover{background-color:var(--color-bg-tertiary)}.clothes-upload-page__empty-tags{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.clothes-upload-page__action{margin-top:var(--spacing-md);padding-bottom:var(--spacing-lg)}.clothes-upload-page__saved-message{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl);text-align:center}.clothes-upload-page__saved-message span{color:var(--color-success);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.clothes-upload-page__saved-message p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.clothes-upload-page__analyzing-message{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg);text-align:center}.clothes-upload-page__analyzing-message p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.clothes-upload-page__source-header{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:12px;margin-bottom:12px;padding:12px 16px}.clothes-upload-page__source-info{align-items:center;display:flex;gap:12px}.clothes-upload-page__source-thumbnail{border-radius:8px;height:48px;object-fit:cover;width:48px}.clothes-upload-page__source-text{display:flex;flex-direction:column;gap:4px}.clothes-upload-page__source-label{font-size:14px;font-weight:600}.clothes-upload-page__source-badge{color:#666;color:var(--text-secondary,#666);font-size:12px}.clothes-upload-page__source-badge--failed{color:#e53e3e;color:var(--color-error,#e53e3e);font-weight:600}.clothes-upload-page__source-badge--processing{color:#3182ce;color:var(--color-primary,#3182ce)}.clothes-upload-page__main-image--dimmed{opacity:.3}.clothes-upload-page__image-failed,.clothes-upload-page__image-loading{position:relative}.clothes-upload-page__image-failed-overlay,.clothes-upload-page__image-loading-overlay{align-items:center;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.clothes-upload-page__indicator-group{align-items:center;display:flex;gap:6px}.clothes-upload-page__indicator-divider{background:#ddd;background:var(--border-color,#ddd);height:12px;margin:0 4px;width:1px}.clothes-upload-page__indicator--failed{background:#e53e3e!important;background:var(--color-error,#e53e3e)!important}.clothes-edit-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.clothes-edit-page__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.clothes-edit-page__loading{align-items:center;display:flex;flex:1 1;justify-content:center}.clothes-edit-page__image-section{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.clothes-edit-page__image{border-radius:var(--radius-lg);height:200px;object-fit:cover;width:200px}.clothes-edit-page__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.clothes-edit-page__label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.clothes-edit-page__required{color:var(--color-error)}.clothes-edit-page__label-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.clothes-edit-page__row{display:flex;gap:var(--spacing-sm)}.clothes-edit-page__select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-md);height:48px;padding:0 var(--spacing-md)}.clothes-edit-page__select:focus{border-color:var(--color-primary);outline:none}.clothes-edit-page__categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clothes-edit-page__category-btn{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.clothes-edit-page__category-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.clothes-edit-page__category-btn--active,.clothes-edit-page__category-btn--active:hover{background-color:rgba(var(--color-primary-rgb),.1);background-color:var(--color-primary-light,rgba(var(--color-primary-rgb),.1));border-color:var(--color-primary);color:#fff}.clothes-edit-page__tags-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.clothes-edit-page__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.clothes-edit-page__tag{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.clothes-edit-page__tag--readonly{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.clothes-edit-page__tag-remove{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:0}.clothes-edit-page__tag-remove:hover{color:var(--color-error)}.clothes-edit-page__tag-input-wrapper{align-items:center;display:flex;gap:var(--spacing-xs)}.clothes-edit-page__tag-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);height:32px;padding:0 var(--spacing-sm);width:80px}.clothes-edit-page__tag-input:focus{border-color:var(--color-primary);outline:none}.clothes-edit-page__tag-add{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.clothes-edit-page__tag-add:hover{background-color:var(--color-bg-tertiary)}.clothes-edit-page__empty-tags{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.dm-list-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.dm-list-page__empty,.dm-list-page__loading{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px 0}.dm-list-page__empty{color:var(--color-text-tertiary);font-size:var(--font-size-md)}.dm-list-page__list{flex:1 1;overflow-y:auto}.dm-list-page__room{align-items:center;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:background-color var(--transition-fast)}.dm-list-page__room:active{background-color:var(--color-bg-secondary)}.dm-list-page__room-avatar{background-color:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.dm-list-page__room-avatar img{height:100%;object-fit:cover;width:100%}.dm-list-page__room-avatar-placeholder{background-color:var(--color-bg-tertiary);height:100%;width:100%}.dm-list-page__room-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.dm-list-page__room-top{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.dm-list-page__room-nickname{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-list-page__room-time{color:var(--color-text-tertiary);flex-shrink:0;font-size:var(--font-size-xs)}.dm-list-page__room-bottom{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.dm-list-page__room-preview{color:var(--color-text-tertiary);flex:1 1;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-list-page__room-badge{align-items:center;background-color:var(--color-like);border-radius:var(--radius-full);color:var(--color-text-inverse);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:20px;justify-content:center;min-width:20px;padding:0 6px}.dm-list-page__scroll-trigger{display:flex;justify-content:center;padding:var(--spacing-md)}.dm-chat-page{flex-direction:column;height:calc(100dvh - var(--bottom-nav-height));position:relative}.dm-chat-page,.dm-chat-page__header{background-color:var(--color-bg-primary);display:flex}.dm-chat-page__header{align-items:center;border-bottom:1px solid var(--color-border-light);gap:var(--spacing-sm);height:var(--header-height);padding:0 var(--spacing-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.dm-chat-page__header-back{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dm-chat-page__header-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.dm-chat-page__header-avatar{background-color:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.dm-chat-page__header-avatar img{height:100%;object-fit:cover;width:100%}.dm-chat-page__header-avatar-placeholder{background-color:var(--color-bg-tertiary);height:100%;width:100%}.dm-chat-page__header-nickname{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-chat-page__header-right{flex-shrink:0;position:relative}.dm-chat-page__header-menu-btn{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.dm-chat-page__dropdown{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:140px;overflow:hidden;position:absolute;right:0;top:44px;z-index:var(--z-dropdown)}.dm-chat-page__dropdown-item{background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;width:100%}.dm-chat-page__dropdown-item:hover{background-color:var(--color-bg-secondary)}.dm-chat-page__dropdown-item--danger{color:var(--color-error)}.dm-chat-page__messages-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.dm-chat-page__messages{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;overflow-y:auto;padding:var(--spacing-md)}.dm-chat-page__new-message-badge{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-full);bottom:12px;box-shadow:var(--shadow-md);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:4px;left:50%;padding:7px 16px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:var(--z-overlay)}.dm-chat-page__loading{align-items:center;display:flex;height:100%;justify-content:center}.dm-chat-page__loading-more{display:flex;justify-content:center;padding:var(--spacing-sm) 0}.dm-chat-page__bubble-wrap{display:flex;flex-direction:column;max-width:80%}.dm-chat-page__bubble-wrap--mine{align-items:flex-end;align-self:flex-end}.dm-chat-page__bubble-wrap--theirs{align-items:flex-start;align-self:flex-start}.dm-chat-page__bubble{border-radius:var(--radius-lg);max-width:100%;padding:var(--spacing-sm) var(--spacing-md);word-break:break-word}.dm-chat-page__bubble--mine{background-color:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:var(--color-text-inverse)}.dm-chat-page__bubble--theirs{background-color:var(--color-bg-tertiary);border-bottom-left-radius:var(--radius-sm);color:var(--color-text-primary)}.dm-chat-page__bubble-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.dm-chat-page__bubble--image{background:none!important;border-radius:0!important;padding:0!important}.dm-chat-page__bubble-images{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;width:248px}.dm-chat-page__bubble-image{border-radius:var(--radius-md);cursor:pointer;display:block;flex:1 1;height:120px;min-width:0;object-fit:cover}.dm-chat-page__bubble-images--1 .dm-chat-page__bubble-image{height:200px}.dm-chat-page__bubble-image-error{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;flex:1 1;font-size:var(--font-size-xl);height:120px;justify-content:center;min-width:0}.dm-chat-page__image-modal{align-items:center;background-color:#000000e0;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.dm-chat-page__image-modal-close{align-items:center;background-color:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;width:36px}.dm-chat-page__image-modal-img{border-radius:var(--radius-md);max-height:82vh;max-width:90vw;object-fit:contain}.dm-chat-page__image-modal-next,.dm-chat-page__image-modal-prev{align-items:center;background-color:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:30px;height:44px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);width:44px}.dm-chat-page__image-modal-prev{left:16px}.dm-chat-page__image-modal-next{right:16px}.dm-chat-page__bubble--feed{background:none!important;border-radius:0!important;padding:0!important}.dm-chat-page__bubble-feed-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;width:240px}.dm-chat-page__bubble-feed-author{align-items:center;display:flex;gap:6px;padding:8px 10px}.dm-chat-page__bubble-feed-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.dm-chat-page__bubble-feed-avatar-placeholder{background-color:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0;height:28px;width:28px}.dm-chat-page__bubble-feed-nickname{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-chat-page__bubble-feed-thumb{display:block;height:200px;object-fit:cover;width:100%}.dm-chat-page__bubble-feed-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:0;overflow:hidden;padding:8px 10px 4px}.dm-chat-page__bubble-feed-skeleton{background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);height:280px;width:240px}.dm-chat-page__bubble-meta{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:2px}.dm-chat-page__bubble-meta--mine{flex-direction:row-reverse}.dm-chat-page__time{color:var(--color-text-tertiary);font-size:11px}.dm-chat-page__status{font-size:11px}.dm-chat-page__status--sending{color:var(--color-text-tertiary)}.dm-chat-page__status--failed{align-items:center;display:flex;gap:4px}.dm-chat-page__delete-btn,.dm-chat-page__retry-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:11px;padding:2px 4px}.dm-chat-page__retry-btn{color:var(--color-info)}.dm-chat-page__delete-btn{color:var(--color-error)}.dm-chat-page__input-bar{align-items:center;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.dm-chat-page__image-btn{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dm-chat-page__text-input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);flex:1 1;font-size:var(--font-size-sm);outline:none;padding:var(--spacing-sm) var(--spacing-md)}.dm-chat-page__text-input:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary)}.dm-chat-page__send-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;color:var(--color-text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:opacity var(--transition-fast);width:40px}.dm-chat-page__send-btn:disabled{cursor:not-allowed;opacity:.4}.ai-shop-page{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100%}.ai-shop-page__content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.ai-shop-page__tabs{border-bottom:1px solid var(--color-border);display:flex;margin-bottom:var(--spacing-sm)}.ai-shop-page__tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-tertiary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-xs);transition:all var(--transition-fast);white-space:nowrap}.ai-shop-page__tab--active{border-bottom-color:var(--color-primary);color:var(--color-text-primary);cursor:default;font-weight:var(--font-weight-semibold)}.ai-shop-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-align:center}.ai-shop-page__search-input-wrapper{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);display:flex;padding:var(--spacing-sm) var(--spacing-md)}.ai-shop-page__search-input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-md);outline:none}.ai-shop-page__search-input::placeholder{color:var(--color-text-placeholder)}.ai-shop-page__search-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;color:var(--color-text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:opacity var(--transition-fast);width:32px}.ai-shop-page__search-btn:disabled{cursor:not-allowed;opacity:.4}.ai-shop-page__loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-2xl) 0;text-align:center}.ai-shop-page__loading-text{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0}.ai-shop-page__loading-sub{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.ai-shop-page__error{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl) 0;text-align:center}.ai-shop-page__error-message{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.ai-shop-page__error-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.ai-shop-page__summary{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.ai-shop-page__summary p{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.ai-shop-page__card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm)}.ai-shop-page__carousel{align-items:center;display:flex;gap:var(--spacing-xs)}.ai-shop-page__nav-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.ai-shop-page__nav-btn--disabled{cursor:not-allowed;opacity:.3}.ai-shop-page__outfit-container{flex:1 1;min-width:0}.ai-shop-page__feedback-btns{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.ai-shop-page__feedback-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.ai-shop-page__feedback-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.ai-shop-page__product-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-shop-page__product-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.ai-shop-page__product-item{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color var(--transition-fast)}.ai-shop-page__product-item:active,.ai-shop-page__product-item:hover{background-color:var(--color-bg-tertiary)}.ai-shop-page__product-grid .ai-shop-page__product-item{align-items:flex-start;flex-direction:column}.ai-shop-page__product-img{background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;height:60px;object-fit:cover;width:60px}.ai-shop-page__product-grid .ai-shop-page__product-img{height:80px;width:100%}.ai-shop-page__product-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ai-shop-page__product-name{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-shop-page__product-name,.ai-shop-page__product-price{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:0}.ai-shop-page__product-price{font-weight:var(--font-weight-semibold)}.ai-shop-page__product-brand{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-shop-page__indicators{display:flex;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md);padding-bottom:var(--spacing-xs)}.ai-shop-page__indicator{background-color:var(--color-border);border-radius:50%;height:8px;transition:all var(--transition-fast);width:8px}.ai-shop-page__indicator--active{background-color:var(--color-primary)}.ai-shop-page__bottom-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-shop-page__action-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md);transition:background-color var(--transition-fast);width:100%}.ai-shop-page__action-btn:hover{background-color:var(--color-bg-tertiary)}.ai-coord-page__outfit-image{border-radius:12px;height:auto;object-fit:cover;padding:0 20px;width:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{line-height:var(--line-height-normal);min-height:100vh;text-rendering:optimizeSpeed}ol,ul{list-style:none}a{color:inherit;text-decoration:none}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{background:none;border:none;color:inherit;font:inherit;outline:none}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--color-primary:#1a1a1a;--color-primary-light:#333;--color-primary-dark:#000;--color-secondary:#666;--color-secondary-light:#888;--color-secondary-dark:#444;--color-accent:#1a1a1a;--color-accent-hover:#333;--color-accent-active:#000;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#eee;--color-bg-overlay:#00000080;--color-bg-modal:#0006;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-placeholder:#aaa;--color-text-inverse:#fff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-border-dark:#ccc;--color-success:#4caf50;--color-error:#f44336;--color-warning:#ff9800;--color-info:#2196f3;--color-like:#ff4757;--color-like-active:#ff6b7a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--max-width-app:430px;--bottom-nav-height:60px;--header-height:56px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular)}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.truncate,.visually-hidden{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.truncate-2{-webkit-line-clamp:2}.truncate-2,.truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.6e993ddd.css.map*/