:root{--font-primary: 'Inter Tight', system-ui, -apple-system, sans-serif;--font-accent: 'Playfair Display', Georgia, serif;--font-logo: 'Aguafina Script', cursive;--font-breadcrumb: 'Abhaya Libre', Georgia, serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--tracking-tight: -0.01em;--tracking-normal: 0.02em;--tracking-wide: 0.04em;--tracking-wider: 0.10em;--tracking-widest: 0.12em;--leading-tight: 1.3;--leading-normal: 1.4;--leading-relaxed: 1.6;--text-h1: 80px;--text-h1-alt: 96px;--text-h2: 48px;--text-h3: 40px;--text-h4: 32px;--text-h5: 24px;--text-quote: 24px;--text-large: 20px;--text-paragraph: 16px;--text-small: 14px;--text-xs: 12px;--text-tiny: 10px;--color-bg: #F7F7F7;--color-fg: #454545;--color-gray: #85817C;--color-light-gray: #D9D6D4;--color-divider: #F0EDEA;--color-light-blue: #B0C8FF;--color-subtle-gray: #F2F1F0;--color-pure-white: #FFFFFF;--color-accent: #454545;--color-accent-additional: #978E87;--color-green: #93D8A2;--color-light-gray-32: rgba(240, 237, 234, 0.32);--color-light-gray-24: rgba(240, 237, 234, 0.24);--color-warm: #EDE2C4;--color-cold: #A5B7BD;--gradient-accent-start: #D4C4A8;--gradient-accent-end: #F5EFE6;--color-success: #93D8A2;--color-warning: #F5A623;--color-error: #E74C3C;--color-info: #B0C8FF;--color-star: #F59E0B;--bg: var(--color-bg);--fg: var(--color-fg);--gray: var(--color-gray);--divider: var(--color-divider);--accent: var(--color-accent);--accent-additional: var(--color-accent-additional);--pure-white: var(--color-pure-white);--accent-gradient-start: var(--gradient-accent-start);--accent-gradient-end: var(--gradient-accent-end);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.1);--transition-fast: 150ms;--transition-base: 200ms;--transition-slow: 300ms;--z-dropdown: 100;--z-sidebar: 150;--z-modal: 9999;--z-popup: 300;--z-tooltip: 400;--sidebar-width-collapsed: 80px;--sidebar-width-expanded: 240px;--mobile-nav-height: 64px;--mobile-header-height: 4rem;--header-height: 56px;--chat-aside-width: 384px;--breadcrumbs-desktop-height: 3.5rem}@media(max-width: 767px){:root{--text-h1: 45px;--text-h1-alt: 45px;--text-h2: 32px;--text-h3: 28px;--text-h4: 24px;--text-h5: 20px;--text-quote: 20px;--text-large: 18px}}.chat-page-main{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-root{position:absolute;top:0;left:0;width:100%;height:var(--app-height, 100dvh);z-index:0;visibility:hidden;overflow:hidden}.chat-root.chat-root--visible{visibility:visible}.chat-app{position:relative;display:flex;width:100%;height:100%;overflow:hidden}.chat-list-column{position:relative;width:100%;height:100%;overflow:hidden;border-right:1px solid hsla(0,0%,100%,.8)}@media(max-width: 767px){.chat-list-column{height:calc(100% - var(--mobile-nav-height));border-right:none}}@media(min-width: 768px){.chat-list-column{width:40%;min-width:240px;max-width:500px;flex-shrink:0;border-right:1px solid var(--color-divider);transition:width var(--transition-slow) ease-in-out,max-width var(--transition-slow) ease-in-out}}@media(min-width: 768px){body.chat-in-conversation .chat-list-column{width:20%;max-width:320px}}.chat-list-column__content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-and-char-column{position:relative;width:100%;height:100%;overflow:hidden;transition:transform var(--transition-slow) ease-out,opacity var(--transition-slow) ease-out}@media(min-width: 768px){.chat-and-char-column{flex:1;transition:none}}@keyframes chat-content-appear{from{opacity:0}to{opacity:1}}.chat-and-char-column__content{position:relative;z-index:1;display:flex;height:100%;overflow:hidden}body.chat-content-animating .chat-and-char-column{animation:chat-content-appear var(--transition-fast) ease-out var(--transition-slow) both}.chat-section{flex:1;min-width:0;height:100%;overflow:hidden;padding:0 0 1.5rem}@media(max-width: 767px){.chat-section{padding:4rem 1rem .5rem}}@media(min-width: 768px){.chat-section{flex:7}}@media(max-width: 767px){.character-info-section{position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:auto}}@media(min-width: 768px){.character-info-section{width:30%;max-width:20rem;min-width:10rem;height:100%;overflow-y:auto}}.mobile-hidden{display:none}@media(min-width: 768px){.mobile-hidden{display:block}}.chat-list-column.mobile-hidden{display:none}@media(min-width: 768px){.chat-list-column.mobile-hidden{display:block}}.chat-and-char-column.mobile-hidden{display:none}@media(min-width: 768px){.chat-and-char-column.mobile-hidden{display:block}}.chat-list-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chat-list-header{display:flex;align-items:center;height:3.5rem;flex-shrink:0}@media(max-width: 767px){.chat-list-header{background:var(--color-bg);height:4rem;border-bottom:1px solid var(--color-divider);justify-content:center;padding:0 1rem}}@media(min-width: 768px){.chat-list-header{justify-content:flex-start;padding:0 1.75rem}}.chat-list-header__title{font-size:var(--text-large);font-family:var(--font-breadcrumb);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-fg);line-height:1}.chat-list-header__new-chat{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:1px solid var(--color-divider);background:rgba(0,0,0,0);color:var(--color-fg);cursor:pointer;transition:background var(--transition-fast)}.chat-list-header__new-chat:hover{background:var(--color-subtle-gray)}.chat-badge-list{flex:1;min-height:0;height:100%}@media(min-width: 768px){.chat-badge-list{padding:0 1rem}}.chat-list-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;font-size:var(--text-small);color:var(--color-gray)}.chat-list-empty__text{color:var(--color-gray);font-size:var(--text-small)}.chat-list-empty__btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.5rem;border-radius:var(--radius-lg);background:var(--color-fg);color:var(--color-pure-white);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap;cursor:pointer;transition:opacity var(--transition-fast);text-decoration:none}.chat-list-empty__btn:hover{opacity:.9}.chat-badge--loading{position:relative;cursor:default;pointer-events:none}.chat-badge--loading:hover{background:rgba(0,0,0,0)}.chat-badge--loading__avatar{flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-subtle-gray)}.chat-badge--loading__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--color-gray)}.chat-badge{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem;border:none;background:rgba(0,0,0,0);cursor:pointer;text-align:left;transition:background var(--transition-fast);border-radius:1.5rem}.chat-badge:hover{background:var(--color-subtle-gray)}@media(min-width: 768px){.chat-badge.chat-badge--selected{background:var(--color-pure-white)}}@media(max-width: 767px){.chat-badge.chat-badge--selected{background:var(--color-subtle-gray)}}.chat-badge__avatar{width:3.5rem;height:3.5rem}.chat-badge__content{flex:1;min-width:0;padding-top:.25rem;display:flex;flex-direction:column;align-items:flex-start}.chat-badge__top{display:flex;align-items:center;justify-content:space-between;width:100%}.chat-badge__name{display:inline-flex;align-items:center;gap:.25rem;min-width:0;font-family:var(--font-primary);font-size:var(--text-tiny);font-weight:var(--font-weight-semibold);color:var(--color-gray);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.chat-badge__name-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-badge__online-dot{width:.25rem;height:.25rem;border-radius:var(--radius-full);background:var(--color-green);flex-shrink:0}.chat-badge__time{font-family:var(--font-primary);font-size:var(--text-tiny);color:var(--color-gray);white-space:nowrap;flex-shrink:0;margin-left:.25rem}.chat-badge__message-row{display:flex;align-items:flex-end;gap:.125rem;margin-top:.25rem;width:100%;min-width:0}.chat-badge__message{flex:1;min-width:0;font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-fg);line-height:var(--leading-normal);max-height:calc(2*var(--text-xs)*var(--leading-normal) + 2px);overflow:hidden}.chat-badge__unread-count{flex-shrink:0;padding:.25rem .5rem;background:var(--color-bg);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-tiny);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:1;white-space:nowrap}.chat-badge__message-you{font-size:var(--text-xs);font-style:italic;color:var(--color-gray)}.chat-badge__message-text--empty{font-size:var(--text-xs);color:var(--color-gray);font-style:italic}.char-info{height:100%;padding:.75rem}.char-info__inner{background:var(--color-bg);border-radius:2rem;display:flex;flex-direction:column;border:1px solid var(--color-divider);overflow:hidden;height:100%}.char-info__image{width:100%;aspect-ratio:5/6;object-fit:cover;flex-shrink:0}.char-info__body{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex:1}.char-info__title{display:flex;flex-direction:column;gap:.25rem;text-align:center}.char-info__name{font-family:var(--font-primary);font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--color-fg)}.char-info__status{font-family:var(--font-primary);font-size:var(--text-paragraph);color:var(--color-fg)}.char-info__level{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.char-info__slider{width:100%;height:.2rem;background:var(--color-divider);border-radius:var(--radius-full);position:relative;overflow:hidden}.char-info__slider-fill{height:100%;background:var(--color-green);border-radius:var(--radius-full);transition:width var(--transition-base)}.char-info__level-label{font-family:var(--font-primary);font-size:var(--text-small);color:var(--color-fg)}.char-info__brief{font-family:var(--font-primary);font-size:var(--text-paragraph);color:var(--color-fg);line-height:var(--leading-normal);text-align:center}.mobile-nav-btn{display:none}@media(max-width: 767px){.mobile-nav-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:.5rem;left:1rem;z-index:200;width:3rem;height:3rem;background:rgba(247,247,247,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid var(--color-light-gray);border-radius:.75rem;padding:0;color:var(--color-fg);cursor:pointer;transition:all .3s ease;opacity:.4}.mobile-nav-btn svg{transition:all .3s ease}.mobile-nav-btn:active{color:var(--color-fg);background:var(--color-divider);opacity:.8}.mobile-nav-btn.chat-list-header__new-chat{left:auto;right:1rem}}@media(max-width: 767px){.char-info{padding:0}.char-info__inner{border-radius:0;border:none}}.chat-window{display:flex;flex-direction:column;height:100%}.chat-window__messages{flex:1;min-height:0}.chat-window__input{flex-shrink:0;padding:0 1.5rem 0 2rem}@media(max-width: 767px){.chat-window__input{padding:0}}.chat-input{padding:0;margin:0;border:none}.chat-input__field{position:relative;display:flex;align-items:center;gap:.5rem;background:var(--color-pure-white);border-radius:1rem;border:1px solid var(--color-divider);transition:border-color var(--transition-fast);padding:.25rem .25rem .25rem 1rem}.chat-input__field:focus-within{border-color:var(--color-gray);outline:none}.chat-input__field::before{content:"";position:absolute;top:0;left:0;right:0;height:1rem;background:linear-gradient(to bottom, var(--color-pure-white), transparent);border-radius:1rem 1rem 0 0;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:1}.chat-input__field--scrolled::before{opacity:1}.chat-input__textarea{flex:1;border:none;outline:none;resize:none;background:rgba(0,0,0,0);font-family:var(--font-primary);font-size:var(--text-paragraph);color:var(--color-fg);line-height:var(--leading-normal);max-height:7.5rem;overflow-y:auto;padding:0}@media(min-width: 768px){.chat-input__textarea::-webkit-scrollbar{width:.375rem}.chat-input__textarea::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat-input__textarea::-webkit-scrollbar-thumb{background:var(--color-light-gray);border-radius:var(--radius-full)}.chat-input__textarea::-webkit-scrollbar-thumb:hover,.chat-input__textarea::-webkit-scrollbar-thumb:active{background:var(--color-gray)}.chat-input__textarea::-webkit-scrollbar-button{display:none;height:0;width:0}.chat-input__textarea{scrollbar-width:thin;scrollbar-color:var(--color-light-gray) rgba(0,0,0,0)}}.chat-input__textarea::placeholder{color:var(--color-gray)}.chat-input__send--inner{height:2.5rem;padding:0 .5rem;gap:0;align-self:flex-end;border-radius:var(--radius-lg);background:var(--color-fg);color:var(--color-pure-white);transition:gap .3s ease-in-out;overflow:hidden}.chat-input__send--inner--expanded{gap:.25rem}.chat-input__send-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-pure-white);white-space:nowrap;max-width:0;opacity:0;transition:max-width .3s ease-in-out,opacity .2s ease-in-out}.chat-input__send--inner--expanded .chat-input__send-label{max-width:6.5rem;opacity:1;padding:0 .25rem 0 .5rem}.chat-input__send{align-self:stretch}.chat-input__send--inner,.chat-input__send{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--transition-fast)}.chat-input__send--inner:disabled,.chat-input__send:disabled{opacity:.4;cursor:not-allowed}.chat-input__send--inner svg,.chat-input__send svg{flex-shrink:0;width:1.5rem;height:1.5rem}.unread-divider{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin:.25rem 0}.unread-divider__line{flex:1;height:1px;background:var(--color-light-gray)}.unread-divider__label{font-family:var(--font-primary);font-size:var(--text-tiny);font-weight:var(--font-weight-semibold);color:var(--color-gray);white-space:nowrap;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.chat-messages{height:100%;overflow-y:auto;padding:0 1.5rem .5rem 2rem}@media(max-width: 767px){.chat-messages{padding:1rem 0}}.chat-messages__empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray);font-size:var(--text-small)}.chat-msg{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:.25rem}.chat-msg.chat-msg--group-last{margin-bottom:1rem}@media(max-width: 767px){.chat-msg.chat-msg--group-last{margin-bottom:.5rem}}.chat-msg:nth-child(1){margin-top:2rem}.chat-msg--character{justify-content:flex-start;padding-right:2rem}.chat-msg--user{justify-content:flex-end;padding-left:2rem}.chat-msg__avatar--spacer{visibility:hidden}.chat-msg__cloud{border:1px solid hsla(0,0%,100%,.7);border-radius:1.5rem;background:hsla(0,0%,100%,.55);backdrop-filter:blur(4px) saturate(1.4);box-shadow:0 3px 8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);max-width:100%;width:fit-content;font-family:var(--font-primary);font-size:var(--text-paragraph);color:var(--color-fg);line-height:var(--leading-normal);white-space:pre-wrap;word-break:break-word;display:flex;flex-direction:column;align-items:flex-end}@media(max-width: 767px){.chat-msg__cloud{padding:.75rem .75rem .25rem 1rem}}@media(min-width: 768px){.chat-msg__cloud{padding:.75rem 1rem .5rem}}.chat-msg--character.chat-msg--group-last .chat-msg__cloud{border-bottom-left-radius:0}.chat-msg--user.chat-msg--group-last .chat-msg__cloud{border-bottom-right-radius:0}.chat-msg__time{display:block;text-align:right;font-size:var(--text-tiny);width:fit-content;color:var(--color-light-gray);transition:color var(--transition-base);cursor:default}.chat-msg__time:hover{color:var(--color-gray)}.character-avatar{border-radius:.75rem;overflow:hidden;flex-shrink:0;width:3.5rem;height:3.5rem}.character-avatar img{width:100%;height:100%;object-fit:cover}.character-avatar__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-divider);color:var(--color-gray);font-size:var(--text-large);font-weight:var(--font-weight-semibold)}.chat-msg__typing{width:3.5rem;height:3.5rem;border-radius:1rem;background:var(--color-pure-white);border:1px solid var(--color-divider);display:flex;align-items:center;justify-content:center}.typing-dots{display:inline-flex;align-items:center;gap:.1875rem;transform:scale(var(--dots-scale, 1));transform-origin:center}.typing-dots__dot{width:.25rem;height:.25rem;border-radius:var(--radius-full);background:var(--dots-color, var(--color-gray));animation:typing-bounce 1s infinite}.typing-dots__dot:nth-child(2){animation-delay:.1s}.typing-dots__dot:nth-child(3){animation-delay:.2s}@keyframes typing-bounce{0%,30%,100%{transform:translateY(0)}15%{transform:translateY(-0.125rem)}}.chat-msg__error{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--color-pure-white);border:1px solid rgba(231,76,60,.25);border-radius:1rem;max-width:18rem}.chat-msg__error-text{font-size:var(--text-small);color:var(--color-error);line-height:var(--leading-normal)}.chat-msg__retry{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:1px solid var(--color-error);background:rgba(0,0,0,0);color:var(--color-error);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.chat-msg__retry:hover{background:var(--color-error);color:var(--color-pure-white)}.chat-msg__retry svg{display:block}.payment-page{display:flex;justify-content:center;align-items:center;height:100vh}.payment-page__form{width:100%;max-width:560px;display:flex;flex-direction:column;gap:1rem;padding:.75rem .75rem 2.75rem}.payment-page__header{display:flex;flex-direction:column;gap:.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.payment-page__service{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.payment-page__price-row{display:flex;justify-content:space-between;align-items:baseline}.payment-page__plan{font-size:1rem;font-weight:600}.payment-page__price{font-size:1.125rem;font-weight:700}.payment-page__submit{width:100%;display:none}.payment-page__error{color:var(--color-error, #df1b41);font-size:.875rem;min-height:1.25em}/*# sourceMappingURL=chat.css.map */