.df-site-page{background:linear-gradient(180deg, #150d23f5 0%, var(--df-bg) 42%, var(--df-bg-raised) 100%);min-height:100dvh}.df-site{gap:var(--df-space-12);display:grid}.df-site-nav{z-index:20;justify-content:space-between;align-items:center;gap:var(--df-space-4);min-height:64px;padding:var(--df-space-3) 0 var(--df-space-6);display:flex;position:relative}.df-site-nav__brand{align-items:center;gap:var(--df-space-3);min-width:0;color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:var(--df-type-title-medium-letter-spacing);display:inline-flex}.df-site-nav__brand span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-site-nav__brand-mark{flex:none;place-items:center;width:36px;height:36px;display:grid}.df-site-nav__links{justify-content:flex-end;align-items:center;gap:var(--df-space-2);min-width:0;display:inline-flex}.df-site-nav .df-site-nav__menu-button{flex:none;display:none}.df-site-nav__overlay{z-index:80;opacity:0;pointer-events:none;background:#00000070;border:0;padding:0;transition:opacity .26s;position:fixed;inset:0}.df-site-nav__overlay[data-open=true]{opacity:1;pointer-events:auto}.df-site-nav__drawer{z-index:81;border-left:1px solid var(--df-line-soft);background:var(--df-bg-raised);-webkit-overflow-scrolling:touch;visibility:hidden;flex-direction:column;width:min(320px,86vw);height:100dvh;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-24px 0 70px #0000004d}.df-site-nav__drawer[data-open=true]{visibility:visible;transform:translate(0)}.df-site-nav__drawer-header{justify-content:space-between;align-items:center;gap:var(--df-space-3);border-bottom:1px solid var(--df-line-soft);padding:16px 20px;display:flex}.df-site-nav__drawer-links{flex-direction:column;padding:12px 0;display:flex}.df-site-nav__drawer-links a{align-items:center;gap:var(--df-space-3);min-width:0;min-height:68px;color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:var(--df-type-title-medium-letter-spacing);padding:0 24px;transition:background-color .16s;display:flex}.df-site-nav__drawer-links a:hover{background:#a800fd1a}.df-site-nav__drawer-icon{border-radius:var(--df-radius-sm);background:var(--df-primary-soft);width:36px;height:36px;color:var(--df-text-primary-soft);flex:none;place-items:center;display:grid}.df-site-nav__drawer-links a span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-site-nav__drawer-cta{border-top:1px solid var(--df-line-soft);margin-top:auto;padding:16px 24px 24px}.df-site-nav__drawer-cta a{border-radius:var(--df-radius-sm);background:var(--df-primary);min-height:48px;color:var(--df-text);font:var(--df-type-button-medium);letter-spacing:var(--df-type-button-medium-letter-spacing);text-align:center;justify-content:center;align-items:center;display:flex}.df-site-hero{gap:var(--df-space-10);min-height:min(760px,100dvh - 120px);padding:var(--df-space-12) 0 var(--df-space-16);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;display:grid;position:relative;overflow:hidden}.df-site-hero__content{z-index:1;gap:var(--df-space-6);max-width:720px;display:grid;position:relative}.df-site-hero__title{color:var(--df-text);font:400 56px / 1.04 var(--df-font-sans);letter-spacing:0;margin:0}.df-site-hero__lead{max-width:640px;color:var(--df-text-muted);font:400 20px / 1.5 var(--df-font-sans);letter-spacing:0;margin:0}.df-site-hero__actions{gap:var(--df-space-3);flex-wrap:wrap;align-items:center;display:flex}.df-site-hero__note{color:var(--df-text-muted);font:var(--df-type-body-small);letter-spacing:var(--df-type-body-small-letter-spacing);margin:0}.df-site-hero__visual{place-items:center;min-height:480px;display:grid;position:relative}.df-site-hero__visual:before{border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);background:linear-gradient(180deg, #ffffff1c, #ffffff0a), var(--df-gradient-brand);opacity:.42;content:"";position:absolute;inset:8% 4% 0}.df-site-hero__visual img{z-index:1;border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);width:min(228px,64vw);height:auto;box-shadow:var(--df-shadow-2);position:relative}.df-site-chat{z-index:2;gap:var(--df-space-2);width:min(340px,82vw);padding:var(--df-space-4);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);box-shadow:var(--df-shadow-1);background:#150d23e0;display:grid;position:absolute;bottom:44px;right:0}.df-site-chat p{padding:var(--df-space-3);border-radius:var(--df-radius-sm);color:var(--df-text);font:var(--df-type-body-medium);letter-spacing:var(--df-type-body-medium-letter-spacing);margin:0}.df-site-chat p:first-child{background:var(--df-primary);justify-self:end}.df-site-chat p:last-child{background:var(--df-surface-soft);justify-self:start}.df-site-section{gap:var(--df-space-6);scroll-margin-top:24px;display:grid}.df-site-section__header{gap:var(--df-space-4);max-width:760px;display:grid}.df-site-section h2,.df-site-split h2,.df-site-landing-hero h1,.df-legal__header h1{color:var(--df-text);font:var(--df-type-headline-large);letter-spacing:var(--df-type-headline-large-letter-spacing);margin:0}.df-site-section p,.df-site-split p,.df-site-landing-hero p,.df-legal__header p{color:var(--df-text-muted);font:var(--df-type-body-large);letter-spacing:var(--df-type-body-large-letter-spacing);margin:0}.df-site-card-grid,.df-pricing-grid,.df-faq-list{gap:var(--df-space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.df-site-card,.df-pricing-card,.df-faq-item{gap:var(--df-space-3);min-width:0;padding:var(--df-space-5);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);background:#ffffff0d;display:grid}.df-site-card{color:inherit;transition:border-color .16s,transform .16s}.df-site-card:hover{border-color:var(--df-primary);transform:translateY(-2px)}.df-site-card__icon{border-radius:var(--df-radius-sm);background:var(--df-primary-soft);width:36px;height:36px;color:var(--df-text-primary-soft);justify-content:center;align-items:center;display:inline-flex}.df-site-card__title,.df-pricing-card h3,.df-faq-item h3,.df-site-footer__brand{color:var(--df-text);font:var(--df-type-title-large);letter-spacing:var(--df-type-title-large-letter-spacing);margin:0}.df-site-card__body,.df-pricing-card__text,.df-faq-item p,.df-site-footer__text{color:var(--df-text-muted);font:var(--df-type-body-medium);letter-spacing:var(--df-type-body-medium-letter-spacing);margin:0}.df-site-card__link{color:var(--df-text-primary-soft);font:var(--df-type-label-large);letter-spacing:var(--df-type-label-large-letter-spacing)}.df-site-split{gap:var(--df-space-6);padding:var(--df-space-8);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);background:#ffffff0a;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:start;display:grid}.df-site-split>div:first-child{gap:var(--df-space-4);display:grid}.df-site-feature-list,.df-site-highlight-list{gap:var(--df-space-3);display:grid}.df-site-feature,.df-site-highlight{align-items:flex-start;gap:var(--df-space-3);min-width:0;padding:var(--df-space-4);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);background:var(--df-surface-soft);color:var(--df-text);font:var(--df-type-body-medium);letter-spacing:var(--df-type-body-medium-letter-spacing);display:flex}.df-site-feature svg,.df-site-highlight svg{color:var(--df-text-primary-soft);flex:none}.df-pricing-card{align-content:start}.df-pricing-card__price{color:var(--df-text);font:400 32px / 1.2 var(--df-font-sans);letter-spacing:0;margin:0}.df-pricing-card ul{gap:var(--df-space-3);margin:0;padding:0;list-style:none;display:grid}.df-pricing-card li{align-items:center;gap:var(--df-space-2);color:var(--df-text-muted);font:var(--df-type-body-medium);letter-spacing:var(--df-type-body-medium-letter-spacing);display:flex}.df-pricing-card li svg{color:var(--df-text-primary-soft)}.df-site-landing-hero{gap:var(--df-space-8);padding:var(--df-space-12) 0 var(--df-space-8);grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:end;display:grid}.df-site-landing-hero>div:first-child{gap:var(--df-space-5);display:grid}.df-site-landing-hero h1{font:400 48px / 1.08 var(--df-font-sans);letter-spacing:0}.df-site-footer{margin-top:var(--df-space-4);border-top:1px solid var(--df-line-soft);background:linear-gradient(180deg, var(--df-surface-soft), var(--df-bg)), var(--df-bg-raised);color:var(--df-text-muted);text-align:left}.df-site-footer__inner{width:min(var(--df-page-max), calc(100% - var(--df-space-8)));padding:var(--df-space-16) 0 var(--df-space-6);margin:0 auto}.df-site-footer__grid{gap:var(--df-space-10) var(--df-space-8);padding-bottom:var(--df-space-12);border-bottom:1px solid var(--df-line-soft);grid-template-columns:minmax(220px,1.1fr) repeat(2,minmax(128px,.8fr)) minmax(240px,1.35fr) repeat(2,minmax(128px,.8fr));display:grid}.df-site-footer__brand-block,.df-site-footer__col{min-width:0}.df-site-footer__logo{align-items:center;gap:var(--df-space-3);min-width:0;color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:var(--df-type-title-medium-letter-spacing);display:inline-flex}.df-site-footer__logo-mark{flex:none;place-items:center;width:32px;height:32px;display:grid}.df-site-footer__text{max-width:330px;margin:var(--df-space-5) 0 var(--df-space-5)}.df-site-footer__cta{width:fit-content}.df-site-footer__note{margin:var(--df-space-3) 0 0;color:var(--df-text-subtle);font:var(--df-type-body-small);letter-spacing:var(--df-type-body-small-letter-spacing)}.df-site-footer__quick-actions{gap:var(--df-space-3);margin-top:var(--df-space-5);flex-wrap:wrap;display:flex}.df-site-footer__quick-action{border:1px solid var(--df-line-soft);border-radius:var(--df-radius-full);background:var(--df-primary-soft);width:44px;height:44px;color:var(--df-text-primary-soft);box-shadow:0 var(--df-space-2) var(--df-space-8) var(--df-primary-shadow-soft);justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.df-site-footer__quick-action:hover{border-color:var(--df-line);background:var(--df-primary);color:var(--df-text);transform:translateY(-2px)}.df-site-footer__title{margin:var(--df-space-1) 0 var(--df-space-5);color:var(--df-text-subtle);font:var(--df-type-label-medium);letter-spacing:.12em;text-transform:uppercase}.df-site-footer__list{gap:var(--df-space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.df-site-footer__list a{color:var(--df-text);font:var(--df-type-body-medium);letter-spacing:var(--df-type-body-medium-letter-spacing);transition:color .16s;display:inline-block}.df-site-footer__list a:hover{color:var(--df-text-primary-soft)}.df-site-footer__col--wide .df-site-footer__list{gap:var(--df-space-2)}.df-site-footer__col--wide .df-site-footer__list a{font:var(--df-type-body-small);letter-spacing:var(--df-type-body-small-letter-spacing);line-height:1.35}.df-site-footer__bottom{justify-content:space-between;align-items:center;gap:var(--df-space-3) var(--df-space-6);padding-top:var(--df-space-6);color:var(--df-text-subtle);font:var(--df-type-body-small);letter-spacing:var(--df-type-body-small-letter-spacing);flex-wrap:wrap;display:flex}.df-site-footer__copy,.df-site-footer__company{margin:0}.df-legal{gap:var(--df-space-8);max-width:900px;display:grid}.df-legal__header{gap:var(--df-space-4);padding-top:var(--df-space-8);display:grid}.df-legal__section{gap:var(--df-space-3);display:grid}.df-legal__section h2{color:var(--df-text);font:var(--df-type-title-large);letter-spacing:var(--df-type-title-large-letter-spacing);margin:0}.df-legal__section p,.df-legal__section li{color:var(--df-text-muted);font:var(--df-type-body-medium);letter-spacing:var(--df-type-body-medium-letter-spacing);margin:0}.df-legal__section ul{gap:var(--df-space-2);padding-left:var(--df-space-5);margin:0;display:grid}@media (max-width:1120px){.df-site-footer__grid{gap:var(--df-space-10) var(--df-space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.df-site-footer__brand-block{grid-column:1/-1}}@media (max-width:900px){.df-site-nav__links{display:none}.df-site-nav .df-site-nav__menu-button{display:inline-grid}.df-site-hero,.df-site-landing-hero,.df-site-split{grid-template-columns:1fr}.df-site-hero{min-height:auto}.df-site-hero__visual{min-height:360px}}@media (max-width:720px){.df-site-footer__inner{padding:var(--df-space-12) 0 var(--df-space-6)}.df-site-footer__grid{gap:var(--df-space-8) var(--df-space-6);padding-bottom:var(--df-space-10);grid-template-columns:repeat(2,minmax(0,1fr))}.df-site-footer__brand-block{grid-column:1/-1}}@media (max-width:620px){.df-site{gap:var(--df-space-8)}.df-site-hero{padding:var(--df-space-8) 0}.df-site-hero__title,.df-site-landing-hero h1{font:var(--df-type-headline-large);letter-spacing:var(--df-type-headline-large-letter-spacing)}.df-site-hero__lead{font:var(--df-type-body-large);letter-spacing:var(--df-type-body-large-letter-spacing)}.df-site-split,.df-site-card,.df-pricing-card,.df-faq-item{padding:var(--df-space-4)}}@media (max-width:460px){.df-site-footer__grid{grid-template-columns:1fr}.df-site-footer__brand-block{grid-column:auto}.df-site-footer__bottom{flex-direction:column;align-items:flex-start}}
.df-login-page{background:var(--df-bg);min-height:100dvh}.df-auth-page{position:relative;overflow:hidden}.df-auth-background{background:linear-gradient(135deg,#150d23 0%,#2a1239f5 44%,#122132 100%),linear-gradient(#a800fd2e 0%,#0000 58%);position:absolute;inset:0}.df-auth-background:before,.df-auth-background:after{content:"";border:1px solid #ffffff14;position:absolute;transform:rotate(-12deg)}.df-auth-background:before{border-radius:72px;width:460px;height:460px;top:-120px;left:-160px}.df-auth-background:after{border-radius:96px;width:420px;height:420px;bottom:-180px;right:-120px}.df-auth-topbar{z-index:2;justify-content:space-between;align-items:center;gap:var(--df-space-4);width:min(100% - 48px,1120px);padding-top:var(--df-space-6);margin:0 auto;display:flex;position:relative}.df-auth-brand,.df-auth-link{color:var(--df-text);font:var(--df-type-label-large);letter-spacing:0;align-items:center;display:inline-flex}.df-auth-brand{gap:var(--df-space-3);font:var(--df-type-brand);letter-spacing:var(--df-type-brand-letter-spacing)}.df-auth-brand__mark,.df-product-brand__mark{flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.df-auth-link{min-height:36px;padding:0 var(--df-space-4);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-full);color:var(--df-text-muted);background:#ffffff0d}.df-auth-shell{z-index:1;min-height:calc(100dvh - 72px);padding:var(--df-space-8) var(--df-space-6);place-items:center;display:grid;position:relative}.df-auth-card{gap:var(--df-space-6);width:100%;min-width:0;max-width:520px;padding:var(--df-space-8);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);box-shadow:var(--df-shadow-2);-webkit-backdrop-filter:blur(18px);background:#ffffff0f;display:grid}.df-auth-card__topline{align-items:center;gap:var(--df-space-3);min-width:0;display:flex}.df-auth-back.df-icon-button{flex:none}.df-auth-card--character{max-width:900px}.df-auth-card--loading{text-align:center;justify-items:center}.df-auth-card--loading p{color:var(--df-text-muted);font:var(--df-type-body-large);letter-spacing:0;margin:0}.df-auth-loader{border-radius:var(--df-radius-sm);background:var(--df-primary);place-items:center;width:56px;height:56px;animation:.9s ease-in-out infinite df-pulse;display:inline-grid}.df-auth-progress{gap:var(--df-space-2);flex:auto;min-width:0;display:flex}.df-auth-progress span{border-radius:var(--df-radius-full);background:#ffffff1f;flex:1 1 0;min-width:0;height:4px;display:block}.df-auth-progress span[data-active=true]{background:var(--df-gradient-action)}.df-auth-step{gap:var(--df-space-5);min-width:0;display:grid}.df-auth-step--welcome,.df-auth-step--character{gap:var(--df-space-6)}.df-auth-step__header{gap:var(--df-space-3);display:grid}.df-auth-step__header h1{color:var(--df-text);font:var(--df-type-display-small);letter-spacing:0;margin:0}.df-auth-step__header p,.df-auth-plan small{color:var(--df-text-muted);font:var(--df-type-body-large);letter-spacing:0;overflow-wrap:anywhere;margin:0}.df-auth-plan{gap:var(--df-space-2);min-width:0;max-width:100%;padding:var(--df-space-5);border-radius:var(--df-radius-sm);background:var(--df-primary-soft);border:1px solid #ffffff1a;display:grid}.df-auth-plan span{color:var(--df-text-primary-soft);font:var(--df-type-label-large);letter-spacing:0;overflow-wrap:anywhere}.df-auth-plan strong{color:var(--df-text);font:var(--df-type-title-large);letter-spacing:0;overflow-wrap:anywhere}.df-auth-actions{gap:var(--df-space-3);display:grid}.df-auth-actions--row{flex-wrap:wrap;display:flex}.df-auth-actions--row .df-button{flex:180px}.df-auth-step>.df-button,.df-auth-actions>.df-button{width:100%}.df-auth-text-button{min-height:36px;color:var(--df-text-muted);font:var(--df-type-label-large);letter-spacing:0;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.df-auth-choice-group{gap:var(--df-space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.df-auth-choice-group legend{color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:0;padding:0}.df-auth-choice-grid{gap:var(--df-space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.df-auth-choice{gap:var(--df-space-2);min-width:0;padding:var(--df-space-4);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-sm);background:var(--df-surface-soft);color:var(--df-text);text-align:left;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.df-auth-choice:hover{transform:translateY(-1px)}.df-auth-choice[data-active=true]{border-color:var(--df-primary);background:var(--df-primary-soft)}.df-auth-choice span{font:var(--df-type-title-small);letter-spacing:0}.df-auth-choice small{color:var(--df-text-muted);font:var(--df-type-body-small);letter-spacing:0}.df-auth-card .df-input__control{background:var(--df-surface-soft);min-height:52px}.df-login-consent{gap:var(--df-space-3);color:var(--df-text-muted);font:var(--df-type-body-small);letter-spacing:0;grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.df-login-consent input{width:18px;height:18px;accent-color:var(--df-primary);margin:1px 0 0}.df-login-consent a{color:var(--df-text-primary-soft);text-underline-offset:2px;text-decoration:underline}.df-login-error{color:var(--df-danger);font:var(--df-type-body-small);letter-spacing:0;margin:0}.df-login-summary{gap:var(--df-space-2);flex-wrap:wrap;display:flex}.df-login-summary span{padding:var(--df-space-2) var(--df-space-3);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-full);background:var(--df-surface-soft);color:var(--df-text-muted);font:var(--df-type-label-medium);letter-spacing:0}.df-character-step__body{gap:var(--df-space-6);grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;display:grid}.df-character-step__form{gap:var(--df-space-5);min-width:0;display:grid}.df-character-step__form .df-auth-choice-grid{grid-template-columns:1fr}.df-character-picker{--df-character-picker-arrow-bg:var(--df-app-purple);--df-character-picker-arrow-border:var(--df-app-line-strong);--df-character-picker-arrow-shadow:var(--df-cc-shadow-md);--df-character-picker-arrow-text:var(--df-m3-white);--df-character-picker-under-card-border:var(--df-cc-line-strong);gap:var(--df-space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.df-character-picker legend{color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:0;padding:0}.df-character-picker__carousel{gap:var(--df-space-3);justify-items:center;min-width:0;display:grid;position:relative}.df-character-picker__stack{isolation:isolate;width:min(100%,350px);height:clamp(360px,48dvh,460px);position:relative}.df-character-picker__card,.df-character-picker__under-card{border:1px solid var(--df-primary);border-radius:var(--df-radius-sm);background:linear-gradient(180deg, #ffffff12 0%, #a800fd29 100%), var(--df-surface-soft);width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 44px #00000038,inset 0 1px #ffffff1a}.df-character-picker__card{z-index:2;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:background-color .16s,border-color .16s,transform .16s}.df-character-picker__under-card{z-index:1;border-color:var(--df-character-picker-under-card-border);pointer-events:none;filter:saturate(.92)brightness(.92);transition:opacity .16s,transform .16s}.df-character-picker__card[data-dragging=true]{cursor:grabbing;transition:none}.df-character-picker__card:after,.df-character-picker__under-card:after{border-radius:var(--df-radius-full);filter:blur(12px);content:"";background:#0000003d;height:22px;position:absolute;bottom:20px;left:18%;right:18%}.df-character-picker__image-frame{z-index:1;position:absolute;inset:0}.df-character-picker__image{object-fit:contain;object-position:center bottom;pointer-events:none}.df-character-picker__arrow.df-icon-button{z-index:3;--icon-button-bg:var(--df-character-picker-arrow-bg);--icon-button-border:var(--df-character-picker-arrow-border);--icon-button-text:var(--df-character-picker-arrow-text);box-shadow:var(--df-character-picker-arrow-shadow);position:absolute;top:50%;transform:translateY(-50%)}.df-character-picker__arrow--prev{left:-22px}.df-character-picker__arrow--next{right:-22px}.df-character-picker__arrow.df-icon-button:hover:not(:disabled){color:var(--df-character-picker-arrow-text);transform:translateY(-50%)scale(1.04)}.df-character-picker__meta{justify-content:space-between;align-items:center;gap:var(--df-space-3);width:min(100%,350px);color:var(--df-text-muted);font:var(--df-type-label-large);letter-spacing:0;display:flex}.df-character-picker__meta strong{color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:0}@media (max-width:620px){.df-auth-topbar{width:min(100% - 24px,1120px);padding-top:var(--df-space-4)}.df-auth-shell{min-height:calc(100dvh - 60px);padding:var(--df-space-6) var(--df-space-3)}.df-auth-card{padding:var(--df-space-5)}.df-auth-card--character{max-width:520px}.df-auth-step__header h1{font:var(--df-type-headline-large);letter-spacing:0}.df-auth-choice-grid{grid-template-columns:1fr}.df-character-step__body{gap:var(--df-space-5);grid-template-columns:1fr}.df-character-picker__stack{width:min(100%,360px);height:clamp(330px,54dvh,410px)}.df-character-picker__arrow--prev{left:var(--df-space-2)}.df-character-picker__arrow--next{right:var(--df-space-2)}}
.df-product-page{background:radial-gradient(circle at 82% 0%, var(--df-app-purple-scrim), transparent 34rem), linear-gradient(180deg, var(--df-app-bg-top) 0%, var(--df-app-bg) 100%);min-height:100dvh;color:var(--df-app-text)}.df-product-page[data-route=chatDetail][data-view=chats]{height:var(--df-chat-viewport-height,100dvh);min-height:0;overflow:hidden}.df-product-page[data-route=chatDetail][data-view=chats] .df-product-shell,.df-product-page[data-route=chatDetail][data-view=chats] .df-product-main{height:100%;min-height:0}.df-product-page[data-route=chatDetail][data-view=chats] .df-product-main{overflow:hidden}.df-product-page .df-badge--soft{background:var(--df-app-purple-soft);color:var(--df-app-purple-dark)}.df-product-page .df-badge--outline{border-color:var(--df-app-purple-line);background:var(--df-app-panel-raised);color:var(--df-app-purple-dark)}.df-product-page .df-button--solid.df-button--primary{--button-bg:linear-gradient(135deg, var(--df-app-purple) 0%, var(--df-app-coral-brand) 100%);--button-text:var(--df-app-text)}.df-product-page .df-button--outline{--button-border:var(--df-app-line-strong);--button-text:var(--df-app-text);background:var(--df-app-panel-raised)}.df-product-page .df-button--disabled,.df-product-page .df-button:disabled{--button-bg:var(--df-app-coral-disabled);--button-border:var(--df-app-coral-disabled);--button-text:var(--df-app-muted);opacity:.72}.df-product-page .df-icon-button{--icon-button-bg:var(--df-app-panel-raised);--icon-button-border:var(--df-app-line);--icon-button-text:var(--df-app-text);box-shadow:0 8px 24px var(--df-app-shadow-icon)}.df-product-page .df-icon-button--solid{--icon-button-bg:var(--df-app-purple);--icon-button-border:var(--df-app-purple);--icon-button-text:var(--df-app-text)}.df-product-page .df-icon-button--outline{--icon-button-bg:var(--df-app-panel-raised);--icon-button-border:var(--df-app-line);--icon-button-text:var(--df-app-text)}.df-product-shell{grid-template-columns:268px minmax(0,1fr);width:100%;min-height:100dvh;display:grid}.df-product-sidebar,.df-product-main{min-width:0}.df-product-sidebar{gap:var(--df-space-6);height:100dvh;padding:var(--df-space-5) var(--df-space-3);border-right:1px solid var(--df-app-line);background:var(--df-app-panel-glass);-webkit-backdrop-filter:blur(18px);grid-template-rows:auto 1fr auto;display:grid;position:sticky;top:0}.df-product-brand{align-items:center;gap:var(--df-space-3);min-width:0;padding:0 var(--df-space-2);display:flex}.df-product-brand__mark{place-items:center;width:44px;height:44px;display:grid}.df-product-brand strong,.df-product-brand span{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.df-product-brand strong{color:var(--df-app-text);font:var(--df-type-title-medium)}.df-product-brand span{color:var(--df-app-muted);font:var(--df-type-body-small)}.df-product-mobile-topbar{display:none}.df-product-mobile-overlay{z-index:60;background:var(--df-app-overlay);opacity:0;pointer-events:none;border:0;padding:0;transition:opacity .26s;position:fixed;inset:0}.df-product-mobile-overlay[data-open=true]{opacity:1;pointer-events:auto}.df-product-mobile-drawer{z-index:61;border-left:1px solid var(--df-app-line);background:var(--df-app-panel);width:min(336px,88vw);height:100dvh;box-shadow:-24px 0 70px var(--df-app-drawer-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;flex-direction:column;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.df-product-mobile-drawer[data-open=true]{visibility:visible;transform:translate(0)}.df-product-mobile-drawer__header{justify-content:space-between;align-items:center;gap:var(--df-space-3);border-bottom:1px solid var(--df-app-line);padding:16px 20px;display:flex}.df-product-mobile-drawer__header .df-product-brand{padding:0}.df-product-mobile-drawer__nav{padding:12px 0;display:grid}.df-product-mobile-drawer .df-product-mobile-drawer__item{min-height:68px;color:var(--df-app-text);font:var(--df-type-title-medium);border-width:0;border-radius:0;padding:0 24px}.df-product-mobile-drawer .df-product-mobile-drawer__item:hover{background:var(--df-app-purple-hover)}.df-product-mobile-drawer .df-product-mobile-drawer__item[data-active=true]{background:var(--df-app-coral-soft);color:var(--df-app-coral-text);border-color:#0000}.df-product-mobile-drawer__icon{background:var(--df-app-purple-soft);width:36px;height:36px;color:var(--df-app-purple-dark);border-radius:10px;flex:none;place-items:center;display:grid}.df-product-mobile-drawer .df-product-mobile-drawer__item[data-active=true] .df-product-mobile-drawer__icon{background:var(--df-app-coral-soft-strong);color:var(--df-app-coral-text)}.df-product-mobile-drawer__footer{gap:var(--df-space-3);border-top:1px solid var(--df-app-line);margin-top:auto;padding:16px 20px 20px;display:grid}.df-product-nav,.df-product-sidebar__bottom{gap:var(--df-space-2);display:grid}.df-product-nav{align-content:start}.df-product-chat-nav{align-content:start;min-width:0;min-height:0;display:grid;overflow:hidden}.df-product-chat-nav__list{min-width:0;padding:0 2px var(--df-space-2);align-content:start;gap:6px;display:grid;overflow-y:auto}.df-product-chat-nav__row{background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;gap:2px;min-width:0;min-height:68px;transition:background-color .16s,border-color .16s;display:grid;position:relative}.df-product-chat-nav__row:hover{background:var(--df-app-panel-soft)}.df-product-chat-nav__row[data-active=true]{border-color:var(--df-app-coral-line);background:var(--df-app-coral-panel)}.df-product-chat-nav__link{min-width:0;min-height:66px;color:var(--df-app-text);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:9px 0 9px 10px;text-decoration:none;display:grid}.df-product-chat-nav .df-product-chat-nav__avatar{flex:0 0 40px;width:40px;height:40px}.df-product-chat-nav__avatar .df-tutor-avatar__frame{border-width:3px;border-color:var(--df-app-panel-raised);background:var(--df-app-panel-raised);border-radius:8px;width:40px;height:40px}.df-product-chat-nav__avatar .df-tutor-avatar__image-wrap{width:34px;height:34px}.df-product-chat-nav__avatar .df-tutor-avatar__image{object-fit:contain;width:100%;height:100%;top:0;left:0}.df-product-chat-nav__avatar .df-tutor-avatar__status{display:none}.df-product-chat-nav__text{align-content:center;gap:4px;min-width:0;display:grid}.df-product-chat-nav__meta-row{grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:8px;min-width:0;display:grid}.df-product-chat-nav__text strong,.df-product-chat-nav__text small,.df-product-chat-nav__meta-row time,.df-product-chat-nav__state{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-product-chat-nav__text strong{color:var(--df-app-text);font:var(--df-type-title-small)}.df-product-chat-nav__meta-row time{color:var(--df-app-muted);font:var(--df-type-label-small)}.df-product-chat-nav__text small,.df-product-chat-nav__state{color:var(--df-app-muted);font:var(--df-type-body-small)}.df-product-chat-nav__state{padding:0 var(--df-space-3);margin:0}.df-product-chat-nav__menu{place-items:center;padding-right:4px;display:grid;position:relative}.df-product-chat-nav__menu-button{width:30px;height:30px;color:var(--df-app-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.df-product-chat-nav__menu-button:hover,.df-product-chat-nav__menu-button[aria-expanded=true]{background:var(--df-app-panel-raised);color:var(--df-app-text)}.df-product-chat-nav__popover{z-index:20;border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);min-width:148px;box-shadow:0 16px 42px var(--df-app-shadow-message);border-radius:8px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:4px}.df-product-chat-nav__popover a{min-height:38px;color:var(--df-app-text);font:var(--df-type-label-large);letter-spacing:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:flex}.df-product-chat-nav__popover a:hover{background:var(--df-app-panel-soft)}.df-product-chat-nav__list--drawer{gap:0;padding:8px 12px}.df-product-chat-nav__list--drawer .df-product-chat-nav__row{border-width:0;border-radius:0;min-height:64px}.df-product-chat-nav__list--drawer .df-product-chat-nav__row[data-active=true]{background:var(--df-app-coral-soft);color:var(--df-app-coral-text)}.df-product-chat-nav__state--drawer{padding:18px 24px}.df-product-sidebar__bottom{align-content:end}.df-product-nav__item{align-items:center;gap:var(--df-space-3);width:100%;min-height:48px;padding:0 var(--df-space-4);color:var(--df-app-muted);cursor:pointer;font:var(--df-type-title-small);letter-spacing:0;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:flex}.df-product-nav__item:hover{background:var(--df-app-panel-soft);color:var(--df-app-text)}.df-product-nav__item[data-active=true]{border-color:var(--df-app-coral-line);background:var(--df-app-coral-panel);color:var(--df-app-coral-text)}.df-product-nav__item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.df-product-sidebar__footer{gap:var(--df-space-2);width:100%;padding:var(--df-space-4);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);color:var(--df-app-muted);font:var(--df-type-body-small);letter-spacing:0;border-radius:8px;display:grid}button.df-product-sidebar__footer{appearance:none;text-align:left}.df-product-sidebar__footer--action{cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s}.df-product-sidebar__footer--action:hover:not(:disabled){border-color:var(--df-app-purple-line);background:var(--df-app-panel-soft);box-shadow:0 10px 28px var(--df-app-shadow-control)}.df-product-sidebar__footer--action:focus-visible{outline:2px solid var(--df-app-coral-text);outline-offset:2px}.df-product-sidebar__footer--action:disabled{cursor:progress;opacity:.72}.df-product-sidebar__pay{width:100%;min-height:var(--df-space-8);align-items:center;gap:var(--df-space-2);margin-top:var(--df-space-1);border-radius:var(--df-radius-md);background:var(--df-app-purple-soft);color:var(--df-app-purple-dark);font:var(--df-type-button-medium);letter-spacing:0;justify-content:center;display:inline-flex}.df-product-sidebar__pay-spinner{animation:.8s linear infinite df-spin}.df-product-sidebar__error{color:var(--df-app-danger-text);font:var(--df-type-label-small);letter-spacing:0}.df-product-add-chat{justify-content:center;width:100%}.df-product-main{min-height:100dvh;padding:var(--df-space-6);display:grid}.df-product-chat,.df-product-profile,.df-product-settings{border:1px solid var(--df-app-line);background:var(--df-app-panel-raised-alpha);min-height:0;box-shadow:var(--df-app-shadow);border-radius:8px;display:grid}.df-product-chat{padding:var(--df-space-7) var(--df-space-7) var(--df-space-6);grid-template-rows:auto minmax(0,1fr) auto auto}.df-product-chat--list{align-content:start;gap:var(--df-space-6);grid-template-rows:auto auto auto}.df-product-profile,.df-product-settings{align-content:start;gap:var(--df-space-6);padding:var(--df-space-7)}.df-product-settings__panel{gap:var(--df-space-5);width:min(100%,760px);display:grid}.df-product-settings__empty{place-items:center;min-height:460px;display:grid}.df-product-settings__back{min-height:40px;padding:0 var(--df-space-4);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);color:var(--df-app-text);font:var(--df-type-label-large);letter-spacing:0;border-radius:8px;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.df-product-settings__back:hover{border-color:var(--df-app-purple-line)}.df-settings-choice-group{gap:var(--df-space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.df-settings-choice-group legend{margin-bottom:var(--df-space-3);color:var(--df-app-text);font:var(--df-type-title-medium);letter-spacing:0}.df-settings-choice-grid{gap:var(--df-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,184px),1fr));display:grid}.df-settings-choice{min-height:92px;padding:var(--df-space-4);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);color:var(--df-app-text);cursor:pointer;text-align:left;border-radius:8px;align-content:start;gap:6px;transition:background-color .16s,border-color .16s,box-shadow .16s;display:grid}.df-settings-choice:hover{border-color:var(--df-app-purple-line)}.df-settings-choice[data-active=true]{border-color:var(--df-app-coral-line);background:var(--df-app-coral-panel);box-shadow:0 10px 28px var(--df-app-shadow-control)}.df-settings-choice span,.df-settings-choice small{overflow-wrap:anywhere;letter-spacing:0}.df-settings-choice span{font:var(--df-type-title-small)}.df-settings-choice small{color:var(--df-app-muted);font:var(--df-type-body-small)}.df-product-settings__footer{align-items:center;gap:var(--df-space-4);grid-template-columns:minmax(0,1fr) auto;width:min(100%,760px);display:grid}.df-product-settings__status{min-height:20px;color:var(--df-app-muted);font:var(--df-type-body-small);letter-spacing:0}.df-product-header{justify-content:space-between;align-items:flex-start;gap:var(--df-space-5);display:flex}.df-product-title{align-items:center;gap:var(--df-space-4);min-width:0;display:flex}.df-product-title h1,.df-product-title p{letter-spacing:0;margin:0}.df-product-title h1{margin-top:var(--df-space-2);color:var(--df-app-text);font:var(--df-type-headline-small)}.df-product-title p{max-width:52ch;color:var(--df-app-muted);font:var(--df-type-body-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-product-avatar{width:58px;height:58px}.df-product-avatar .df-tutor-avatar__frame{border-width:6px;border-color:var(--df-app-panel-soft);background:var(--df-app-panel-soft);border-radius:8px;width:58px;height:58px}.df-product-avatar .df-tutor-avatar__image-wrap{width:46px;height:46px}.df-product-avatar .df-tutor-avatar__image{object-fit:contain;width:100%;height:100%;top:0;left:0}.df-product-avatar .df-tutor-avatar__status{display:none}.df-chat-toolbar{justify-content:flex-end;align-items:center;gap:var(--df-space-3);flex-wrap:wrap;display:flex}.df-chat-counter,.df-chat-style-button{align-items:center;gap:var(--df-space-2);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);min-height:40px;color:var(--df-app-text);box-shadow:0 8px 24px var(--df-app-shadow-control);font:var(--df-type-label-large);letter-spacing:0;border-radius:999px;display:inline-flex}.df-chat-counter{padding:0 var(--df-space-4)}.df-chat-counter strong{font:var(--df-type-title-small);letter-spacing:0}.df-chat-counter span{color:var(--df-app-muted)}.df-chat-style-button{padding:0 var(--df-space-4);cursor:pointer}.df-chat-style-button:hover{border-color:var(--df-app-purple-line);color:var(--df-app-purple-dark)}.df-product-messages{align-content:start;gap:var(--df-space-4);min-height:360px;padding:var(--df-space-8) 0 var(--df-space-5);display:grid;overflow:auto}.df-product-messages--empty{align-content:start}.df-chat-intro-card{gap:var(--df-space-3);width:min(100%,640px);padding:var(--df-space-5);border:1px solid var(--df-app-mint-line);background:var(--df-app-mint);color:var(--df-app-text);border-radius:8px;display:grid}.df-chat-intro-card__icon{background:var(--df-app-panel-raised);width:40px;height:40px;color:var(--df-app-purple-dark);border-radius:999px;place-items:center;display:grid}.df-chat-intro-card h2,.df-chat-intro-card p{letter-spacing:0;margin:0}.df-chat-intro-card h2{font:var(--df-type-title-large)}.df-chat-intro-card p{color:var(--df-app-muted);font:var(--df-type-body-medium)}.df-chat-list{gap:var(--df-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.df-chat-list__item{align-items:center;gap:var(--df-space-4);min-height:132px;padding:var(--df-space-5);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);color:var(--df-app-text);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.df-chat-list__item:hover{border-color:var(--df-app-purple-line);box-shadow:0 14px 32px var(--df-app-shadow-message);transform:translateY(-1px)}.df-chat-list__text{gap:6px;min-width:0;display:grid}.df-chat-list__text strong,.df-chat-list__text small,.df-chat-list__text em{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-chat-list__text strong{color:var(--df-app-text);font:var(--df-type-title-large)}.df-chat-list__text small{color:var(--df-app-muted);font:var(--df-type-body-medium)}.df-chat-list__text em{color:var(--df-app-subtle);font:var(--df-type-body-small);font-style:normal}.df-chat-list__chevron{background:var(--df-app-purple-soft);width:36px;height:36px;color:var(--df-app-purple-dark);border-radius:999px;place-items:center;display:grid}.df-chat-message{gap:var(--df-space-2);width:min(680px,78%);padding:var(--df-space-4) var(--df-space-5);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);box-shadow:0 10px 26px var(--df-app-shadow-message);border-radius:8px;display:grid}.df-chat-message[data-role=assistant]{border-color:var(--df-app-mint-line);background:var(--df-app-mint);justify-self:start}.df-chat-message[data-role=user]{border-color:var(--df-app-purple-line-soft);background:var(--df-app-user-bubble);justify-self:end}.df-chat-message[data-status=failed]{border-color:var(--df-app-danger-line)}.df-chat-message__meta{color:var(--df-app-muted);font:var(--df-type-label-small);letter-spacing:0}.df-chat-message__content p,.df-product-error{letter-spacing:0;margin:0}.df-chat-message__content{gap:var(--df-space-2);display:grid}.df-chat-message__content p{color:var(--df-app-text);font:var(--df-type-body-medium);white-space:pre-wrap}.df-chat-message__content a{color:inherit;text-underline-offset:3px;text-decoration:underline}.df-chat-message__retry{min-height:32px;padding:0 var(--df-space-3);border:1px solid var(--df-app-danger-line-soft);background:var(--df-app-panel-raised);color:var(--df-app-danger-text);cursor:pointer;font:var(--df-type-label-medium);border-radius:8px;justify-self:start}.df-chat-message__retry:hover{background:var(--df-app-danger-bg)}.df-product-error{color:var(--df-app-error);font:var(--df-type-body-small)}.df-product-composer{padding-top:var(--df-space-4)}.df-chat-composer{align-items:end;gap:var(--df-space-3);padding:var(--df-space-2);border:2px solid var(--df-app-coral-line-strong);background:var(--df-app-panel-raised);border-radius:999px;grid-template-columns:minmax(0,1fr) auto;display:grid}.df-chat-composer:focus-within{border-color:var(--df-app-coral)}.df-chat-composer__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.df-chat-composer textarea{width:100%;min-height:44px;max-height:160px;padding:12px var(--df-space-4) 8px;resize:none;color:var(--df-app-text);font:var(--df-type-body-large);letter-spacing:0;background:0 0;border:0;outline:0}.df-chat-composer textarea::placeholder{color:var(--df-app-subtle)}.df-product-profile__avatar{background:var(--df-app-purple-soft);width:56px;height:56px;color:var(--df-app-purple-dark);border-radius:8px;place-items:center;display:inline-grid}.df-product-profile__panel{gap:var(--df-space-4);width:min(100%,560px);padding:var(--df-space-5);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);border-radius:8px;display:grid}.df-product-profile__row{justify-content:space-between;align-items:center;gap:var(--df-space-4);padding-bottom:var(--df-space-4);border-bottom:1px solid var(--df-app-line);color:var(--df-app-muted);font:var(--df-type-body-medium);letter-spacing:0;display:flex}.df-product-profile__row strong{min-width:0;color:var(--df-app-text);font:var(--df-type-title-small);letter-spacing:0;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-product-billing{gap:var(--df-space-4);padding:var(--df-space-4);border:1px solid var(--df-app-line);background:var(--df-app-panel-soft);border-radius:8px;display:grid}.df-product-billing__header{align-items:center;gap:var(--df-space-3);display:flex}.df-product-billing__icon{background:var(--df-app-mint);width:40px;height:40px;color:var(--df-app-text);border-radius:8px;flex:none;place-items:center;display:inline-grid}.df-product-billing__header h2,.df-product-billing__header p{letter-spacing:0;margin:0}.df-product-billing__header h2{color:var(--df-app-text);font:var(--df-type-title-large)}.df-product-billing__header p{color:var(--df-app-muted);font:var(--df-type-body-small);margin-top:2px}.df-product-billing__grid{gap:var(--df-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.df-product-billing__grid div{min-width:0;padding:var(--df-space-3);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);border-radius:8px;gap:2px;display:grid}.df-product-billing__grid span{color:var(--df-app-muted);font:var(--df-type-label-small);letter-spacing:0}.df-product-billing__grid strong{overflow-wrap:anywhere;min-width:0;color:var(--df-app-text);font:var(--df-type-body-medium);letter-spacing:0}.df-product-billing__actions{gap:var(--df-space-3);flex-wrap:wrap;display:flex}.df-product-profile__preference{align-items:center;gap:var(--df-space-4);padding:var(--df-space-4);border:1px solid var(--df-app-line);background:var(--df-app-panel-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;display:grid}.df-product-profile__preference-text{gap:2px;min-width:0;display:grid}.df-product-profile__preference-text span,.df-product-profile__preference-text small{color:var(--df-app-muted);font:var(--df-type-body-small);letter-spacing:0}.df-product-profile__preference-text strong{color:var(--df-app-text);font:var(--df-type-title-small);letter-spacing:0}.df-product-profile__segmented{background:var(--df-app-panel-raised);justify-self:end}.df-product-profile__status{min-height:20px;color:var(--df-app-muted);font:var(--df-type-body-small);letter-spacing:0}.df-product-profile__actions{gap:var(--df-space-3);flex-wrap:wrap;display:flex}.df-product-profile__danger{align-items:center;gap:var(--df-space-4);margin-top:var(--df-space-2);padding-top:var(--df-space-5);border-top:1px solid var(--df-app-danger-line-soft);grid-template-columns:minmax(0,1fr) auto;display:grid}.df-product-profile__danger h2,.df-product-profile__danger p{letter-spacing:0;margin:0}.df-product-profile__danger h2{color:var(--df-app-danger-text);font:var(--df-type-title-large)}.df-product-profile__danger p{margin-top:var(--df-space-2);color:var(--df-app-muted);font:var(--df-type-body-medium)}.df-delete-account-dialog-backdrop{z-index:70;padding:var(--df-space-5);background:var(--df-app-modal-overlay);place-items:center;display:grid;position:fixed;inset:0}.df-add-character-dialog-backdrop{z-index:72;padding:var(--df-space-5);background:var(--df-app-modal-overlay);place-items:center;display:grid;position:fixed;inset:0}.df-add-character-dialog{gap:var(--df-space-5);width:min(100%,720px);max-height:min(820px,100dvh - 40px);padding:var(--df-space-6);border:1px solid var(--df-app-line);background:var(--df-app-panel-raised);box-shadow:0 24px 80px var(--df-app-modal-shadow);border-radius:8px;display:grid;overflow:auto}.df-add-character-dialog__header,.df-add-character-dialog__footer{justify-content:space-between;align-items:center;gap:var(--df-space-4);display:flex}.df-add-character-dialog__header h2,.df-add-character-dialog__header p{letter-spacing:0;margin:0}.df-add-character-dialog__header h2{margin-top:var(--df-space-2);color:var(--df-app-text);font:var(--df-type-headline-small)}.df-add-character-dialog__header p{max-width:58ch;margin-top:var(--df-space-2);color:var(--df-app-muted);font:var(--df-type-body-medium)}.df-add-character-dialog__body{gap:var(--df-space-4);display:grid}.df-add-character-dialog__grid{gap:var(--df-space-4);grid-template-columns:minmax(0,1fr) 160px;display:grid}.df-add-character-choice-group,.df-add-character-avatars{gap:var(--df-space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.df-add-character-choice-group legend,.df-add-character-avatars legend{margin-bottom:var(--df-space-3);color:var(--df-app-text);font:var(--df-type-title-medium);letter-spacing:0}.df-add-character-choice-grid{gap:var(--df-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.df-add-character-choice{min-height:86px;padding:var(--df-space-4);border:1px solid var(--df-app-line);background:var(--df-app-panel-soft);color:var(--df-app-text);cursor:pointer;text-align:left;border-radius:8px;align-content:start;gap:6px;transition:background-color .16s,border-color .16s,box-shadow .16s;display:grid}.df-add-character-choice:hover{border-color:var(--df-app-purple-line)}.df-add-character-choice[data-active=true]{border-color:var(--df-app-coral-line);background:var(--df-app-coral-panel);box-shadow:0 10px 28px var(--df-app-shadow-control)}.df-add-character-choice span,.df-add-character-choice small{overflow-wrap:anywhere;letter-spacing:0}.df-add-character-choice span{font:var(--df-type-title-small)}.df-add-character-choice small{color:var(--df-app-muted);font:var(--df-type-body-small)}.df-add-character-avatars__grid{gap:var(--df-space-3);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-height:216px;padding:2px 4px 2px 2px;display:grid;overflow-y:auto}.df-add-character-avatar{aspect-ratio:1;background:var(--df-app-panel-soft);cursor:pointer;border:2px solid #0000;border-radius:8px;place-items:center;display:grid;overflow:hidden}.df-add-character-avatar:hover{border-color:var(--df-app-purple-line)}.df-add-character-avatar[data-active=true]{border-color:var(--df-app-coral)}.df-add-character-avatar img{object-fit:cover;width:100%;height:100%;display:block}.df-add-character-dialog__footer{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.df-add-character-dialog__footer .df-button{width:100%}.df-delete-account-dialog{gap:var(--df-space-5);width:min(100%,560px);max-height:min(760px,100dvh - 40px);padding:var(--df-space-6);border:1px solid var(--df-app-danger-line-soft);background:var(--df-app-panel-raised);box-shadow:0 24px 80px var(--df-app-modal-shadow);border-radius:8px;display:grid;overflow:auto}.df-delete-account-dialog__header,.df-delete-account-dialog__footer{justify-content:space-between;align-items:center;gap:var(--df-space-4);display:flex}.df-delete-account-dialog__header h2{margin:var(--df-space-2) 0 0;color:var(--df-app-text);font:var(--df-type-headline-small);letter-spacing:0}.df-delete-account-dialog__body{gap:var(--df-space-4);display:grid}.df-delete-account-dialog__warning{color:var(--df-app-danger-text);font:var(--df-type-title-small);letter-spacing:0;margin:0}.df-delete-account-dialog__list{gap:var(--df-space-2);padding:var(--df-space-4);border:1px solid var(--df-app-danger-line-soft);background:var(--df-app-danger-bg);border-radius:8px;display:grid}.df-delete-account-dialog__list span{color:var(--df-app-text);font:var(--df-type-label-large);letter-spacing:0}.df-delete-account-dialog__list ul{color:var(--df-app-muted);font:var(--df-type-body-medium);letter-spacing:0;gap:6px;margin:0;padding-left:20px;display:grid}.df-delete-account-dialog__footer{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.df-delete-account-dialog__footer .df-button{width:100%}.df-style-dialog-backdrop{z-index:40;padding:var(--df-space-5);background:var(--df-app-modal-overlay);place-items:center;display:grid;position:fixed;inset:0}.df-style-dialog{gap:var(--df-space-5);width:min(100%,540px);max-height:min(760px,100dvh - 40px);padding:var(--df-space-6);border:1px solid var(--df-app-coral-line);background:var(--df-app-panel-raised);box-shadow:0 24px 80px var(--df-app-modal-shadow);border-radius:28px;display:grid;overflow:auto}.df-style-dialog__header,.df-style-dialog__footer{justify-content:space-between;align-items:center;gap:var(--df-space-4);display:flex}.df-style-dialog__header h2{margin:var(--df-space-2) 0 0;color:var(--df-app-text);font:var(--df-type-headline-small);letter-spacing:0}.df-style-dialog__hint{color:var(--df-app-style-hint);font:var(--df-type-body-large);letter-spacing:0;margin:0}.df-style-options{gap:var(--df-space-3);display:grid}.df-style-option{align-items:center;gap:var(--df-space-4);min-height:74px;padding:var(--df-space-4);background:var(--df-app-style-bg);color:var(--df-app-text);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:22px;grid-template-columns:minmax(0,1fr) 32px;display:grid}.df-style-option[data-active=true]{border-color:var(--df-app-coral-line);background:var(--df-app-style-active-bg)}.df-style-option__text{gap:4px;min-width:0;display:grid}.df-style-option__text strong,.df-style-option__text span{overflow-wrap:anywhere;letter-spacing:0}.df-style-option__text strong{font:var(--df-type-title-large)}.df-style-option__text span{color:var(--df-app-muted);font:var(--df-type-body-medium)}.df-style-option__mark{border:3px solid var(--df-app-style-mark-line);background:var(--df-app-panel-raised);width:30px;height:30px;color:var(--df-app-panel-raised);border-radius:999px;place-items:center;display:grid}.df-style-option[data-active=true] .df-style-option__mark{border-color:var(--df-app-coral);background:var(--df-app-coral)}.df-style-dialog__footer{grid-template-columns:1fr 1fr;display:grid}.df-style-dialog__footer .df-button{width:100%}@media (max-width:980px){.df-product-mobile-topbar{z-index:50;justify-content:space-between;align-items:center;gap:var(--df-space-3);min-height:64px;padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--df-app-line);background:var(--df-app-panel-glass);-webkit-backdrop-filter:blur(18px);display:flex;position:sticky;top:0}.df-product-mobile-topbar .df-product-brand{padding:0}.df-product-mobile-topbar__button{flex:none}.df-product-page[data-route=chatDetail] .df-product-mobile-topbar{display:none}.df-product-page[data-route=chatDetail] .df-product-main{padding:0}.df-product-shell{grid-template-columns:1fr}.df-product-sidebar{display:none}.df-product-nav{grid-template-columns:1fr}.df-product-main{min-height:auto;padding:var(--df-space-4)}.df-product-chat,.df-product-profile,.df-product-settings{min-height:680px}}@media (max-width:700px){.df-product-chat,.df-product-profile,.df-product-settings,.df-add-character-dialog{padding:var(--df-space-4)}.df-add-character-dialog__grid,.df-add-character-dialog__footer,.df-chat-list{grid-template-columns:1fr}.df-chat-list__item{min-height:120px;padding:var(--df-space-4);grid-template-columns:auto minmax(0,1fr)}.df-chat-list__chevron{display:none}.df-product-header,.df-product-title,.df-product-settings__footer,.df-chat-toolbar,.df-style-dialog__header{align-items:flex-start}.df-product-header,.df-product-settings__footer,.df-style-dialog__header{flex-direction:column;grid-template-columns:1fr}.df-product-settings__back{justify-content:center;width:100%}.df-settings-choice-grid{grid-template-columns:1fr}.df-chat-toolbar{justify-content:flex-start;width:100%}.df-chat-style-button,.df-chat-counter{max-width:100%}.df-chat-style-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.df-product-profile__preference{grid-template-columns:1fr}.df-product-profile__segmented{justify-self:stretch;width:100%}.df-product-billing__grid{grid-template-columns:1fr}.df-product-billing__actions .df-button{width:100%}.df-product-profile__danger,.df-delete-account-dialog__footer{grid-template-columns:1fr}.df-product-profile__danger .df-button{width:100%}.df-product-title h1{font:var(--df-type-title-large);letter-spacing:0}.df-product-title p{white-space:normal}.df-product-messages{min-height:420px;padding-top:var(--df-space-5)}.df-chat-message{width:92%}.df-chat-composer{border-radius:24px;grid-template-columns:minmax(0,1fr) 44px}.df-style-dialog{padding:var(--df-space-5);border-radius:22px}.df-style-dialog__footer{grid-template-columns:1fr}}
.df-admin-page,.df-admin-gate{background:var(--df-admin-page-bg);min-height:100svh;color:var(--df-text-muted);font-family:var(--df-font-sans)}.df-admin-page{grid-template-columns:264px minmax(0,1fr);display:grid}.df-admin-gate{place-items:center;padding:24px;display:grid}.df-admin-gate__panel{background:var(--df-admin-panel-bg);border:1px solid var(--df-admin-border);border-radius:var(--df-radius-sm);box-shadow:var(--df-admin-panel-shadow);text-align:center;place-items:center;gap:18px;max-width:420px;padding:28px;display:grid}.df-admin-gate__panel h1,.df-admin-gate__panel p{margin:0}.df-admin-gate__panel h1{color:var(--df-admin-text);font:var(--df-type-headline-small)}.df-admin-gate__panel p:not(.df-admin-kicker){color:var(--df-admin-text-muted);font:var(--df-type-body-medium)}.df-admin-sidebar{background:var(--df-admin-sidebar-bg);border-right:1px solid var(--df-admin-border-soft);grid-template-rows:auto 1fr auto;min-height:100svh;padding:18px;display:grid;position:sticky;top:0}.df-admin-brand{color:var(--df-admin-text);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;text-decoration:none;display:grid}.df-admin-brand span,.df-admin-user span{min-width:0;display:grid}.df-admin-brand strong,.df-admin-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-admin-brand small,.df-admin-user small{color:var(--df-admin-text-faint)}.df-admin-nav{align-content:start;gap:6px;margin-top:32px;display:grid}.df-admin-nav__item{border:1px solid var(--df-admin-transparent);border-radius:var(--df-radius-sm);color:var(--df-admin-text-muted);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:0 12px;text-decoration:none;display:grid}.df-admin-nav__item:hover,.df-admin-nav__item[data-active=true]{background:var(--df-admin-accent-bg);border-color:var(--df-admin-accent-border);color:var(--df-admin-text)}.df-admin-user{border-top:1px solid var(--df-admin-border-soft);color:var(--df-admin-text);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding-top:16px;display:grid}.df-admin-content{min-width:0;padding:32px}.df-admin-stack{gap:20px;max-width:1280px;margin:0 auto;display:grid}.df-admin-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.df-admin-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.df-admin-header h1,.df-admin-header p{margin:0}.df-admin-header h1{color:var(--df-admin-text);font:var(--df-type-headline-medium)}.df-admin-header p:not(.df-admin-kicker){color:var(--df-admin-text-soft);font:var(--df-type-body-medium);max-width:680px}.df-admin-kicker{color:var(--df-admin-accent);font:var(--df-type-label-large);letter-spacing:0;margin:0 0 6px}.df-admin-error{background:var(--df-admin-error-bg);border:1px solid var(--df-admin-error-border);border-radius:var(--df-radius-sm);color:var(--df-admin-error-text);padding:12px 14px}.df-admin-note{background:var(--df-admin-panel-bg-soft);border:1px solid var(--df-admin-border-soft);border-radius:var(--df-radius-sm);color:var(--df-admin-text-muted);font:var(--df-type-body-small);padding:10px 12px}.df-admin-revenue{background:var(--df-admin-revenue-bg);border:1px solid var(--df-admin-accent-border-soft);border-radius:var(--df-radius-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:116px;padding:22px;display:grid}.df-admin-revenue__icon{background:var(--df-admin-control-bg);border-radius:var(--df-radius-sm);color:var(--df-admin-accent);justify-content:center;align-items:center;width:46px;height:46px;display:inline-grid}.df-admin-revenue span,.df-admin-metric span{color:var(--df-admin-text-subtle);font:var(--df-type-body-small)}.df-admin-revenue strong{color:var(--df-admin-text);font:var(--df-type-headline-large);margin-top:4px;display:block}.df-admin-metric-groups{gap:18px;display:grid}.df-admin-metric-group{gap:10px;display:grid}.df-admin-metric-group h2{color:var(--df-admin-text-heading-soft);font:var(--df-type-title-medium);margin:0}.df-admin-metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.df-admin-metric{background:var(--df-admin-panel-bg);border:1px solid var(--df-admin-border-muted);border-radius:var(--df-radius-sm);gap:10px;min-height:104px;padding:16px;display:grid}.df-admin-metric strong{color:var(--df-admin-text);font:var(--df-type-headline-small)}.df-admin-panel{background:var(--df-admin-panel-bg);border:1px solid var(--df-admin-border-muted);border-radius:var(--df-radius-sm);gap:12px;padding:18px;display:grid}.df-admin-panel>span{color:var(--df-admin-text-subtle);font:var(--df-type-label-large)}.df-admin-panel>strong{color:var(--df-admin-text);font:var(--df-type-title-medium)}.df-admin-loading{color:var(--df-admin-text-muted);grid-template-columns:auto minmax(0,1fr);align-items:center}.df-admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.df-admin-meta-list{gap:8px;margin:0;display:grid}.df-admin-meta-list div{grid-template-columns:140px minmax(0,1fr);gap:8px;display:grid}.df-admin-meta-list dt{color:var(--df-admin-text-faint)}.df-admin-meta-list dd{color:var(--df-admin-text-muted);overflow-wrap:anywhere;min-width:0;margin:0}.df-admin-toolbar{align-items:start;gap:14px;display:grid}.df-admin-search{grid-template-columns:minmax(220px,360px) auto;gap:10px;display:grid}.df-admin-filter-row{flex-wrap:wrap;gap:8px;display:flex}.df-admin-filter{background:var(--df-admin-panel-bg);border:1px solid var(--df-admin-border-muted);color:var(--df-admin-text-filter);cursor:pointer;font:var(--df-type-label-large);border-radius:999px;min-height:34px;padding:0 12px}.df-admin-filter:hover,.df-admin-filter[data-active=true]{background:var(--df-admin-accent-bg);border-color:var(--df-admin-accent-border-strong);color:var(--df-admin-text)}.df-admin-table-wrap{background:var(--df-admin-panel-bg-soft);border:1px solid var(--df-admin-border-soft);border-radius:var(--df-radius-sm);overflow-x:auto}.df-admin-table{border-collapse:collapse;width:100%;min-width:980px}.df-admin-table--subscriptions{min-width:1160px}.df-admin-table--chats{min-width:1040px}.df-admin-table th,.df-admin-table td{border-bottom:1px solid var(--df-admin-border-faint);text-align:left;vertical-align:middle;white-space:nowrap;padding:13px 14px}.df-admin-table th{background:var(--df-admin-panel-bg-soft);color:var(--df-admin-text-subtle);font:var(--df-type-label-large);position:sticky;top:0}.df-admin-table th button{background:var(--df-admin-transparent);color:inherit;cursor:pointer;font:inherit;border:0;padding:0}.df-admin-table th button:hover{color:var(--df-admin-text)}.df-admin-table td{color:var(--df-admin-text-table);font:var(--df-type-body-small)}.df-admin-table tbody tr:hover{background:var(--df-admin-panel-bg-faint)}.df-admin-table__primary{gap:3px;min-width:220px;display:grid}.df-admin-table__primary strong{color:var(--df-admin-text);font:var(--df-type-label-large);text-overflow:ellipsis;overflow:hidden}.df-admin-table__primary span{color:var(--df-admin-text-table-subtle)}.df-admin-table-link{color:var(--df-admin-accent);font:var(--df-type-label-large);width:fit-content;text-decoration:none}.df-admin-table-link:hover{text-decoration:underline}.df-admin-table-link--strong{color:var(--df-admin-text)}.df-admin-empty{color:var(--df-admin-text-subtle);text-align:center;padding:26px}.df-admin-message-section{gap:12px;display:grid}.df-admin-section-title{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.df-admin-section-title h2,.df-admin-section-title p{margin:0}.df-admin-section-title h2{color:var(--df-admin-text);font:var(--df-type-title-large)}.df-admin-section-title p{color:var(--df-admin-text-soft);font:var(--df-type-body-small)}.df-admin-message-list{gap:10px;display:grid}.df-admin-message{background:var(--df-admin-panel-bg-soft);border:1px solid var(--df-admin-border-soft);border-radius:var(--df-radius-sm);gap:12px;padding:14px;display:grid}.df-admin-message__header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.df-admin-message__header>span{color:var(--df-admin-text-table-subtle);font:var(--df-type-body-small)}.df-admin-message__content{color:var(--df-admin-text-table);font:var(--df-type-body-medium);overflow-wrap:anywhere;gap:8px;margin:0;line-height:1.55;display:grid}.df-admin-message__content p{white-space:pre-wrap;margin:0}.df-admin-message__content strong{font-weight:600}.df-admin-message__content .df-md-list{gap:4px;margin:0;padding-left:20px;display:grid}.df-admin-message__content .df-md-list li{margin:0}.df-admin-pagination{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.df-admin-pagination span{color:var(--df-admin-text-pagination)}.df-admin-pagination div{gap:8px;display:flex}@media (max-width:920px){.df-admin-page{grid-template-columns:1fr}.df-admin-sidebar{min-height:auto;position:static}.df-admin-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.df-admin-content{padding:22px 16px 32px}.df-admin-header,.df-admin-revenue,.df-admin-pagination,.df-admin-detail-grid,.df-admin-search{grid-template-columns:1fr}.df-admin-header__actions{justify-content:flex-start}.df-admin-revenue{align-items:start}}@media (max-width:560px){.df-admin-nav,.df-admin-meta-list div,.df-admin-section-title{grid-template-columns:1fr}.df-admin-table-wrap{border-radius:0;margin-inline:-16px}}
.df-cc-shell{background:var(--df-cc-bg);width:100%;height:100%;min-height:0;color:var(--df-cc-ink);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (min-width:1280px){.df-cc-shell{grid-template-columns:minmax(0,1fr) 408px}}.df-cc-chat{background:var(--df-cc-bg);grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.df-cc-topbar{z-index:5;background:var(--df-cc-bg);border-bottom:1px solid var(--df-cc-line);align-items:center;gap:10px;padding:14px 20px;display:flex;position:relative}@media (max-width:700px){.df-cc-topbar{padding:18px 16px 12px}}.df-cc-topbar__back{display:none}@media (max-width:700px){.df-cc-topbar__back{background:var(--df-cc-surface);width:44px;height:44px;color:var(--df-cc-ink);box-shadow:var(--df-cc-shadow-sm);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}}.df-cc-topbar__avatar{background:var(--df-cc-bg-warm);border-radius:12px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.df-cc-topbar__avatar img{object-fit:cover;width:100%;height:100%;display:block}.df-cc-topbar__meta{flex:1;gap:2px;min-width:0;display:grid}.df-cc-topbar__name{font-family:var(--df-font-display);letter-spacing:-.01em;color:var(--df-cc-ink);margin:0;font-size:22px;line-height:1.1}.df-cc-topbar__status{color:var(--df-cc-muted);align-items:center;gap:6px;font-size:12px;display:flex}.df-cc-topbar__status:before{content:"";background:var(--df-cc-status-online);border-radius:50%;width:6px;height:6px;display:inline-block}.df-cc-topbar__actions{align-items:center;gap:8px;display:flex}.df-cc-topbar__action{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);width:36px;height:36px;color:var(--df-cc-ink);cursor:pointer;border-radius:50%;place-items:center;transition:border-color .16s,background .16s;display:grid}.df-cc-topbar__action:hover:not([aria-disabled=true]){border-color:var(--df-cc-line-strong)}.df-cc-topbar__action:disabled{opacity:.65;cursor:not-allowed}.df-cc-topbar__role-tag{background:var(--df-cc-lilac-soft);color:var(--df-cc-lilac-ink);cursor:pointer;border:none;border-radius:999px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.df-cc-topbar__role-tag:hover{background:var(--df-cc-lilac-hover)}.df-cc-photo-strip{scrollbar-width:none;gap:8px;padding:12px 16px 6px;display:flex;overflow-x:auto}.df-cc-photo-strip::-webkit-scrollbar{display:none}@media (min-width:701px){.df-cc-photo-strip{display:none}}.df-cc-photo-strip__card{background:var(--df-cc-bg-warm);width:78px;height:98px;box-shadow:var(--df-cc-shadow-sm);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;padding:0;position:relative;overflow:hidden}.df-cc-photo-strip__card--first{width:124px}.df-cc-photo-strip__card img{object-fit:cover;width:100%;height:100%;display:block}.df-cc-photo-strip__pill{background:var(--df-cc-image-pill-bg);-webkit-backdrop-filter:blur(8px);color:var(--df-cc-on-accent);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:500;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.df-cc-search{background:var(--df-cc-bg);border-bottom:1px solid var(--df-cc-line);grid-row:3;gap:10px;padding:12px 24px;display:grid}.df-cc-search__bar{align-items:center;gap:8px;display:flex}.df-cc-search__field{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);min-width:0;height:40px;color:var(--df-cc-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.df-cc-search__field:focus-within{border-color:var(--df-cc-lilac);box-shadow:0 0 0 3px var(--df-cc-lilac-ring)}.df-cc-search__field input{width:100%;min-width:0;color:var(--df-cc-ink);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.df-cc-search__field input::placeholder{color:var(--df-cc-muted-soft)}.df-cc-search__close{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);width:40px;height:40px;color:var(--df-cc-muted);cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.df-cc-search__scope{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:start;display:inline-grid;overflow:hidden}.df-cc-search__scope button{min-height:32px;color:var(--df-cc-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:12.5px}.df-cc-search__scope button[aria-checked=true]{background:var(--df-cc-lilac);color:var(--df-cc-on-accent)}.df-cc-search__state{color:var(--df-cc-muted);margin:0;font-size:13px}.df-cc-search__results{gap:6px;max-height:min(300px,34vh);padding-right:2px;display:grid;overflow-y:auto}.df-cc-search-result{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.df-cc-search-result:hover{border-color:var(--df-cc-line-strong)}.df-cc-search-result__top{color:var(--df-cc-muted);justify-content:space-between;align-items:center;gap:12px;font-size:11.5px;font-weight:600;display:flex}.df-cc-search-result__top span,.df-cc-search-result__top time{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.df-cc-search-result__snippet{color:var(--df-cc-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.df-cc-search__more,.df-cc-load-more{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);min-height:34px;color:var(--df-cc-muted);font:inherit;cursor:pointer;border-radius:8px;justify-self:center;padding:0 14px;font-size:12.5px}.df-cc-search__more:disabled,.df-cc-load-more:disabled{opacity:.65;cursor:wait}.df-cc-usage{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);color:var(--df-cc-muted);box-shadow:var(--df-cc-shadow-sm);border-radius:999px;grid-row:4;justify-self:end;align-items:center;gap:6px;margin:8px 24px 0;padding:6px 10px;font-size:12px;line-height:1;display:inline-flex}.df-cc-thread{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;grid-row:5;gap:14px;min-height:0;padding:18px 24px 12px;display:flex;overflow-y:auto}@media (max-width:700px){.df-cc-usage{margin:8px 16px 0}.df-cc-thread{gap:12px;padding:14px 16px 12px}.df-cc-search{padding:10px 16px}.df-cc-search__scope{width:100%}.df-cc-search__results{max-height:280px}}.df-cc-thread::-webkit-scrollbar{width:10px}.df-cc-thread::-webkit-scrollbar-thumb{border:3px solid var(--df-cc-bg);background:var(--df-cc-scroll-thumb);border-radius:99px}.df-cc-thread::-webkit-scrollbar-thumb:hover{background:var(--df-cc-scroll-thumb-hover)}.df-cc-empty-action{border:1px solid var(--df-cc-lilac);background:var(--df-cc-lilac);min-height:42px;color:var(--df-cc-on-accent);cursor:pointer;font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.df-cc-empty-action:hover{background:var(--df-cc-lilac-ink)}.df-cc-day-sep{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--df-cc-muted);margin:2px 0;font-size:10.5px}.df-cc-msg{gap:8px;max-width:100%;display:flex}.df-cc-msg[data-role=user]{justify-content:flex-end}.df-cc-msg[data-highlighted=true] .df-cc-bubble{outline:2px solid var(--df-cc-lilac-outline);outline-offset:3px;animation:2.6s dfCcMessageHighlight}@keyframes dfCcMessageHighlight{0%,78%{outline-color:var(--df-cc-lilac-outline);box-shadow:0 0 0 6px var(--df-cc-lilac-ring)}to{box-shadow:none;outline-color:#0000}}.df-cc-msg__avatar{background:var(--df-cc-bg-warm);border-radius:8px;flex-shrink:0;width:28px;height:28px;margin-top:2px;position:relative;overflow:hidden}.df-cc-msg__avatar img{object-fit:cover;width:100%;height:100%;display:block}.df-cc-bubble{border-radius:18px;max-width:min(560px,78%);padding:12px 16px 13px;font-size:14.5px;line-height:1.5}.df-cc-bubble--ai{background:var(--df-cc-bubble-ai);color:var(--df-cc-ink);border-bottom-left-radius:6px}.df-cc-bubble--user{background:var(--df-cc-bubble-user);color:var(--df-cc-ink);border-bottom-right-radius:6px}.df-cc-bubble[data-status=failed]{outline:1px solid var(--df-app-danger-line)}.df-cc-bubble__who{letter-spacing:.02em;color:var(--df-cc-muted);margin-bottom:3px;font-size:11px;font-weight:600}.df-cc-bubble__content{gap:6px;display:grid}.df-cc-bubble__content p{white-space:pre-wrap;word-break:break-word;margin:0}.df-cc-bubble__content a{color:inherit;text-underline-offset:3px;text-decoration:underline}.df-cc-bubble__content strong{font-weight:600}.df-cc-bubble__content .df-md-list{gap:4px;margin:0;padding-left:18px;display:grid}.df-cc-bubble__content .df-md-list li{margin:0}.df-cc-bubble__retry{border:1px solid var(--df-app-danger-line);background:var(--df-cc-surface);color:var(--df-app-danger-text);cursor:pointer;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:500}.df-cc-bubble__retry:hover{background:var(--df-app-danger-bg)}.df-cc-composer{z-index:6;background:var(--df-cc-bg);border-top:1px solid var(--df-cc-line);grid-row:7;gap:10px;padding:12px 24px 24px;display:grid;position:sticky;bottom:0}@media (max-width:700px){.df-cc-composer{padding:10px 14px calc(env(safe-area-inset-bottom,12px) + 16px)}}.df-cc-composer__row{align-items:flex-end;gap:10px;min-width:0;display:flex}.df-cc-composer__field{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);border-radius:22px;flex:1;align-items:flex-end;gap:6px;min-height:44px;padding:4px 6px 4px 14px;transition:border-color .16s,box-shadow .16s;display:flex}.df-cc-composer__field:focus-within{border-color:var(--df-cc-lilac);box-shadow:0 0 0 4px var(--df-cc-lilac-soft)}.df-cc-composer__textarea{resize:none;min-height:28px;max-height:140px;color:var(--df-cc-ink);background:0 0;border:0;outline:0;flex:1;padding:8px 0;font-family:inherit;font-size:14.5px;line-height:1.45}.df-cc-composer__textarea::placeholder{color:var(--df-cc-muted-soft)}.df-cc-composer__action,.df-cc-composer__mic,.df-cc-composer__send{cursor:pointer;border:0;flex-shrink:0;place-items:center;display:grid}.df-cc-composer__action{width:30px;height:30px;color:var(--df-cc-muted);background:0 0;border-radius:50%}.df-cc-composer__action:hover{background:var(--df-cc-bg-warm);color:var(--df-cc-ink)}.df-cc-composer__mic{background:var(--df-cc-lilac);width:42px;height:42px;color:var(--df-cc-on-accent);border-radius:50%;transition:background .16s,transform .16s,box-shadow .16s}.df-cc-composer__mic:hover:not(:disabled){background:var(--df-cc-lilac-ink);transform:translateY(-1px)}.df-cc-composer__mic[data-active=true]{background:var(--df-app-danger-text);box-shadow:0 0 0 6px var(--df-app-danger-bg)}.df-cc-composer__mic:disabled{opacity:.85;cursor:not-allowed}.df-cc-composer__send{background:var(--df-cc-lilac);width:42px;height:42px;color:var(--df-cc-on-accent);border-radius:50%;transition:transform .12s,background .12s}.df-cc-composer__send:hover:not(:disabled){background:var(--df-cc-lilac-ink);transform:translateY(-1px)}.df-cc-composer__send:disabled{background:var(--df-cc-line-strong);color:var(--df-cc-muted-soft);cursor:not-allowed}.df-cc-composer__recording{gap:16px;padding:4px 2px 0;display:grid}.df-cc-composer__recording-top{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;min-width:0;display:grid}.df-cc-composer__recording-time{color:var(--df-cc-ink);font-family:var(--df-font-manrope);letter-spacing:0;font-size:24px;font-weight:500;line-height:1}.df-cc-composer__recording-wave{justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:28px;display:flex;overflow:hidden}.df-cc-composer__recording-wave span{background:var(--df-cc-muted-soft);opacity:.76;border-radius:999px;flex:none;width:4px;height:4px;animation:1.1s ease-in-out infinite dfCcWhatsAppWave}.df-cc-composer__recording[data-paused=true] .df-cc-composer__recording-wave span{opacity:.46;animation-play-state:paused}.df-cc-composer__recording-wave span:nth-child(7n+1){height:5px;animation-delay:0s}.df-cc-composer__recording-wave span:nth-child(7n+2){height:8px;animation-delay:80ms}.df-cc-composer__recording-wave span:nth-child(7n+3){height:13px;animation-delay:.16s}.df-cc-composer__recording-wave span:nth-child(7n+4){height:22px;animation-delay:.24s}.df-cc-composer__recording-wave span:nth-child(7n+5){height:15px;animation-delay:.32s}.df-cc-composer__recording-wave span:nth-child(7n+6){height:9px;animation-delay:.4s}.df-cc-composer__recording-wave span:nth-child(7n+7){height:4px;animation-delay:.48s}.df-cc-composer__recording-controls{grid-template-columns:58px 1fr 58px;align-items:center;gap:12px;display:grid}.df-cc-composer__recording-delete,.df-cc-composer__recording-pause,.df-cc-composer__recording-submit{cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .14s,background .14s,box-shadow .14s;display:grid}.df-cc-composer__recording-delete{width:46px;height:46px;color:var(--df-cc-ink);background:0 0;justify-self:start}.df-cc-composer__recording-delete:hover{background:var(--df-app-danger-bg);color:var(--df-app-danger-text)}.df-cc-composer__recording-pause{border:2px solid var(--df-app-danger-text);background:var(--df-cc-bg);width:58px;height:58px;color:var(--df-app-danger-text);box-shadow:0 0 0 7px var(--df-app-danger-bg);justify-self:center}.df-cc-composer__recording-submit{background:var(--df-cc-lilac);width:58px;height:58px;color:var(--df-cc-on-accent);box-shadow:0 10px 24px var(--df-app-shadow-icon);justify-self:end;transform:rotate(90deg)}.df-cc-composer__recording-submit:hover{background:var(--df-cc-lilac-ink);transform:rotate(90deg)translate(-1px)}.df-cc-composer__recording-delete:hover,.df-cc-composer__recording-pause:hover{transform:translateY(-1px)}.df-cc-composer__voice{border:1px solid var(--df-cc-line);background:var(--df-cc-surface);min-width:0;min-height:38px;color:var(--df-cc-muted);box-shadow:var(--df-cc-shadow-sm);border-radius:12px;align-items:center;gap:10px;padding:8px 10px 8px 12px;font-size:13px;line-height:1.2;display:flex}.df-cc-composer__voice>span{min-width:0}.df-cc-composer__voice-error{color:var(--df-app-danger-text)}.df-cc-composer__voice-button{border:1px solid var(--df-cc-line);background:var(--df-cc-bg);min-height:28px;color:var(--df-cc-ink-soft);cursor:pointer;font:inherit;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;margin-left:auto;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.df-cc-composer__voice-button+.df-cc-composer__voice-button{margin-left:0}.df-cc-composer__voice-button:hover{border-color:var(--df-cc-line-strong);color:var(--df-cc-ink)}.df-cc-composer__spinner{flex:none;animation:.9s linear infinite dfCcVoiceSpin}@keyframes dfCcWhatsAppWave{0%,to{opacity:.48;transform:scaleY(.72)}45%{opacity:1;transform:scaleY(1.16)}}@keyframes dfCcVoiceSpin{to{transform:rotate(360deg)}}@media (max-width:520px){.df-cc-composer__recording-top{grid-template-columns:66px minmax(0,1fr);gap:10px}.df-cc-composer__recording-time{font-size:22px}.df-cc-composer__recording-wave{gap:3px}.df-cc-composer__recording-wave span{width:3px}.df-cc-composer__voice{flex-wrap:wrap}.df-cc-composer__voice-button{margin-left:0}}.df-cc-error{color:var(--df-app-danger-text);grid-row:6;margin:0 24px 8px;font-size:13px}.df-cc-blocked{border:1px solid var(--df-app-danger-line-soft);background:var(--df-app-danger-bg);color:var(--df-cc-danger-text-strong);border-radius:14px;grid-row:7;margin:8px 24px 16px;padding:12px 16px;font-size:13px}.df-cc-gallery{background:var(--df-cc-bg-warm);width:100%;position:relative;overflow:hidden}.df-cc-gallery--rail{aspect-ratio:4/5;border-radius:22px}.df-cc-gallery--sheet{height:100%}.df-cc-gallery__track{transition:translate .42s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0}.df-cc-gallery__slide{flex-shrink:0;width:100%;height:100%;position:relative}.df-cc-gallery__slide img{object-fit:cover;width:100%;height:100%;display:block}.df-cc-gallery__arrow{background:var(--df-cc-gallery-control-bg);-webkit-backdrop-filter:blur(10px);width:36px;height:36px;color:var(--df-cc-ink);box-shadow:var(--df-cc-gallery-control-shadow);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .16s,background .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.df-cc-gallery__arrow:hover{background:var(--df-cc-gallery-control-bg-hover);transform:translateY(-50%)scale(1.06)}.df-cc-gallery__arrow--left{left:12px}.df-cc-gallery__arrow--right{right:12px}.df-cc-gallery__dots{gap:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.df-cc-gallery__dot{background:var(--df-cc-gallery-dot-bg);cursor:pointer;border:0;border-radius:99px;width:22px;height:4px;transition:background .2s,width .2s}.df-cc-gallery__dot[data-active=true]{background:var(--df-cc-on-accent);width:32px}.df-cc-gallery__count{background:var(--df-cc-image-pill-bg-soft);-webkit-backdrop-filter:blur(8px);color:var(--df-cc-on-accent);font-family:var(--df-font-manrope);letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:14px;right:14px}.df-cc-rail{display:none}@media (min-width:1280px){.df-cc-rail{background:var(--df-cc-surface);border-left:1px solid var(--df-cc-line);align-content:start;gap:18px;height:100dvh;padding:20px 22px;display:grid;position:sticky;top:0;overflow-y:auto}}.df-cc-rail__gallery{position:relative}.df-cc-rail__open{z-index:3;background:var(--df-cc-image-pill-bg-soft);-webkit-backdrop-filter:blur(10px);width:38px;height:38px;color:var(--df-cc-on-accent);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .16s,background .16s;display:grid;position:absolute;bottom:14px;right:14px}.df-cc-rail__open:hover{background:var(--df-cc-image-pill-bg);transform:scale(1.05)}.df-cc-rail__name{font-family:var(--df-font-display);letter-spacing:-.01em;color:var(--df-cc-ink);margin:0;font-size:34px;line-height:1}.df-cc-rail__loc{color:var(--df-cc-muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.df-cc-rail__bio{color:var(--df-cc-ink-soft);font-size:13.5px;line-height:1.55}.df-cc-rail__bio em{font-family:var(--df-font-display);color:var(--df-cc-ink);font-style:italic}.df-cc-rail__traits{flex-wrap:wrap;gap:6px;display:flex}.df-cc-trait{border:1px solid var(--df-cc-line);background:var(--df-cc-bg-warm);color:var(--df-cc-ink-soft);border-radius:999px;padding:4px 10px;font-size:12px}.df-cc-sheet{z-index:70;background:var(--df-cc-surface);color:var(--df-cc-ink);flex-direction:column;display:none;position:fixed;inset:0}.df-cc-sheet[data-open=true]{animation:.26s cubic-bezier(.22,1,.36,1) dfCcSheetIn;display:flex}@keyframes dfCcSheetIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.df-cc-sheet__gallery{background:var(--df-cc-sheet-gallery-bg);flex:0 0 62%;position:relative;overflow:hidden}.df-cc-sheet__grad{pointer-events:none;background:var(--df-cc-sheet-gradient);position:absolute;inset:0}.df-cc-sheet__back,.df-cc-sheet__more{top:max(env(safe-area-inset-top,12px), 18px);background:var(--df-cc-sheet-control-bg);-webkit-backdrop-filter:blur(12px);width:38px;height:38px;color:var(--df-cc-ink);z-index:5;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.df-cc-sheet__back{left:16px}.df-cc-sheet__more{right:16px}.df-cc-sheet__hero{z-index:4;color:var(--df-cc-on-accent);position:absolute;bottom:22px;left:22px;right:22px}.df-cc-sheet__name{font-family:var(--df-font-display);letter-spacing:-.015em;margin:0;font-size:44px;line-height:1}.df-cc-sheet__sub{opacity:.9;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.df-cc-sheet__body{flex-direction:column;flex:auto;gap:16px;padding:18px 22px 24px;display:flex;overflow-y:auto}.df-cc-sheet__bio{color:var(--df-cc-ink-soft);margin:0;font-size:14px;line-height:1.55}.df-cc-sheet__bio em{font-family:var(--df-font-display);color:var(--df-cc-ink);font-style:italic}.df-cc-sheet__traits{flex-wrap:wrap;gap:6px;display:flex}.df-cc-sheet__cta{align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.df-cc-sheet__cta-msg{background:var(--df-cc-lilac);min-height:48px;color:var(--df-cc-on-accent);cursor:pointer;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.df-cc-sheet__cta-call{background:var(--df-cc-lilac);width:48px;height:48px;color:var(--df-cc-on-accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.df-cc-sheet__cta-call:disabled{opacity:.85;cursor:not-allowed}.df-cc-edit{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1410248c;place-items:end center;display:grid;position:fixed;inset:0}.df-cc-edit__panel{background:var(--df-cc-surface,#fff);width:min(100%,520px);max-height:85vh;color:var(--df-cc-ink,#18181b);border-radius:24px 24px 0 0;flex-direction:column;gap:20px;padding:24px 20px 28px;display:flex;overflow-y:auto;box-shadow:0 -16px 40px #14102440}@media (min-width:720px){.df-cc-edit{place-items:center}.df-cc-edit__panel{border-radius:24px;max-height:80vh}}.df-cc-edit__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.df-cc-edit__header h3{margin:0;font-size:18px;font-weight:700}.df-cc-edit__close{width:36px;height:36px;color:inherit;cursor:pointer;background:#14102414;border:0;border-radius:50%;place-items:center;display:grid}.df-cc-edit__field{flex-direction:column;gap:8px;display:flex}.df-cc-edit__label{color:#141024b3;font-size:13px;font-weight:600}.df-cc-edit__textarea{width:100%;font:inherit;resize:vertical;min-height:96px;color:inherit;background:0 0;border:1px solid #14102426;border-radius:12px;padding:12px}.df-cc-edit__hint{color:#1410248c;text-align:right;font-size:12px}.df-cc-edit__tags{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.df-cc-edit__tags-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:480px){.df-cc-edit__tags-grid{grid-template-columns:1fr}}.df-cc-edit__tag{text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #14102426;border-radius:12px;flex-direction:column;gap:4px;padding:12px;transition:border-color .12s,background .12s;display:flex}.df-cc-edit__tag[data-active=true]{border-color:var(--df-cc-lilac,#a800fd);background:#a800fd14}.df-cc-edit__tag:disabled{opacity:.5;cursor:not-allowed}.df-cc-edit__tag span{font-size:14px;font-weight:600}.df-cc-edit__tag small{color:#141024a6;font-size:12px;line-height:1.4}.df-cc-edit__error{color:#c0392b;margin:0;font-size:13px}.df-cc-edit__actions{justify-content:flex-end;gap:10px;display:flex}.df-cc-edit__cancel,.df-cc-edit__save{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-weight:600}.df-cc-edit__cancel{color:inherit;background:#14102414}.df-cc-edit__save{background:var(--df-cc-lilac,#a800fd);color:var(--df-cc-on-accent,#fff)}.df-cc-edit__cancel:disabled,.df-cc-edit__save:disabled{opacity:.6;cursor:progress}.df-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.df-character-showcase-pair{gap:var(--df-space-5);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:768px){.df-character-showcase-pair{gap:var(--df-space-6);grid-template-columns:1fr 1fr}}.df-character-showcase{--df-character-showcase-card-bg:linear-gradient(180deg, var(--df-showcase-card-highlight) 0%, var(--df-showcase-card-tint) 100%), var(--df-surface-soft);--df-character-showcase-card-shadow:0 18px 44px #00000038, inset 0 1px 0 #ffffff1a;--df-character-showcase-cta-bg:var(--df-app-purple);--df-character-showcase-cta-text:var(--df-m3-white);gap:var(--df-space-3);min-width:0;display:grid}.df-character-showcase__header{justify-content:space-between;align-items:baseline;gap:var(--df-space-3);padding:0 var(--df-space-1);display:flex}.df-character-showcase__eyebrow{color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:0}.df-character-showcase__hint{color:var(--df-text-muted);font:var(--df-type-label-large)}.df-character-showcase__carousel{gap:var(--df-space-3);outline:none;justify-items:stretch;display:grid;position:relative}.df-character-showcase__carousel:focus-visible{outline:2px solid var(--df-primary);outline-offset:8px;border-radius:var(--df-radius-md)}.df-character-showcase__stack{aspect-ratio:3/4;isolation:isolate;width:100%;max-height:70dvh;position:relative}.df-character-showcase__card,.df-character-showcase__under-card{border:1px solid var(--df-primary);border-radius:var(--df-radius-md);background:var(--df-character-showcase-card-bg);width:100%;height:100%;box-shadow:var(--df-character-showcase-card-shadow);display:grid;position:absolute;inset:0;overflow:hidden}.df-character-showcase__card{z-index:2;cursor:grab;-webkit-user-select:none;user-select:none;view-transition-name:showcase-card}.df-character-showcase__card:active{cursor:grabbing}.df-character-showcase__under-card{z-index:1;pointer-events:none;filter:saturate(.9)brightness(.92);transform-origin:50%}.df-character-showcase__image-frame{z-index:1;position:absolute;inset:0}.df-character-showcase__image{object-fit:cover;object-position:center top;pointer-events:none}.df-character-showcase__caption{z-index:2;gap:var(--df-space-1);padding:var(--df-space-4) var(--df-space-4) var(--df-space-3);background:var(--df-showcase-caption-scrim);color:var(--df-m3-white);display:grid;position:absolute;bottom:0;left:0;right:0}.df-character-showcase__name{color:var(--df-m3-white);font:var(--df-type-title-medium);letter-spacing:0;margin:0}.df-character-showcase__index{color:var(--df-showcase-caption-ink-soft);font:var(--df-type-label-large)}.df-character-showcase__hook{color:var(--df-showcase-caption-ink-strong);font:var(--df-type-body-medium);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.df-character-showcase__arrow.df-icon-button{z-index:3;--icon-button-bg:var(--df-showcase-arrow-bg);--icon-button-border:transparent;--icon-button-text:var(--df-cc-bg);box-shadow:var(--df-cc-shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;top:50%;transform:translateY(-50%)}.df-character-showcase__arrow.df-icon-button:hover:not(:disabled),.df-character-showcase__arrow.df-icon-button:focus-visible{--icon-button-text:var(--df-cc-bg);color:var(--df-cc-bg)}.df-character-showcase__arrow--prev{left:var(--df-space-2)}.df-character-showcase__arrow--next{right:var(--df-space-2)}.df-character-showcase__meta{justify-content:space-between;align-items:center;gap:var(--df-space-3);color:var(--df-text-muted);font:var(--df-type-label-large);padding:0 var(--df-space-1);display:flex}.df-character-showcase__dots{align-items:center;gap:6px;display:inline-flex}.df-character-showcase__dot{border-radius:var(--df-radius-full);background:var(--df-text-muted);opacity:.4;width:6px;height:6px;transition:opacity .16s,width .16s}.df-character-showcase__dot--active{opacity:1;background:var(--df-primary);width:18px}.df-character-showcase__cta{justify-content:center;align-items:center;gap:var(--df-space-2);padding:var(--df-space-3) var(--df-space-5);border-radius:var(--df-radius-full);background:var(--df-character-showcase-cta-bg);color:var(--df-character-showcase-cta-text);font:var(--df-type-title-medium);letter-spacing:0;box-shadow:var(--df-cc-shadow-md);text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.df-character-showcase__cta:hover,.df-character-showcase__cta:focus-visible{box-shadow:var(--df-cc-shadow-lg,var(--df-cc-shadow-md));transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.df-character-showcase__card,.df-character-showcase__under-card,.df-character-showcase__dot,.df-character-showcase__cta{transition:none}}
.df-home-hero{gap:var(--df-space-6);padding:var(--df-space-8) 0 var(--df-space-6);text-align:center;justify-items:center;display:grid}.df-home-hero__title{max-width:18ch;color:var(--df-text);font:var(--df-type-display-small);letter-spacing:var(--df-type-display-small-letter-spacing);text-wrap:balance;margin:0}@media (min-width:768px){.df-home-hero__title{font:600 56px / 64px var(--df-font-manrope);max-width:22ch}}.df-home-hero__lead{max-width:60ch;color:var(--df-text-muted);font:var(--df-type-body-large);letter-spacing:var(--df-type-body-large-letter-spacing);text-wrap:pretty;margin:0}.df-home-hero__actions{justify-content:center;align-items:center;gap:var(--df-space-3);flex-wrap:wrap;display:flex}.df-home-hero__note{color:var(--df-text-subtle);font:var(--df-type-label-large);margin:0}.df-home-showcase{gap:var(--df-space-5);padding:var(--df-space-5) 0;display:grid}.df-home-showcase__note{align-items:flex-start;gap:var(--df-space-3);max-width:720px;padding:var(--df-space-4) var(--df-space-5);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-xl);background:var(--df-home-panel-bg);color:var(--df-text-muted);font:var(--df-type-body-medium);text-wrap:pretty;margin:0 auto;display:flex}.df-home-showcase__note strong{color:var(--df-text);font-weight:600}.df-home-showcase__note-icon{width:var(--df-space-8);height:var(--df-space-8);border-radius:var(--df-radius-md);background:var(--df-showcase-card-tint);color:var(--df-text-primary-soft);flex:none;place-items:center;display:inline-grid}.df-home-section{gap:var(--df-space-5);padding:var(--df-space-8) 0;display:grid}.df-home-section__header{gap:var(--df-space-3);max-width:60ch;display:grid}.df-home-section__title{color:var(--df-text);font:var(--df-type-headline-large);letter-spacing:var(--df-type-headline-large-letter-spacing);text-wrap:balance;margin:0}.df-home-section__lead{color:var(--df-text-muted);font:var(--df-type-body-large);margin:0}.df-home-steps{gap:var(--df-space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.df-home-steps{grid-template-columns:repeat(3,1fr)}}.df-home-step{gap:var(--df-space-3);padding:var(--df-space-5);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-xl);background:var(--df-home-panel-bg);display:grid}.df-home-step__number{border-radius:var(--df-radius-full);background:var(--df-primary-soft);width:36px;height:36px;color:var(--df-text-primary-soft);font:var(--df-type-title-medium);place-items:center;display:inline-grid}.df-home-step__title{color:var(--df-text);font:var(--df-type-title-large);letter-spacing:var(--df-type-title-large-letter-spacing);margin:0}.df-home-step__body{color:var(--df-text-muted);font:var(--df-type-body-medium);margin:0}.df-home-highlights{gap:var(--df-space-3);margin-top:var(--df-space-2);grid-template-columns:1fr;display:grid}@media (min-width:768px){.df-home-highlights{grid-template-columns:repeat(3,1fr)}}.df-home-highlight{gap:var(--df-space-3);padding:var(--df-space-4);border:1px solid var(--df-app-purple-line-soft);border-radius:var(--df-radius-lg);background:radial-gradient(circle at 0% 0%, var(--df-showcase-card-tint), transparent 60%), var(--df-home-panel-bg);display:flex}.df-home-highlight__icon{width:var(--df-space-8);height:var(--df-space-8);border-radius:var(--df-radius-md);background:var(--df-showcase-card-tint);color:var(--df-text-primary-soft);flex:none;place-items:center;display:inline-grid}.df-home-highlight__text{gap:var(--df-space-1);min-width:0;display:grid}.df-home-highlight__title{color:var(--df-text);font:var(--df-type-title-small);letter-spacing:var(--df-type-title-small-letter-spacing);margin:0}.df-home-highlight__body{color:var(--df-text-muted);font:var(--df-type-body-small);text-wrap:pretty;margin:0}.df-home-cluster{gap:var(--df-space-5);display:grid}.df-home-cluster__header{gap:var(--df-space-3);max-width:60ch;display:grid}.df-home-cluster__title{color:var(--df-text);font:var(--df-type-headline-large);letter-spacing:var(--df-type-headline-large-letter-spacing);text-wrap:balance;margin:0}.df-home-cluster__body{color:var(--df-text-muted);font:var(--df-type-body-large);text-wrap:pretty;margin:0}.df-home-cluster__link{align-items:center;gap:var(--df-space-2);color:var(--df-text-primary-soft);font:var(--df-type-title-medium);width:fit-content;display:inline-flex}.df-home-cluster__link:hover,.df-home-cluster__link:focus-visible{text-decoration:underline}.df-home-usps{gap:var(--df-space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.df-home-usps{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.df-home-usps{grid-template-columns:repeat(5,1fr)}}.df-home-usp{gap:var(--df-space-3);padding:var(--df-space-5);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-xl);background:var(--df-home-panel-bg);display:grid}.df-home-usp__icon{border-radius:var(--df-radius-md);background:var(--df-showcase-card-tint);width:40px;height:40px;color:var(--df-text-primary-soft);place-items:center;display:inline-grid}.df-home-usp__title{color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:var(--df-type-title-medium-letter-spacing);margin:0}.df-home-usp__body{color:var(--df-text-muted);font:var(--df-type-body-medium);margin:0}.df-home-faq{gap:var(--df-space-3);max-width:820px;display:grid}.df-home-faq__item{padding:var(--df-space-4) var(--df-space-5);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-xl);background:var(--df-home-panel-bg)}.df-home-faq__item summary{justify-content:space-between;align-items:center;gap:var(--df-space-3);color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:var(--df-type-title-medium-letter-spacing);cursor:pointer;list-style:none;display:flex}.df-home-faq__item summary::-webkit-details-marker{display:none}.df-home-faq__item summary:after{content:"+";color:var(--df-text-primary-soft);font:var(--df-type-headline-medium);transition:transform .2s}.df-home-faq__item[open] summary:after{content:"−"}.df-home-faq__item p{margin:var(--df-space-3) 0 0;color:var(--df-text-muted);font:var(--df-type-body-medium)}.df-home-hub{gap:var(--df-space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.df-home-hub{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.df-home-hub{grid-template-columns:repeat(4,1fr)}}.df-home-hub__item{gap:var(--df-space-2);padding:var(--df-space-4);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-lg);background:var(--df-home-panel-bg);transition:border-color .16s,transform .16s;display:grid}.df-home-hub__item:hover,.df-home-hub__item:focus-visible{border-color:var(--df-app-purple-line);transform:translateY(-2px)}.df-home-hub__anchor{color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:var(--df-type-title-medium-letter-spacing)}.df-home-hub__body{color:var(--df-text-muted);font:var(--df-type-body-small)}.df-home-memory__grid{gap:var(--df-space-5);grid-template-columns:1fr;align-items:stretch;display:grid}@media (min-width:900px){.df-home-memory__grid{grid-template-columns:280px 1fr}}.df-home-memory__stat{gap:var(--df-space-3);padding:var(--df-space-6);border:1px solid var(--df-app-purple-line);border-radius:var(--df-radius-xl);background:radial-gradient(circle at 30% 20%, var(--df-showcase-card-tint), transparent 70%), var(--df-home-panel-bg);text-wrap:balance;align-content:center;justify-items:start;display:grid}.df-home-memory__stat-value{color:var(--df-text);font:700 56px / 1 var(--df-font-manrope);letter-spacing:-1.5px;background:var(--df-gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.df-home-memory__stat-label{color:var(--df-text-muted);font:var(--df-type-body-medium)}.df-home-memory__cards{gap:var(--df-space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.df-home-memory__cards{grid-template-columns:repeat(2,1fr)}}.df-home-memory__card{gap:var(--df-space-2);padding:var(--df-space-5);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-xl);background:var(--df-home-panel-bg);display:grid}.df-home-memory__icon{border-radius:var(--df-radius-md);background:var(--df-showcase-card-tint);width:36px;height:36px;color:var(--df-text-primary-soft);place-items:center;display:inline-grid}.df-home-memory__title{color:var(--df-text);font:var(--df-type-title-medium);letter-spacing:var(--df-type-title-medium-letter-spacing);margin:0}.df-home-memory__body{color:var(--df-text-muted);font:var(--df-type-body-medium);text-wrap:pretty;margin:0}.df-home-compare{gap:var(--df-space-5);display:grid}.df-home-compare__table-wrap{border:1px solid var(--df-line-soft);border-radius:var(--df-radius-xl);background:var(--df-home-panel-bg);overflow-x:auto}.df-home-compare__table{border-collapse:collapse;width:100%;font:var(--df-type-body-medium)}.df-home-compare__table thead th{padding:var(--df-space-4) var(--df-space-4);background:var(--df-home-panel-bg-soft);color:var(--df-text);font:var(--df-type-title-small);letter-spacing:var(--df-type-title-small-letter-spacing);text-align:left;border-bottom:1px solid var(--df-line);position:sticky;top:0}.df-home-compare__th-self{color:var(--df-text-primary-soft)}.df-home-compare__table tbody tr+tr th,.df-home-compare__table tbody tr+tr td{border-top:1px solid var(--df-line-soft)}.df-home-compare__feature{padding:var(--df-space-4) var(--df-space-4);color:var(--df-text);font:var(--df-type-title-small);letter-spacing:var(--df-type-title-small-letter-spacing);text-align:left;white-space:nowrap;vertical-align:top;width:1%}.df-home-compare__rival,.df-home-compare__self{padding:var(--df-space-4) var(--df-space-4);color:var(--df-text-muted);vertical-align:top;text-wrap:pretty}.df-home-compare__rival{opacity:.78}.df-home-compare__self{color:var(--df-text);background:var(--df-showcase-card-tint);display:table-cell}.df-home-compare__self>span{display:inline}.df-home-compare__self svg{color:var(--df-text-primary-soft);vertical-align:-2px;margin-right:6px}.df-home-compare__footer{color:var(--df-text-muted);font:var(--df-type-body-medium);text-wrap:pretty;max-width:760px;margin:0}@media (max-width:640px){.df-home-compare__table thead th,.df-home-compare__feature,.df-home-compare__rival,.df-home-compare__self{padding:var(--df-space-3);font-size:13px;line-height:1.4}.df-home-compare__feature{white-space:normal}}.df-home-safety{gap:var(--df-space-3);padding:var(--df-space-6);border:1px solid var(--df-line-soft);border-radius:var(--df-radius-xl);background:var(--df-home-panel-bg-soft);max-width:820px;display:grid}@supports (animation-timeline:view()){.df-home-cluster,.df-home-section,.df-home-faq,.df-home-hub{animation:linear both df-home-fade-in;animation-timeline:view();animation-range:entry cover 25%}@keyframes df-home-fade-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.df-home-cluster,.df-home-section,.df-home-faq,.df-home-hub{opacity:1;animation:none;transform:none}}