.beauty-chat{--chat-gutter:clamp(12px,3vw,20px);--chat-column-max:min(1040px,calc(100vw - var(--sidebar-width) - 1.5rem));--chat-message-max:min(88%,720px);--chat-welcome-max:min(36rem,92vw);--chat-font-size:var(--sidebar-list-font-size);display:flex;flex-direction:column;height:100%;width:100%;max-width:var(--chat-column-max);margin:0 auto;padding-top:calc(var(--top-controls-inset) + var(--icon-btn-size) + var(--top-controls-gap) * .5);overflow:hidden;background:transparent;font-size:var(--chat-font-size);color:var(--text);transition:max-width .35s ease,padding-top .35s ease}.beauty-chat__messages{flex:1;padding:clamp(4px,1vw,8px) var(--chat-gutter) clamp(8px,1.5vw,12px);display:flex;flex-direction:column;gap:clamp(8px,1.5vw,14px);min-height:0}html:not([data-chat-empty=false]):not([data-input-mode=findLook]) .beauty-chat__messages,html[data-chat-empty=true]:not([data-input-mode=findLook]) .beauty-chat__messages,html[data-input-mode=findLook] .beauty-chat__messages{overflow:hidden;justify-content:center;align-items:center}html[data-chat-empty=false] .beauty-chat__messages{overflow-y:auto;justify-content:flex-start}.beauty-chat__welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(1rem,3vh,2rem) clamp(1rem,4vw,1.5rem);gap:clamp(.75rem,1.5vh,1.25rem);min-height:0}.beauty-chat__welcome--with-input{flex:0 1 auto;width:100%;max-width:100%;padding:0;gap:clamp(.35rem,1vh,.65rem)}.beauty-chat__welcome--with-input .meme-blob--hero{position:relative;top:clamp(-3rem,-5vh,-1.5rem);margin-bottom:clamp(.5rem,1.5vh,1.25rem)}.beauty-chat__welcome--with-input .beauty-chat__welcome-title{font-size:clamp(1.125rem,1.9vw + .35rem,1.4375rem);font-weight:400;letter-spacing:-.01em;margin-bottom:clamp(.75rem,2vh,1.5rem)}.beauty-chat__welcome--with-input .beauty-chat__input-area--embedded{width:100%;max-width:min(38rem,92%);align-self:center}.beauty-chat__input-area--embedded{width:100%;align-self:stretch;padding:0;margin-top:0}.beauty-chat__input-area--embedded .glass-input{width:100%;max-width:none}.beauty-chat__input-area--embedded .input-mode-toggle{align-self:center}.beauty-chat__input-area .glass-input.glass-input--inline,.glass-input--inline{padding:.3125rem .375rem;border-radius:9999px;min-height:2.75rem}.glass-input__inline-row{display:flex;align-items:center;gap:.25rem;width:100%}.glass-input__inline-row--multiline{align-items:flex-end}.glass-input--inline .glass-input__inline-field.chat-input-textarea{flex:1;min-width:0;min-height:1.2em;max-height:calc(1.2em * 5);padding:.125rem .375rem;overflow-y:hidden;resize:none}.beauty-chat__input-area .glass-input.glass-input--inline .chat-input-textarea{min-height:1.2em;max-height:calc(1.2em * 5)}.glass-input--inline .glass-input__inline-btn{flex-shrink:0;width:2rem;height:2rem;min-width:2rem;padding:0;border:none;background:transparent;box-shadow:none;backdrop-filter:none}.glass-input--inline .glass-input__inline-btn:hover:not(:disabled){background:rgba(0,0,0,.04)}.glass-input--inline .glass-input__inline-btn.glass-btn-primary{background:#111;border:none;color:#fff;box-shadow:none}.glass-input--inline .glass-input__inline-btn.glass-btn-primary:hover:not(:disabled){background:#222;opacity:1}.glass-input--inline .glass-input__inline-btn.glass-btn-primary:disabled{background:rgba(0,0,0,.12);color:hsla(0,0%,100%,.7)}.beauty-chat__welcome-title{font-size:clamp(1rem,2vw + .3rem,1.375rem);font-weight:400;letter-spacing:-.01em;color:var(--text);margin:0;max-width:var(--chat-welcome-max);line-height:1.35;transition:font-size .35s ease}.beauty-chat__welcome-sub{margin:0;max-width:min(var(--chat-welcome-max),90vw);font-size:var(--welcome-sub-size);color:var(--text-muted);line-height:1.6;transition:font-size .35s ease}.beauty-chat__scroll-anchor{position:relative;z-index:12;flex-shrink:0;height:0;width:100%;pointer-events:none}.beauty-chat__scroll-down{position:absolute;left:50%;bottom:.4rem;display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-muted);cursor:pointer;pointer-events:auto;transform:translateX(-50%) translateY(-50%);transition:color .15s ease,opacity .2s ease,transform .15s ease}.beauty-chat__scroll-down:hover{color:var(--text);transform:translateX(-50%) translateY(calc(-50% - 1px))}.beauty-chat__input-area{flex-shrink:0;padding:0 var(--chat-gutter) clamp(10px,2dvh,18px);display:flex;flex-direction:column;align-items:stretch;gap:.625rem;font-size:var(--sidebar-list-font-size)}.input-mode-toggle{display:flex;align-self:center;gap:.25rem;padding:.25rem;border-radius:999px;background:var(--glass-pill-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(1.4)}.input-mode-toggle__btn{border-radius:999px;padding:.4rem .875rem;font-size:var(--chat-font-size);font-weight:600;color:var(--text-muted);transition:background .15s ease,color .15s ease}.input-mode-toggle__btn:hover:not(.input-mode-toggle__btn--active){color:var(--text);background:hsla(0,0%,100%,.12)}.input-mode-toggle__btn--active{color:var(--text);background:var(--glass-pill-active);box-shadow:0 1px 3px rgba(0,0,0,.06)}.beauty-chat[data-find-look-active=true] .beauty-chat__messages{justify-content:flex-start;overflow-y:auto}.beauty-chat[data-findlook-empty=true] .beauty-chat__messages{justify-content:center;align-items:center;overflow:hidden}.find-look__session{display:flex;flex-direction:column;gap:1.5rem;width:100%}.find-look__results,.find-look__turn{display:flex;flex-direction:column;gap:.875rem}.find-look__results{width:100%}.find-look__results-count{font-weight:600;padding:0 .25rem}.find-look__empty,.find-look__results-count{font-size:var(--chat-font-size);color:var(--text-muted)}.find-look__empty{padding:2rem 1.25rem;border-radius:clamp(1rem,2.5vw,1.25rem);line-height:1.6;text-align:center}.find-look__appearance{padding:clamp(.875rem,2vw,1.125rem);border-radius:clamp(1rem,2.5vw,1.25rem)}.find-look__appearance-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.find-look__appearance-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.find-look__celebrity-name{font-size:var(--chat-font-size);font-weight:600;color:var(--text)}.find-look__badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:9999px;font-size:.6875rem;font-weight:500;color:var(--text-muted)}.find-look__products{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.find-look__products::-webkit-scrollbar{display:none}.find-look__delete-entry{font-size:.6875rem;font-weight:500;color:var(--text-faint)}.find-look__delete-entry:hover{color:#ef4444}.beauty-chat__input-area .glass-input{width:100%;max-width:none;padding:clamp(.75rem,2vw,1rem);background:#fff;backdrop-filter:none}.chat-input-textarea{min-height:clamp(2rem,5dvh,2.75rem);max-height:clamp(2.5rem,10dvh,4rem);font-family:inherit}@media (max-width:480px){.chat-input-textarea{min-height:1.875rem;max-height:3rem}}.beauty-chat__image-preview{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem}html[data-chat-empty=false] .beauty-chat__welcome{display:none}.chat-message{display:flex;gap:10px;align-items:flex-start}.chat-message--assistant{flex-direction:column;align-items:flex-start;gap:6px}.chat-message--user{flex-direction:row-reverse}.chat-message__avatar{width:clamp(28px,4vw,32px);height:clamp(28px,4vw,32px);border-radius:50%;background:linear-gradient(135deg,#fff4b8,#cfe0ff);color:var(--text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message__body{display:flex;flex-direction:column;gap:8px;max-width:var(--chat-message-max)}.chat-message--user .chat-message__body{align-items:flex-end}.chat-message__intent-badge{font-size:11px;color:var(--text-muted);background:var(--glass-pill-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px) saturate(1.3);border-radius:20px;padding:2px 8px;align-self:flex-start}.chat-message__bubble{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem 1.25rem 1.25rem .375rem;padding:clamp(10px,2vw,12px) clamp(12px,2.5vw,16px);color:var(--text)}.chat-message--user .chat-message__bubble,.chat-message__bubble{box-shadow:var(--glass-shadow);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.chat-message--user .chat-message__bubble{background:var(--glass-pill-active);border:1px solid var(--glass-border);border-radius:1.25rem 1.25rem .375rem 1.25rem}.chat-message__text{margin:0;font-size:inherit;line-height:1.6;white-space:pre-wrap}.chat-feedback{display:flex;flex-direction:row;gap:.125rem;padding-bottom:.25rem}.chat-feedback__btn{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:50%;color:var(--text-faint);cursor:pointer;transition:color .15s,background .15s}.chat-feedback__btn:hover:not(:disabled){color:var(--text-muted);background:rgba(0,0,0,.05)}.chat-feedback__btn:disabled{cursor:default}.chat-feedback__btn--active-up{color:#22c55e}.chat-feedback__btn--active-down{color:#ef4444}.chat-message__bubble--loading{padding:14px 20px}.loading-dots:after{content:"···";animation:blink 1.2s step-start infinite;color:var(--text-faint);letter-spacing:3px;font-size:12px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.chat-error{text-align:center;font-size:var(--chat-font-size);color:#ef4444;padding:8px}.chat-message__selectable{-moz-user-select:text;user-select:text;-webkit-user-select:text}.selection-reply-toolbar{position:fixed;z-index:40;display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:var(--text);cursor:pointer;transform:translate(-50%,-100%);white-space:nowrap;transition:opacity .15s ease,transform .15s ease}.selection-reply-toolbar:hover{transform:translate(-50%,calc(-100% - 1px))}.selection-reply-toolbar__arrow{color:var(--text-muted);flex-shrink:0}.chat-reply-preview{display:flex;align-items:stretch;gap:.625rem;width:100%;margin-bottom:.5rem;padding:.625rem .75rem;border-radius:1rem}.chat-reply-preview__bar{width:3px;flex-shrink:0;border-radius:9999px;background:linear-gradient(180deg,#f4e6a8,#bcd6f0)}.chat-reply-preview__body{flex:1;min-width:0}.chat-reply-preview__label{margin:0 0 .2rem;font-size:.6875rem;font-weight:600;color:var(--text-faint)}.chat-reply-preview__text{margin:0;font-size:var(--chat-font-size);line-height:1.45;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chat-reply-preview__close{flex-shrink:0;align-self:flex-start;height:1.75rem;width:1.75rem}@media (max-width:640px){.beauty-chat{max-width:100%}}@media (max-height:720px){.beauty-chat__welcome-title{font-size:clamp(1.0625rem,2.2vw + .35rem,1.5rem)}.beauty-chat__welcome-sub{font-size:clamp(.75rem,1vw + .3rem,.875rem);line-height:1.45}.beauty-chat__input-area .glass-input{padding:clamp(.5rem,1.5vw,.75rem)}}.beauty-chat__wizard-area{flex-shrink:0;padding:0 var(--chat-gutter) .5rem}.clarify-wizard{width:100%;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.07);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}.clarify-wizard__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6875rem .875rem .5625rem;border-bottom:1px solid rgba(0,0,0,.06)}.clarify-wizard__title{font-size:var(--chat-font-size);font-weight:600;color:var(--text);flex:1;line-height:1.35}.clarify-wizard__nav{display:flex;align-items:center;gap:.125rem;flex-shrink:0}.clarify-wizard__pager{font-size:.6875rem;color:var(--text-faint);font-variant-numeric:tabular-nums;padding:0 .2rem}.clarify-wizard__nav-btn{width:1.375rem;height:1.375rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.05rem;line-height:1;color:var(--text-muted);transition:color .12s,background .12s;cursor:pointer}.clarify-wizard__nav-btn:hover:not(:disabled){color:var(--text);background:var(--bg,#f5f4f8)}.clarify-wizard__nav-btn:disabled{color:var(--text-faint);opacity:.35;cursor:default}.clarify-wizard__nav-btn--close{margin-left:.125rem}.clarify-wizard__list{display:flex;flex-direction:column}.clarify-wizard__item{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.05);transition:background .1s;cursor:pointer;width:100%}.clarify-wizard__item:hover{background:var(--bg,#f5f4f8)}.clarify-wizard__item-num{font-size:.75rem;font-weight:500;color:var(--text-faint);width:.875rem;flex-shrink:0;text-align:center}.clarify-wizard__item-label{font-size:var(--chat-font-size);color:var(--text);flex:1}.clarify-wizard__item-arrow{font-size:.75rem;color:var(--text-muted);flex-shrink:0;opacity:0;transition:opacity .15s}.clarify-wizard__item:hover .clarify-wizard__item-arrow{opacity:1}.clarify-wizard__item-num--icon{display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.clarify-wizard__item--etc{cursor:text;border-bottom:none}.clarify-wizard__etc-input{flex:1;font-size:.8125rem;color:var(--text);background:transparent;border:none;outline:none;padding:0;min-width:0;cursor:text}.clarify-wizard__etc-input::-moz-placeholder{color:var(--text-muted)}.clarify-wizard__etc-input::placeholder{color:var(--text-muted)}.clarify-wizard__skip-btn{font-size:.6875rem;font-weight:500;color:var(--text-faint);padding:.2rem .5rem;border-radius:5px;border:1px solid rgba(0,0,0,.11);cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .12s,color .12s}.clarify-wizard__skip-btn:hover{background:rgba(0,0,0,.04);color:var(--text-muted)}.beauty-chat .beauty-chat__input-area .glass-input textarea.chat-input-textarea{font-size:var(--sidebar-list-font-size)!important;line-height:1.2!important;letter-spacing:-.01em!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important}.beauty-chat .beauty-chat__input-area .glass-input textarea.chat-input-textarea::-moz-placeholder{font-size:var(--sidebar-list-font-size)!important;line-height:1.2!important;letter-spacing:-.01em!important;opacity:1}.beauty-chat .beauty-chat__input-area .glass-input textarea.chat-input-textarea::placeholder{font-size:var(--sidebar-list-font-size)!important;line-height:1.2!important;letter-spacing:-.01em!important;opacity:1}