:root{--font-primary: 'Inter Tight', system-ui, -apple-system, sans-serif;--font-accent: 'Playfair Display', Georgia, serif;--font-logo: 'Aguafina Script', cursive;--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);--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}@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}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{color:var(--color-fg);font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);height:100%;overflow:hidden}*:focus-visible,*:focus{outline:none}button{cursor:pointer;font-family:inherit;border:none;background:none}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-fg)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}h5{font-size:var(--text-h5)}p{font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--color-gray)}small{font-size:var(--text-small);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.text-h1{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-h1-alt{font-family:var(--font-accent);font-style:italic;font-size:var(--text-h1-alt);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-h2{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-h2);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-h2-alt{font-family:var(--font-accent);font-weight:var(--font-weight-semibold);font-style:italic;font-size:var(--text-h2);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-h3{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-h3);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-h4{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-h4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-h4-alt{font-family:var(--font-accent);font-style:italic;font-size:var(--text-h4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-h5{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-h5);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-quote{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-quote);line-height:var(--leading-tight);letter-spacing:var(--tracking-normal)}.text-quote-alt{font-family:var(--font-accent);font-style:italic;font-size:var(--text-quote);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-large{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-large);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-large-alt{font-family:var(--font-accent);font-style:italic;font-size:var(--text-large);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-large-sb{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-large);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-paragraph{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-paragraph-alt{font-family:var(--font-accent);font-style:italic;font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-paragraph-sb{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-small{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-small);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide)}.text-small-alt{font-family:var(--font-accent);font-style:italic;font-size:var(--text-small);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide)}.text-small-caps{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-small);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);text-transform:uppercase}.text-small-sb{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-small);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide)}.text-xs{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-xs-sb{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-xs-caps{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase}.text-tiny{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-tiny);line-height:var(--leading-tight);letter-spacing:var(--tracking-wide)}.text-tiny-sb{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-tiny);line-height:var(--leading-tight);letter-spacing:var(--tracking-wide)}.text-tiny-caps{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--text-tiny);line-height:var(--leading-tight);letter-spacing:var(--tracking-wider);text-transform:uppercase}.text-balance{text-wrap:balance}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-main{background-color:var(--color-bg)}.bg-white{background-color:var(--color-pure-white)}.bg-subtle{background-color:var(--color-subtle-gray)}.bg-accent{background-color:var(--color-accent)}.text-primary{color:var(--color-fg)}.text-secondary{color:var(--color-gray)}.text-muted{color:var(--color-light-gray)}.text-accent{color:var(--color-accent)}.text-white{color:var(--color-pure-white)}.border-main{border-color:var(--color-divider)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--color-light-gray) rgba(0,0,0,0)}.scrollbar-thin::-webkit-scrollbar{width:.375rem}.scrollbar-thin::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-light-gray);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb:hover,.scrollbar-thin::-webkit-scrollbar-thumb:active{background:var(--color-gray)}.scrollbar-thin::-webkit-scrollbar-button{display:none;height:0;width:0}@media(max-width: 767px){.desktop-only{display:none !important}}@media(min-width: 768px){.mobile-only{display:none !important}}.sidebar{position:fixed;left:0;top:0;height:100%;overflow:hidden;transition:width var(--transition-slow) ease-in-out;background-color:var(--color-bg);border-right:1px solid var(--color-divider);z-index:var(--z-sidebar)}.sidebar.is-expanded{width:15rem}.sidebar.is-collapsed{width:5rem}@media(max-width: 767px){.sidebar{width:0 !important;border-right:none}}.sidebar-inner{position:relative;display:flex;flex-direction:column;height:100%;z-index:1}.sidebar-header{flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:5rem;height:3.5rem;cursor:pointer;color:var(--color-light-gray);transition:color var(--transition-base)}.sidebar-toggle:hover{color:var(--color-gray)}.sidebar-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-slow) ease-in-out}.sidebar-toggle-icon svg{width:1.5rem;height:1.5rem}.sidebar.is-expanded .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar.is-collapsed .sidebar-toggle-icon{transform:rotate(0deg)}.site-logo{position:fixed;top:0;left:4rem;width:10rem;height:3.5rem;display:flex;align-items:center;z-index:calc(var(--z-sidebar) + 1)}.site-logo img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width: 767px){.site-logo{display:none !important}}.sidebar-body{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;overflow-x:hidden}.sidebar-label{padding:0 .5rem;font-size:var(--text-xs);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);color:var(--color-gray);white-space:nowrap;overflow:hidden;opacity:1;transition:opacity var(--transition-slow) ease-in-out}.sidebar.is-collapsed .sidebar-label{opacity:0}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem}.sidebar-footer{flex-shrink:0;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.mobile-header{position:fixed;top:0;left:0;right:0;height:var(--mobile-header-height);display:flex;align-items:center;justify-content:space-between;padding:.25rem;background-color:var(--color-bg);border-bottom:1px solid var(--color-divider);z-index:var(--z-sidebar);box-shadow:none;transition:box-shadow var(--transition-base);overflow:hidden}@media(min-width: 768px){.mobile-header{display:none !important}}.mobile-header.is-scrolled{box-shadow:var(--shadow-card)}body.chat-active .mobile-header{transform:translateY(-100%);opacity:0;transition:box-shadow var(--transition-base),transform 500ms ease-out,opacity 500ms ease-out}.mobile-header-logo{display:flex;align-items:center;height:100%;transform:translateX(-1rem)}.mobile-header-logo img{height:100%;object-fit:contain}.mobile-header-right{display:flex;align-items:center}.mobile-header-blog{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:.5rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-gray);text-decoration:none}.mobile-header-avatar{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:.5rem;background:none;border:none;cursor:pointer;text-decoration:none}.mobile-header-avatar-img,.mobile-header-avatar-initials{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);object-fit:cover}.mobile-header-avatar-initials{display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:var(--color-pure-white);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.mobile-header-avatar-initials svg{width:1.25rem;height:1.25rem}.mobile-tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border-top:1px solid var(--color-divider);height:var(--mobile-nav-height);z-index:var(--z-sidebar);box-shadow:none;transition:box-shadow var(--transition-base);overflow:hidden}@media(min-width: 768px){.mobile-tabbar{display:none !important}}.mobile-tabbar.is-scrolled{box-shadow:var(--shadow-card)}body.chat-active .mobile-tabbar{transform:translateY(100%);opacity:0;transition:box-shadow var(--transition-base),transform 500ms ease-out,opacity 500ms ease-out}.mobile-tabbar-inner{flex:1;display:flex;align-items:center;gap:.5rem;padding:0 1rem;height:100%}.mobile-tabbar-item{flex:1;display:flex;flex-direction:column;gap:.25rem;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-full);height:100%;cursor:pointer}.mobile-tabbar-item-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-fg)}.mobile-tabbar-item-text{overflow:hidden;text-overflow:ellipsis;font-size:var(--text-tiny);line-height:var(--leading-tight);letter-spacing:var(--tracking-wide);color:var(--color-fg)}.mobile-tabbar-item.active .mobile-tabbar-item-text{font-weight:var(--font-weight-semibold);color:var(--color-accent)}.main-with-sidebar{margin-left:15rem;transition:margin-left var(--transition-slow) ease-in-out}.main-with-sidebar.sidebar-collapsed{margin-left:5rem}@media(max-width: 767px){.main-with-sidebar{margin-left:0;padding-top:var(--mobile-header-height);padding-bottom:var(--mobile-nav-height);transition:margin-left var(--transition-slow) ease-in-out}.main-with-sidebar.sidebar-collapsed{margin-left:0}body.chat-active .main-with-sidebar{padding-top:0;padding-bottom:0;transition:margin-left var(--transition-slow) ease-in-out,padding-top 500ms ease-out,padding-bottom 500ms ease-out}}#main-wrapper{position:relative;z-index:1;height:100dvh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}#main-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}#main-content::-webkit-scrollbar{width:.375rem}#main-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#main-content::-webkit-scrollbar-thumb{background:var(--color-light-gray);border-radius:var(--radius-full)}#main-content::-webkit-scrollbar-thumb:hover,#main-content::-webkit-scrollbar-thumb:active{background:var(--color-gray)}#main-content::-webkit-scrollbar-button{display:none;height:0;width:0}#main-content{scrollbar-width:thin;scrollbar-color:var(--color-light-gray) rgba(0,0,0,0)}#main-content>*:first-child{flex:1 0 auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:var(--radius-full)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:1.5rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.object-cover{object-fit:cover}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);transition:all var(--transition-base);font-weight:var(--font-weight-medium);background-color:var(--color-accent);color:var(--color-pure-white);cursor:pointer}.btn-primary:hover{opacity:.9}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);transition:all var(--transition-base);font-weight:var(--font-weight-medium);background-color:var(--color-pure-white);color:var(--color-fg);border:1px solid var(--color-divider);cursor:pointer}.btn-secondary:hover{background-color:var(--color-bg)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);transition:all var(--transition-base);font-weight:var(--font-weight-medium);background-color:rgba(0,0,0,0);color:var(--color-fg);border:1px solid var(--color-accent-additional);cursor:pointer}.btn-outline:hover{background-color:var(--color-pure-white)}.btn-action{position:relative;display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0 1rem;font-family:var(--font-primary);font-size:var(--text-small);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;overflow:hidden;transition:opacity var(--transition-base),color var(--transition-base)}.btn-action:hover{opacity:.85}.btn-action--primary{border-radius:1rem;background-color:var(--color-fg);color:var(--color-pure-white)}.btn-action--clear{background:none;color:var(--color-gray)}.btn-action--clear:hover{color:var(--color-fg);opacity:1}.btn-action--selected{border-radius:1rem;background-color:var(--color-light-gray);color:var(--color-fg)}.btn-action--has-icon{padding:0 3.5rem}.btn-action__icon{position:absolute;left:0;top:0;bottom:0;width:3.5rem;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity var(--transition-base)}.btn-action__label{transition:opacity var(--transition-base)}.btn-action__preloader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.btn-action--pending{cursor:default;pointer-events:none}.btn-action--pending .btn-action__label,.btn-action--pending .btn-action__icon{opacity:0}.btn-action--pending .btn-action__preloader{opacity:1}.card{padding:1.5rem;background-color:var(--color-pure-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.character-card{position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;border-radius:2.5rem;background-color:var(--color-pure-white);box-shadow:var(--shadow-card);height:400px;max-height:calc(50vh - 150px);aspect-ratio:3/4;width:auto}@media(max-width: 767px){.character-card{border-radius:1.5rem;height:auto;max-height:none;width:100%}}.character-card:hover{transform:scale(1.02);box-shadow:var(--shadow-card-hover)}.character-card.is-hidden{display:none}.character-card-image{width:100%;object-fit:cover;aspect-ratio:3/4;border-radius:2.5rem;max-height:calc(50vh - 150px)}@media(max-width: 767px){.character-card-image{border-radius:1.5rem;max-height:none}}.character-card-image svg{transform:scale(0.5);transform-origin:center}.character-card-info{position:absolute;bottom:0;left:0;right:0;min-height:6rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);border-radius:0 0 2.5rem 2.5rem}@media(max-width: 767px){.character-card-info{border-radius:0 0 1.5rem 1.5rem}}.character-card-name{position:absolute;left:1.3125rem;width:calc(100% - 3rem + .375rem);bottom:1.5rem;transform:translateY(50%);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:var(--tracking-wide);color:var(--color-pure-white)}.character-card-name::before{content:"";width:.375rem;height:.375rem;border-radius:50%;background-color:#22c55e;flex-shrink:0}.character-card-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);background-color:var(--color-accent);color:var(--color-pure-white)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:var(--z-modal)}.modal-container{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 1rem;padding:2.5rem 1rem 1rem;border-radius:2rem;background-color:var(--color-bg);gap:1rem}@media(max-width: 767px){.modal-container{width:100%;max-width:calc(100% - 2rem)}}@media(min-width: 768px){.modal-container{gap:1.5rem}}.modal-container .btn-action{width:100%}.modal-close{position:absolute;right:0;top:0;width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-gray);cursor:pointer;transition:color var(--transition-base);background:none;border:none}.modal-close:hover,.modal-close:active{color:var(--color-fg)}.chat-status-modal__avatar{width:7rem;height:7rem;border-radius:2rem;object-fit:cover;flex-shrink:0}.chat-status-modal__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:var(--leading-tight);text-align:center}@media(min-width: 768px){.chat-status-modal__title{max-width:30rem}}.chat-status-modal__buttons{display:flex;flex-direction:column;width:100%;gap:.5rem}@media(min-width: 768px){.chat-status-modal__buttons{gap:1rem}}.subscription-option{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:auto;padding:1rem 1.5rem;border-radius:.75rem;background:none;border:1px solid var(--color-divider);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}@media(min-width: 768px){.subscription-option{flex-direction:column;align-items:flex-start;justify-content:space-between;width:10.5rem;height:8rem;flex-shrink:0}}.subscription-option:hover{background-color:var(--color-divider)}.subscription-option--selected{border-color:var(--color-accent)}.subscription-option__best-badge{position:absolute;top:0;left:1.5rem;transform:translateY(-50%);padding:.25rem .5rem;border-radius:.375rem;background-color:var(--color-fg);color:var(--color-pure-white);font-size:var(--text-tiny);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.subscription-option__period{display:flex;flex-direction:column;align-items:flex-start;gap:0}.subscription-option__period-label{font-size:var(--text-paragraph);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:1.3}.subscription-option__profit{font-size:var(--text-tiny);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent-additional)}.subscription-option__price{display:flex;flex-direction:row;align-items:center;gap:.25rem;flex-shrink:0}.subscription-option__price-main{font-size:var(--text-h2);font-weight:700;color:var(--color-fg);line-height:1}.subscription-option__price-sub{display:flex;flex-direction:column;align-items:flex-start;gap:0}.subscription-option__price-rest{font-size:var(--text-small);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:1}.subscription-option__price-period{font-size:var(--text-tiny);color:var(--color-gray);line-height:1}.paywall-modal{max-width:35rem}.paywall-modal__avatar{width:5.5rem;height:5.5rem;border-radius:1.5rem;object-fit:cover;flex-shrink:0}.paywall-modal__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:var(--leading-tight);text-align:center}.paywall-modal__options{display:flex;flex-direction:column;width:100%;gap:.75rem}@media(min-width: 768px){.paywall-modal__options{flex-direction:row;gap:.75rem}.paywall-modal__options .subscription-option{flex:1 1 9rem;min-width:9rem;max-width:12rem;width:auto}}.paywall-modal__legal{width:100%;font-size:var(--text-xs);color:var(--color-gray);text-align:left;line-height:var(--leading-normal)}.login-modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);background-color:rgba(69,69,69,.5);z-index:var(--z-modal)}.login-modal-backdrop.active{opacity:1;pointer-events:auto}.login-modal-backdrop.active .login-modal{transform:scale(1)}.login-modal{position:relative;width:100%;max-width:28rem;margin:0 var(--text-paragraph);padding:2.5rem;border-radius:2.5rem;background-color:var(--color-pure-white);transform:scale(0.95);transition:transform var(--transition-slow)}@media(max-width: 767px){.login-modal{padding:1rem;border-radius:2rem}}.login-modal__close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;cursor:pointer;color:var(--color-gray);transition:color var(--transition-base)}.login-modal__close svg{width:1.5rem;height:1.5rem}.login-modal__close:hover{color:var(--color-fg)}.login-modal__content{display:flex;flex-direction:column;align-items:center}.login-modal__content--no-avatar{padding-top:2.5rem}@media(max-width: 767px){.login-modal__content{gap:1rem}}.login-modal__avatar{width:7rem;height:7rem;border-radius:2rem;object-fit:cover;margin-bottom:var(--text-paragraph)}.login-modal__text{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.login-modal__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:var(--leading-tight)}.login-modal__secondary{font-size:var(--text-large);color:var(--color-fg);line-height:var(--leading-normal)}.login-modal__buttons{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:var(--text-h5)}@media(max-width: 767px){.login-modal__buttons{gap:.5rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);background-color:rgba(0,0,0,.5);z-index:var(--z-modal)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-backdrop.active .modal-content{transform:scale(1)}.modal-content{max-width:28rem;width:100%;margin:0 1rem;transform:scale(0.95);transition:transform var(--transition-slow);background-color:var(--color-pure-white);border-radius:var(--radius-2xl);padding:1.5rem}@media(min-width: 768px){.modal-content{padding:2rem}}.input{display:block;width:100%;padding:.75rem 1rem;transition:border-color var(--transition-base);font-family:var(--font-primary);font-size:var(--text-paragraph);background-color:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--radius-xl);color:var(--color-fg)}.input::placeholder{color:var(--color-light-gray)}.input:focus{outline:none;border-color:var(--color-accent)}.label{display:block;margin-bottom:.5rem;font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-fg)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{overflow:hidden;background-color:var(--color-pure-white);border:1px solid var(--color-divider);border-radius:var(--radius-xl)}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem;text-align:left;transition:color var(--transition-base);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-fg)}.faq-question:hover{color:var(--color-accent)}.faq-question-text{flex:1;padding-right:1rem}.faq-icon{width:1.25rem;height:1.25rem;flex-shrink:0;transition:transform var(--transition-slow);color:var(--color-gray)}.faq-answer{overflow:hidden;transition:height var(--transition-slow) ease-in-out;height:0}.faq-answer-content{padding:0 1.25rem 1.25rem;color:var(--color-gray)}.landing-feature-grid{display:grid;grid-template-columns:repeat(2, 1fr)}@media(min-width: 768px){.landing-feature-grid{grid-template-columns:repeat(4, 1fr)}}.landing-feature-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:rgba(0,0,0,0)}.landing-feature-number{font-family:var(--font-accent);font-style:italic;font-size:var(--text-paragraph);font-weight:var(--font-weight-regular);color:var(--color-gray)}.landing-feature-text{font-size:var(--text-small);line-height:var(--leading-relaxed);color:var(--color-fg)}.landing-feature-text em,.landing-feature-text i{color:var(--color-gray)}.landing-bullet-list{display:flex;flex-direction:column;gap:.75rem}.landing-bullet-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--text-paragraph);color:var(--color-fg)}.landing-bullet-list li em,.landing-bullet-list li i{color:var(--color-gray)}.landing-bullet-list li::before{content:"";width:.375rem;height:.375rem;margin-top:.5rem;border-radius:var(--radius-full);flex-shrink:0;background-color:var(--color-accent)}.sidebar-button{display:flex;align-items:center;gap:1rem;height:3rem;padding:0 calc(.75rem - 1px);border-radius:1.5rem;border:1px solid rgba(0,0,0,0);transition:all var(--transition-base);cursor:pointer;color:var(--color-gray);overflow:hidden;text-decoration:none}.sidebar-button:hover{background-color:var(--color-pure-white)}.sidebar-button.active{border-color:var(--color-accent-additional)}.sidebar-button.active:hover{background-color:var(--color-pure-white);border-color:var(--color-accent-additional)}.sidebar-button-icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-button-icon img{width:1.5rem;height:1.5rem;object-fit:contain}.sidebar-button-icon svg{width:1.5rem;height:1.5rem}.sidebar-button-icon--user{overflow:visible}.sidebar-button-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2.5rem;height:2.5rem;border-radius:var(--radius-full);z-index:1;object-fit:cover}.sidebar-button-initials{display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:var(--color-pure-white);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.sidebar-button-text{flex:1;white-space:nowrap;overflow:hidden;text-align:left;font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);text-transform:uppercase}.sidebar-button-chevron{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-light-gray)}.sidebar-button-chevron svg{width:1.5rem;height:1.5rem}.category-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:.75rem}@media(min-width: 768px){.category-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}}.category-card{position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;border-radius:1.5rem;background-color:var(--color-pure-white);box-shadow:var(--shadow-card);text-decoration:none}@media(min-width: 768px){.category-card{border-radius:2.5rem;height:400px;max-height:calc(50vh - 150px);aspect-ratio:3/4;width:auto}}.category-card:hover{transform:scale(1.02);box-shadow:var(--shadow-card-hover)}.category-card-image{width:100%;object-fit:cover;aspect-ratio:3/4;border-radius:1.5rem}@media(min-width: 768px){.category-card-image{border-radius:2.5rem;max-height:calc(50vh - 150px)}}.category-card-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--color-divider) 0%, var(--color-bg) 100%)}.category-card-placeholder svg{transform:scale(0.5);transform-origin:center}.category-card-info{position:absolute;bottom:0;left:0;right:0;min-height:6rem;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);border-radius:0 0 1.5rem 1.5rem}@media(min-width: 768px){.category-card-info{border-radius:0 0 2.5rem 2.5rem}}.category-card-name{padding-bottom:1.5rem;text-align:center;text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:var(--tracking-wide);color:var(--color-pure-white)}.character-grid{--grid-gap: 1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--grid-gap)}@media(max-width: 767px){.character-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:.75rem}}@media(min-width: 768px){.character-grid{--grid-gap: 1.25rem}}.dropdown{position:fixed;z-index:var(--z-popup);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.dropdown.is-open{pointer-events:auto;opacity:1}.dropdown-bridge{position:absolute;pointer-events:auto;background:rgba(0,0,0,0)}@media(max-width: 767px){.dropdown-bridge{display:none}}.dropdown-menu{position:relative;overflow:hidden;padding:.25rem;border-radius:1.5rem;box-shadow:0 20px 60px -10px rgba(0,0,0,.15),0 10px 30px -5px rgba(0,0,0,.1),0 4px 10px -2px rgba(0,0,0,.08)}@media(max-width: 767px){.dropdown-menu{padding:0;border-radius:0;box-shadow:var(--shadow-xl)}}.dropdown-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}@media(max-width: 767px){.dropdown-bg{height:auto}}.dropdown-options{position:relative;z-index:1}.dropdown-option{display:flex;align-items:center;justify-content:space-between;height:2rem;margin:.25rem;padding:.5rem .5rem .5rem .75rem;border-radius:1rem;cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;color:var(--color-fg);gap:1rem}.dropdown-option:hover{background-color:var(--color-pure-white)}@media(max-width: 767px){.dropdown-option{height:3.5rem;margin:0;padding:0 1.25rem;border-radius:0}.dropdown-option:hover{background-color:rgba(0,0,0,0)}}.dropdown-option--link{text-decoration:none;color:var(--color-fg)}.dropdown-option-text{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-fg);flex:1}.dropdown-option-icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.6}.dropdown-option-icon img{width:1.5rem;height:1.5rem;object-fit:contain}.dropdown-option-chevron{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-fg);transition:transform var(--transition-slow)}.dropdown-option-chevron svg{width:1.5rem;height:1.5rem}@media(max-width: 767px){.dropdown-option-chevron{transform:rotate(0deg)}}.dropdown-option--disabled{opacity:.4;cursor:default;pointer-events:none}.dropdown-option--has-submenu.is-active{background-color:var(--color-pure-white)}.dropdown-option--has-submenu.is-active .dropdown-option-chevron{transform:rotate(180deg)}.dropdown-option--has-submenu.is-submenu-open{border-bottom:1px solid var(--color-divider)}@media(max-width: 767px){.dropdown-option--has-submenu.is-submenu-open .dropdown-option-chevron{transform:rotate(180deg)}}.dropdown-option--has-submenu.is-submenu-open .dropdown-option-text{text-decoration:underline;text-underline-offset:.25rem}.dropdown-submenu{overflow:hidden}@media(min-width: 768px){.dropdown-submenu{display:none}}@media(max-width: 767px){.dropdown-submenu{height:0;transition:height var(--transition-slow) ease-in-out}}@media(max-width: 767px){.dropdown-option--sub{padding-left:1.5rem}}.dropdown-desktop-submenu{position:fixed;z-index:calc(var(--z-popup) + 1);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.dropdown-desktop-submenu.is-open{pointer-events:auto;opacity:1}.policy-page{max-width:800px;margin:0 auto;padding:var(--text-h4) var(--text-paragraph) var(--text-h2)}.policy-content{color:var(--color-fg);line-height:var(--leading-relaxed);font-family:var(--font-primary)}.policy-content h1{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:var(--text-h4) 0 var(--text-paragraph);color:var(--color-fg)}.policy-content h2{font-size:var(--text-h5);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:var(--text-h5) 0 var(--text-small);color:var(--color-fg)}.policy-content h3{font-size:var(--text-large);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);margin:var(--text-large) 0 var(--text-xs);color:var(--color-fg)}.policy-content h4{font-size:var(--text-paragraph);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);margin:var(--text-paragraph) 0 var(--text-xs);color:var(--color-fg)}.policy-content p{margin-bottom:var(--text-paragraph);color:var(--color-fg)}.policy-content ul{margin:var(--text-xs) 0 var(--text-paragraph) var(--text-h5);list-style:disc}.policy-content ul li{margin-bottom:var(--text-tiny);color:var(--color-fg)}.policy-content ol{margin:var(--text-xs) 0 var(--text-paragraph) var(--text-h5);list-style:decimal}.policy-content ol li{margin-bottom:var(--text-tiny);color:var(--color-fg)}.policy-content strong{font-weight:var(--font-weight-semibold);color:var(--color-fg)}.policy-content em,.policy-content i{font-style:italic;color:var(--color-gray)}.account-created{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:25rem;margin:0 auto;padding:2rem 1rem}@media(max-width: 767px){.account-created{min-height:calc(100vh - var(--mobile-header-height) - var(--mobile-nav-height));padding:1rem}}.account-created__card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}@media(max-width: 767px){.account-created__card{gap:1rem}}.account-created__icon{width:7rem;height:7rem;border-radius:2rem;background-color:var(--color-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-created__icon img{width:6rem;height:6rem;object-fit:contain}.account-created__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);color:var(--color-fg);text-align:center}.account-created__btn{position:absolute;bottom:2rem;left:1rem;right:1rem;display:flex;justify-content:center}.profile{display:flex;flex-direction:column;min-height:100vh;padding:5rem 1rem 2rem}@media(max-width: 767px){.profile{min-height:calc(100vh - var(--mobile-header-height) - var(--mobile-nav-height));padding:3rem 1rem 1rem}}.profile__container{display:flex;flex-direction:column;flex:1;width:100%;max-width:70%;margin:0 auto}@media(max-width: 767px){.profile__container{max-width:100%}}.profile__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:var(--leading-tight);margin-bottom:2rem}@media(max-width: 767px){.profile__title{font-size:var(--text-h5)}}.profile__grid{display:grid;grid-template-columns:auto minmax(0, 25rem);justify-content:start;align-items:baseline;column-gap:1rem;row-gap:1.5rem}@media(max-width: 767px){.profile__grid{grid-template-columns:1fr;row-gap:0}}.profile__label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-gray);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}@media(max-width: 767px){.profile__label{margin-bottom:.5rem;margin-top:2rem}.profile__label:first-child{margin-top:0}}.profile__value{font-size:var(--text-paragraph);font-weight:var(--font-weight-semibold);color:var(--color-fg);padding-left:1rem}.profile__google-link{font-size:var(--text-paragraph);font-weight:var(--font-weight-semibold);color:var(--color-fg);text-decoration:underline;text-underline-offset:2px;padding-left:1rem}.profile__google-link:hover{opacity:.7}.profile__input-group{display:flex;align-items:center;gap:.75rem}.profile__input{width:100%;height:3.5rem;padding:0 1rem;border-radius:1rem;border:1px solid var(--color-divider);font-family:var(--font-primary);font-size:var(--text-paragraph);font-weight:var(--font-weight-semibold);color:var(--color-fg);background-color:var(--color-pure-white);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.profile__input:focus{border-color:var(--color-accent-additional);box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}.profile__error{display:none;font-size:var(--text-small);color:var(--color-error);margin-top:.25rem}.profile__save{display:none;flex-shrink:0}.profile__save.is-visible{display:flex}.profile__plan-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.profile__footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:2rem;padding-bottom:2rem}.profile__delete:hover{color:var(--color-error);opacity:1}.profile-delete-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);background-color:rgba(69,69,69,.5);z-index:var(--z-modal)}.profile-delete-backdrop.active{opacity:1;pointer-events:auto}.profile-delete-backdrop.active .profile-delete-modal{transform:scale(1)}.profile-delete-modal{position:relative;width:100%;max-width:28rem;margin:0 1rem;padding:2.5rem;border-radius:2.5rem;background-color:var(--color-pure-white);transform:scale(0.95);transition:transform var(--transition-slow);text-align:center}@media(max-width: 767px){.profile-delete-modal{padding:1.5rem;border-radius:2rem}}.profile-delete-modal__close{position:absolute;top:1.25rem;right:1.25rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:var(--radius-full);background:rgba(0,0,0,0);color:var(--color-gray);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.profile-delete-modal__close:hover{color:var(--color-fg);background-color:var(--color-bg)}@media(max-width: 767px){.profile-delete-modal__close{top:.75rem;right:.75rem;width:2rem;height:2rem}}.profile-delete-modal__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:var(--leading-tight);margin-bottom:.75rem}.profile-delete-modal__text{font-size:var(--text-paragraph);color:var(--color-gray);line-height:var(--leading-normal);margin-bottom:1.5rem}.profile-delete-modal__buttons{display:flex;flex-direction:column;gap:1rem}@media(max-width: 767px){.profile-delete-modal__buttons{gap:.5rem}}.profile-delete-modal .btn-action--clear:hover{color:var(--color-error)}.blog-article-card{position:relative;display:block;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;border-radius:2.5rem;background-color:var(--color-pure-white);box-shadow:var(--shadow-card);text-decoration:none;width:100%;aspect-ratio:5/6}@media(max-width: 767px){.blog-article-card{border-radius:1.5rem}}.blog-article-card:hover{transform:scale(1.02);box-shadow:var(--shadow-card-hover)}.blog-article-card-image{width:100%;height:100%;object-fit:cover;border-radius:2.5rem}@media(max-width: 767px){.blog-article-card-image{border-radius:1.5rem}}.blog-article-card-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--color-divider) 0%, var(--color-bg) 100%)}.blog-article-card-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;padding-top:4rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;gap:.25rem}@media(max-width: 767px){.blog-article-card-info{padding:1rem;padding-top:3rem}}.blog-article-card-title{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-small);line-height:var(--leading-normal);color:var(--color-pure-white);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-article-card-dateline{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--text-tiny);line-height:var(--leading-tight);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-light-gray)}.scrollable{position:relative;overflow:hidden;display:flex;height:100%;width:100%}.scrollable__content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.scrollable__content::-webkit-scrollbar{display:none}.scrollable__track{position:absolute;z-index:10;opacity:0;transition:opacity .2s ease}.scrollable__track--visible{opacity:1}.scrollable__track--active .scrollable__thumb{opacity:.3}.scrollable__track--y{top:0;right:0;bottom:0;width:.625rem;cursor:pointer;margin-top:.25rem;margin-bottom:.25rem}.scrollable__track--x{left:0;right:0;bottom:0;height:.625rem;cursor:pointer;margin-left:.25rem;margin-right:.25rem}.scrollable__thumb{position:absolute;border-radius:var(--radius-full);background:var(--color-fg);opacity:.2;transition:opacity .15s ease}.scrollable__thumb--y{left:.125rem;right:.125rem}.scrollable__thumb--x{top:.125rem;bottom:.125rem}.hero-section{position:relative;padding:2rem 0;overflow:hidden;background-color:rgba(0,0,0,0)}@media(min-width: 768px){.hero-section{padding:3rem 0}}.hero-container{margin:0 auto;padding:0 1rem;max-width:70%}@media(max-width: 767px){.hero-container{max-width:100%}}.hero-header{text-align:center;margin-bottom:2rem}@media(min-width: 768px){.hero-header{margin-bottom:2.5rem}}.hero-tagline{margin-bottom:0;text-transform:uppercase;font-size:var(--text-tiny);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-widest)}@media(min-width: 768px){.hero-tagline{font-size:var(--text-xs)}}h1.hero-title{margin:-0.25rem auto .75rem}h2.hero-title{margin:1rem auto .75rem}.hero-title-accent{font-family:var(--font-accent);font-style:italic}.hero-subtitle{font-size:var(--text-small)}@media(min-width: 768px){.hero-subtitle{font-size:var(--text-paragraph)}}.landing-section{padding:2rem 0}.landing-section:nth-of-type(odd){background-color:var(--color-subtle-gray)}.landing-section.has-image{padding-top:0}@media(min-width: 768px){.landing-section{padding:0}}.landing-section-white-bg{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;background-color:rgba(0,0,0,0)}.landing-section-container{max-width:90%;margin:0 auto;padding:0 1rem}@media(max-width: 767px){.landing-section-container{max-width:100%}}@media(min-width: 768px){.landing-section-container{padding:0}}.landing-section-content{display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width: 768px){.landing-section-content{flex-direction:row;align-items:center;gap:0}}@media(min-width: 768px){.landing-section-content.image-left{flex-direction:row-reverse}}.landing-section-text{max-width:80%;margin:0 auto;flex:1}@media(max-width: 767px){.landing-section-text{max-width:100%}}@media(min-width: 768px){.landing-section-text{padding:5rem 3rem 5rem 6rem}}@media(min-width: 768px){.landing-section-content.image-left .landing-section-text{padding:5rem 6rem 5rem 3rem}}.landing-section-image{flex-shrink:0;width:100%}@media(max-width: 767px){.landing-section-image{order:-1}}@media(min-width: 768px){.landing-section-image{width:auto;max-width:24rem}}.landing-section-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl)}@media(min-width: 768px){.landing-section-image img{border-radius:0}}.landing-section.has-own-bg{background-color:rgba(0,0,0,0)}.landing-section.has-own-bg .landing-section-container{background:linear-gradient(to bottom, var(--color-divider), transparent);border-radius:6rem 6rem 0 0;overflow:hidden}@media(max-width: 767px){.landing-section.has-own-bg .landing-section-container{border-radius:3.5rem 3.5rem 0 0}}@media(min-width: 768px){.landing-section.has-own-bg .landing-section-image{max-width:50%}}.landing-section.has-own-bg .landing-section-image img{border-radius:0}@media(min-width: 768px){.landing-section.has-own-bg .landing-section-text{padding:5rem 3rem 5rem 6rem}}@media(min-width: 768px){.landing-section.has-own-bg .landing-section-content.image-left .landing-section-text{padding:5rem 6rem 5rem 3rem}}.landing-section h2{margin-bottom:1.5rem}.landing-section p{margin-bottom:1rem;color:var(--color-fg)}.landing-section p em,.landing-section p i{color:var(--color-gray)}.landing-section strong{color:var(--color-fg)}.landing-section-large p{font-size:var(--text-large);line-height:var(--leading-normal)}.landing-section .landing-bullet-list,.landing-section .landing-feature-grid{margin-bottom:1rem}@media(max-width: 767px){.landing-sections-wrap{border-top:1px solid var(--color-light-gray);border-bottom:1px solid var(--color-light-gray)}}.landing-section em{font-family:var(--font-accent);font-style:italic;color:var(--color-gray)}.landing-section strong{color:var(--color-fg)}.faq-section{padding:3rem 0;background-color:rgba(0,0,0,0)}@media(min-width: 768px){.faq-section{padding:5rem 0}}.faq-container{max-width:48rem;margin:0 auto;padding:0 1rem}.faq-title{text-align:center;margin-bottom:2rem}.footer{padding:0;background-color:rgba(0,0,0,0)}.footer-container{max-width:90%;margin:0 auto;background-color:var(--color-divider);border-radius:3rem 3rem 0 0}@media(min-width: 768px){.footer-container{padding:4rem 4rem 2rem}}@media(max-width: 767px){.footer-container{max-width:calc(100% - 2rem);padding:3rem 1.5rem 3rem}}@media(max-width: 767px){.char-detail~.footer .footer-container{padding-bottom:6rem}}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media(min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}}.footer-brand{grid-column:1}.footer-logo{display:block;margin:0 0 1rem;color:var(--color-fg);text-decoration:none;width:10rem}.footer-description{margin-bottom:1.5rem;font-size:var(--text-small);line-height:var(--leading-relaxed);color:var(--color-gray)}.footer-cta{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-fg);transition:color var(--transition-base)}.footer-cta:hover{color:var(--color-accent-additional)}.footer-cta-label{display:none}.footer-cta-text{text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wider)}.footer-cta-arrow{width:1rem;height:1rem;flex-shrink:0}.footer-nav-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-widest);color:var(--color-fg);cursor:pointer}@media(min-width: 768px){.footer-nav-title{cursor:default}}.footer-nav-chevron{width:1.25rem;height:1.25rem;color:var(--color-gray);transition:transform var(--transition-slow)}@media(min-width: 768px){.footer-nav-chevron{display:none}}.footer-nav-chevron--open{transform:rotate(180deg)}.footer-nav-list{display:none;flex-direction:column;gap:.75rem}@media(min-width: 768px){.footer-nav-list{display:flex}}.footer-nav-list--open{display:flex}.footer-nav-link{font-size:var(--text-small);color:var(--color-gray);transition:color var(--transition-base)}.footer-nav-link:hover{color:var(--color-fg)}.footer-bottom{display:flex;flex-direction:column;gap:1rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06)}@media(min-width: 768px){.footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}.footer-copyright{text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:var(--color-gray)}.footer-rating{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.footer-rating:hover{opacity:.8}.footer-rating-label{font-size:var(--text-small);color:var(--color-gray)}.footer-rating-value{font-size:var(--text-small);font-weight:var(--font-weight-medium);color:var(--color-fg)}.footer-rating-stars{display:flex;gap:.125rem;color:var(--color-star)}.footer-rating-count{font-size:var(--text-small);color:var(--color-gray)}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.char-detail{padding:1rem}@media(min-width: 768px){.char-detail{padding:3rem 0 10rem}}.char-detail-container{max-width:1100px;margin:0 auto}.char-detail-grid{display:flex;flex-direction:column;gap:2rem}@media(min-width: 768px){.char-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}}.char-detail-left{display:flex;flex-direction:column;gap:2rem;align-items:center}@media(max-width: 767px){.char-detail-left{display:contents}}.char-detail-photo-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem}@media(max-width: 767px){.char-detail-photo-wrapper{display:block;position:relative;order:1}}.char-detail-reasons{width:100%;max-width:65vh}@media(max-width: 767px){.char-detail-reasons{max-width:100%;order:3}}.char-detail-photo{position:relative;width:100%;aspect-ratio:5/6;border-radius:5rem;overflow:hidden;background-color:var(--color-divider);flex-shrink:1}.char-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.char-detail-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.char-detail-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--color-accent);border:none;cursor:pointer;flex-shrink:0;transition:opacity var(--transition-base);color:var(--color-pure-white);text-decoration:none}.char-detail-nav-btn:hover{opacity:.9}.char-detail-nav-btn.disabled{opacity:.3;pointer-events:none;cursor:default}.char-detail-nav-btn svg{width:1rem;height:1rem}@media(max-width: 767px){.char-detail-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:20%;aspect-ratio:1;background:rgba(0,0,0,0);border-radius:0;color:var(--color-bg);z-index:2}.char-detail-nav-btn:first-child{left:0}.char-detail-nav-btn:last-child{right:0}.char-detail-nav-btn::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-light-gray-32)}.char-detail-nav-btn svg{position:relative;z-index:1}.char-detail-nav-btn.disabled{opacity:0}}.char-detail-right{display:flex;flex-direction:column;max-width:65vh}@media(max-width: 767px){.char-detail-right{max-width:100%;order:2}}.char-detail-title{display:flex;align-items:baseline;gap:.5rem;flex-wrap:nowrap;margin-bottom:1.5rem}.char-detail-title-name{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-large);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);color:var(--color-fg);white-space:nowrap}.char-detail-title-sep{font-size:var(--text-large);color:var(--color-fg);white-space:nowrap}.char-detail-title-info{font-family:var(--font-accent);font-style:italic;font-size:var(--text-large);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);color:var(--color-gray);white-space:nowrap}.char-detail-description{font-size:var(--text-paragraph);line-height:var(--leading-relaxed);color:var(--color-gray);margin-bottom:1.5rem}.char-detail-description p{margin-bottom:1rem}.char-detail-description p:last-child{margin-bottom:0}@media(max-width: 767px){.char-detail-cta-wrap{position:fixed;bottom:var(--mobile-nav-height);left:0;right:0;padding:1rem;pointer-events:none;z-index:var(--z-sidebar)}}.char-detail-cta{display:flex;align-items:center;justify-content:center;width:100%;height:3.5rem;padding:0 1.5rem;border-radius:1rem;background-color:var(--color-accent);color:var(--color-pure-white);font-size:var(--text-small);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;transition:opacity var(--transition-base);text-decoration:none;border:none}.char-detail-cta:hover{opacity:.9}@media(max-width: 767px){.char-detail-cta{pointer-events:auto}}.char-detail-section{padding-top:2rem;border-top:1px solid var(--color-divider)}.char-detail-section-title{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--color-fg);margin-bottom:1rem}.char-detail-params{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-flow:row;gap:.75rem}.char-detail-param{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0}.char-detail-param-icon-wrap{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:1px solid var(--color-light-gray);flex-shrink:0}.char-detail-param-icon{width:1.5rem;height:1.5rem;flex-shrink:0;object-fit:contain}.char-detail-param-label{display:block;text-transform:uppercase;font-size:var(--text-tiny);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wider);color:var(--color-gray);margin-bottom:.125rem}.char-detail-param-value{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-small);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide);color:var(--color-fg)}.char-detail-reasons-list{display:flex;flex-direction:column;gap:.75rem}.char-detail-reason{display:flex;align-items:flex-start;gap:1rem}.char-detail-reason-num{font-family:var(--font-accent);font-style:italic;font-size:var(--text-paragraph);font-weight:var(--font-weight-regular);color:var(--color-gray);flex-shrink:0;min-width:1.5rem}.char-detail-reason-text{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--color-fg)}.blog-page{padding:2rem 0}@media(min-width: 768px){.blog-page{padding:3rem 0}}.blog-container{margin:0 auto;padding:0 1rem;max-width:1100px}@media(max-width: 767px){.blog-container{max-width:100%}}.blog-header{text-align:left;margin-bottom:2rem}@media(min-width: 768px){.blog-header{margin-bottom:2.5rem}}.blog-header p{margin-top:.5rem}.blog-grid{width:100%}.blog-grid-cards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill, minmax(clamp(12rem, (100% + 0.75rem) / var(--blog-desktop-cols, 3) - 0.75rem, 100%), 1fr))}.blog-load-more{grid-column:1/-1;justify-self:center;margin:2rem auto 0}.blog-load-more:disabled{opacity:.5;cursor:not-allowed}.blog-article-page{max-width:70%;margin:0 auto;padding:2rem 1rem 10rem}@media(max-width: 767px){.blog-article-page{max-width:100%;padding:1rem}}.blog-article-hero{display:flex;flex-direction:row;gap:2rem;margin-bottom:2.5rem}@media(max-width: 767px){.blog-article-hero{flex-direction:column;gap:1rem;margin-bottom:1.5rem}}.blog-article-hero-image{flex:1;min-width:0}.blog-article-hero-image img{width:100%;border-radius:var(--radius-xl);object-fit:cover}@media(min-width: 768px){.blog-article-hero-image img{max-height:60vh}}.blog-article-hero-placeholder{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--color-divider) 0%, var(--color-bg) 100%);border-radius:var(--radius-xl)}@media(min-width: 768px){.blog-article-hero-placeholder{max-height:60vh}}.blog-article-hero-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem}.blog-article-title{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-h2);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-fg)}.blog-article-title em,.blog-article-title i{font-family:var(--font-accent);font-style:italic}.blog-article-datestring{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-gray)}.blog-article-content{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:var(--text-paragraph);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--color-fg)}.blog-article-content h1{font-size:var(--text-h3);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:var(--text-h3) 0 var(--text-paragraph);color:var(--color-fg)}.blog-article-content h1 em,.blog-article-content h1 i{font-family:var(--font-accent);font-style:italic;color:var(--color-gray)}.blog-article-content h2{font-size:var(--text-h5);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin:var(--text-h5) 0 var(--text-small);color:var(--color-fg)}.blog-article-content h3{font-size:var(--text-large);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);margin:var(--text-large) 0 var(--text-xs);color:var(--color-fg)}.blog-article-content h4{font-size:var(--text-paragraph);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);margin:var(--text-paragraph) 0 var(--text-xs);color:var(--color-fg)}.blog-article-content p{margin-bottom:var(--text-paragraph);color:var(--color-fg)}.blog-article-content ul{margin:var(--text-xs) 0 var(--text-paragraph) var(--text-h5);list-style:disc}.blog-article-content ul li{margin-bottom:var(--text-tiny);color:var(--color-fg)}.blog-article-content ol{margin:var(--text-xs) 0 var(--text-paragraph) var(--text-h5);list-style:decimal}.blog-article-content ol li{margin-bottom:var(--text-tiny);color:var(--color-fg)}.blog-article-content strong{font-weight:var(--font-weight-semibold);color:var(--color-fg)}.blog-article-content em,.blog-article-content i{font-style:italic;color:var(--color-gray)}.blog-article-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.blog-article-content a:hover{opacity:.7}.blog-article-content blockquote{border-left:3px solid var(--color-divider);padding-left:1rem;margin:var(--text-paragraph) 0;color:var(--color-gray);font-style:italic}.blog-article-content img{max-width:100%;border-radius:var(--radius-lg);margin:var(--text-paragraph) 0}.blog-article-content hr{border:none;border-top:1px solid var(--color-divider);margin:var(--text-h5) 0}.reviews-page{padding:2rem 0 10rem}@media(min-width: 768px){.reviews-page{padding:3rem 0 10rem}}.reviews-container{margin:0 auto;padding:0 1rem;max-width:1100px}@media(max-width: 767px){.reviews-container{max-width:100%}}.reviews-header{text-align:left;margin-bottom:2rem}@media(min-width: 768px){.reviews-header{margin-bottom:2.5rem}}.reviews-grid{width:100%}.reviews-grid-cards{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width: 768px){.reviews-grid-cards{grid-template-columns:repeat(var(--reviews-desktop-cols, 3), 1fr)}}.reviews-load-more{grid-column:1/-1;justify-self:center;margin:2rem auto 0}.reviews-load-more:disabled{opacity:.5;cursor:not-allowed}.review-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--color-pure-white);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-divider)}.review-rating{display:flex;align-items:center;gap:.125rem;color:var(--color-star)}.review-star--empty{color:var(--color-light-gray)}.review-text{font-size:var(--text-paragraph);color:var(--color-fg);line-height:1.6;text-align:left;flex:1}.review-author{font-size:var(--text-paragraph);color:var(--color-gray);text-align:right}.chat-page-main{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-root{position:absolute;top:0;left:0;width:100%;height:100dvh;z-index:0;visibility:hidden;overflow:hidden}.chat-root.chat-root--visible{visibility:visible}.chat-app{display:flex;width:100%;height:100%;overflow:hidden}.chat-list-column{position:relative;width:100%;height:100%;overflow:hidden}@media(min-width: 768px){.chat-list-column{width:20%;min-width:240px;max-width:320px;flex-shrink:0;border-right:1px solid var(--color-divider)}}.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}}.chat-and-char-column__content{position:relative;z-index:1;display:flex;height:100%;overflow:hidden}.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-spacer{height:2.5rem;flex-shrink:0}.chat-list-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chat-list-header{display:flex;align-items:center;justify-content:center;height:3.5rem;flex-shrink:0;padding:0 1rem}@media(max-width: 767px){.chat-list-header{background:var(--color-bg);height:4rem;border-bottom:1px solid var(--color-divider)}}.chat-list-header__title{font-family:var(--font-primary);font-size:var(--text-large);font-weight:var(--font-weight-semibold);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}@media(min-width: 768px){.chat-badge-list{padding:0 1rem}}.chat-list-empty{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-size:var(--text-small);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;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__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}.chat-badge__message{margin-top:.25rem;width:100%;font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-fg);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.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-gray);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}.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{width:2.5rem;height:2.5rem;align-self:flex-end;justify-self:flex-end;border-radius:var(--radius-lg);background:var(--color-fg)}.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);padding:0}.chat-input__send--inner:disabled,.chat-input__send:disabled{opacity:.4;cursor:not-allowed}.chat-input__send--inner svg,.chat-input__send svg{width:1rem;height:1rem}.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--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 var(--color-divider);border-radius:1.5rem;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}@media(max-width: 767px){.chat-msg__cloud{padding:.75rem .75rem .25rem 1rem}}@media(min-width: 768px){.chat-msg__cloud{padding:1.25rem 1rem .5rem}}.chat-msg__cloud:nth-child(1){margin-top:2rem}.chat-msg--character .chat-msg__cloud{background:var(--color-pure-white)}.chat-msg--user .chat-msg__cloud{background:var(--color-bg)}.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);color:var(--color-gray);margin-top:.25rem}.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}