.app-layout{width:100%;height:100svh;padding-top:var(--header-height,72px);box-sizing:border-box;background:#0d0d0d;flex-direction:column;display:flex;position:relative;overflow:hidden}.app-layout-age-verification{height:100dvh;min-height:100svh;padding-top:0}.app-layout-age-verification>.age-verification-page{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:auto;height:100%;min-height:0;overflow:hidden auto}.app-layout.maintenance-red-glow:before,.app-layout.maintenance-red-glow:after{content:"";pointer-events:none;z-index:2147483647;will-change:transform;width:22px;animation:2.2s ease-in-out infinite maintenance-red-glow-pulse;position:fixed;top:0;bottom:0;transform:translateZ(0)}.app-layout.maintenance-red-glow:before{background:linear-gradient(90deg,#ff3030f2 0%,#ff3030bf 28%,#ff303059 62%,#ff303000 100%);left:0}.app-layout.maintenance-red-glow:after{background:linear-gradient(270deg,#ff3030f2 0%,#ff3030bf 28%,#ff303059 62%,#ff303000 100%);right:0}@keyframes maintenance-red-glow-pulse{0%,to{opacity:.72}50%{opacity:1}}.app-layout-backdrop{flex-direction:column;flex:auto;min-height:0;transition:filter .28s ease-out;display:flex;position:relative}.sticky-header{z-index:3000;width:100%;transition:filter .28s ease-out;position:fixed;top:0;left:0;right:0}.side-navbar-wrapper{left:0;top:var(--header-height,72px);z-index:250;height:calc(100vh - var(--header-height,72px));width:var(--side-navbar-width,250px);background-color:#0000;min-width:200px;max-width:300px;transition:transform .3s ease-in-out,filter .28s ease-out;position:fixed}.side-navbar-component{scrollbar-width:none;-ms-overflow-style:none}.side-navbar-component::-webkit-scrollbar{display:none}@media (min-width:1025px){.side-navbar-wrapper{transform:none!important}}@media (max-width:1024px){.side-navbar-wrapper{z-index:90;background-color:#0000;width:250px;transform:translate(-100%)}.side-navbar-wrapper.mobile-menu-open{z-index:3100;transform:translate(0)}}.page-content{--page-footer-margin-top:96px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;z-index:1;box-sizing:border-box;flex-direction:column;flex:auto;padding-top:0;padding-bottom:0;display:flex;position:relative;overflow-y:auto;background:0 0!important;border:0!important;width:100%!important;margin:0!important}.page-content-zoomable{transform-origin:50%;transition:transform .3s ease-in-out,border-radius .3s ease-in-out}.page-content-menu-open{border-radius:16px;transform:scale(.9)}.page-content:has(>.page-footer.page-footer-no-gap){--page-footer-margin-top:0px}.page-content:has(.create-character-page-wizard){--page-footer-margin-top:96px}.page-content:has(.create-character-page-wizard)>.page-footer.page-footer-no-gap{margin-top:var(--page-footer-margin-top,96px)}.page-content:has(.chat-conversation-page)>.page-main{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}:is(.page-content:has(.chat-conversation-page) .page-main-inner,.page-content:has(.chat-conversation-page) .page-transition-stage,.page-content:has(.chat-conversation-page) .page-transition-layer){flex-direction:column;flex:auto;min-height:0;display:flex}.page-content:has(.chat-conversation-page) .page-transition-stage.page-transition-stage-active{grid-template-rows:1fr;min-height:0;display:grid}.page-content:has(.chat-conversation-page) .page-transition-stage.page-transition-stage-active .page-transition-layer{min-height:0}.page-content:has(.chat-conversation-page) .chat-conversation-page{flex:auto;height:100%;min-height:0}@media (min-width:1025px){.page-main-inner:has(.chat-conversation-page){padding-left:calc(var(--side-navbar-width,250px) + 31px)!important;padding-right:0!important}.chat-conversation-page .chat-conversation-body{box-sizing:border-box;padding-left:0;padding-right:0}}@media (max-width:1024px){.page-main-inner:has(.chat-conversation-page){padding-left:0!important;padding-right:0!important}}@media (max-width:768px){.chat-conversation-page .chat-conversation-body{box-sizing:border-box;padding-left:0;padding-right:0}}@media (min-width:769px) and (max-width:1024px){.chat-conversation-page .chat-conversation-body{box-sizing:border-box;padding-left:0;padding-right:0}}:is(.page-content:has(.chat-page-wrapper),.page-content:has(.create-character-page),.page-content:has(.chat-conversation-page),.page-content:has(.notifications-page)){padding-top:0!important}.page-content:has(.notifications-page){--page-footer-margin-top:0px}.page-content:has(.character-layout-container){--page-footer-margin-top:40px}.page-content:has(.chat-conversation-page){overflow:hidden}.page-content:has(.ai-generator-page){--page-footer-margin-top:64px;padding-top:0!important}.page-content::-webkit-scrollbar{display:none}.page-main{z-index:101;flex:1 0 auto;position:relative;overflow:hidden}:is(.page-content:has(.premium-page)>.page-main,.page-content:has(.not-found-page)>.page-main,.page-content:has(.notifications-page)>.page-main){overflow:visible}:is(.page-content:has(.discover-page)>.page-main,.page-content:has(.ai-quickies-page)>.page-main){z-index:3001;overflow:visible}@media (max-width:1024px){.page-content:has(.ai-generator-page .ai-generator-col-right--compact-visible)>.page-main{overflow:visible}}.page-main-inner{box-sizing:border-box;width:100%;position:relative}.page-main-height-transition{transition:min-height .5s ease-out,height .4s cubic-bezier(.45,0,.55,1)}.page-transition-stage{position:relative}.page-transition-stage-active{display:grid}.page-transition-layer{width:100%}.page-transition-stage-active .page-transition-layer{grid-area:1/1}.page-transition-layer-hidden{visibility:hidden}.page-transition-measure{visibility:hidden;pointer-events:none;z-index:-1;width:100%;position:absolute;inset:0 auto auto 0}@keyframes page-diffuse-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(10px)}}@keyframes page-diffuse-in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.page-diffuse-out{animation:.4s cubic-bezier(.45,0,.55,1) forwards page-diffuse-out}.page-diffuse-in{animation:.4s cubic-bezier(.45,0,.55,1) forwards page-diffuse-in}.page-content:has(.contact-us-page){--page-footer-margin-top:0px}.page-content:has(.character-generation-page){--page-footer-margin-top:0px}.page-content:has(.character-generation-page)>.page-main{flex:none}.page-content:has(.character-generation-page) .site-footer{margin-bottom:0!important}.page-footer{margin-top:var(--page-footer-margin-top,96px);z-index:3000;flex:none;position:relative}.page-footer.page-footer-no-gap{margin-top:0}@media (min-width:1025px){.page-main-inner{padding-left:calc(var(--side-navbar-width,250px) + 31px);padding-right:31px}.page-footer{padding-left:calc(var(--side-navbar-width,250px) + 31px);box-sizing:border-box;padding-right:31px}}@media (max-width:1024px){.page-content{overflow-x:clip;min-height:0!important;padding-top:0!important;padding-left:0!important;padding-right:0!important}.page-footer{box-sizing:border-box;padding-left:20px!important;padding-right:20px!important}:is(.page-content:has(.main-content) .page-main-inner,.page-content:has(.premium-page):not(:has(.premium-page.min-h-screen)) .page-main-inner){padding-left:20px!important;padding-right:20px!important}}@media (max-width:768px){.app-layout{transition:padding-top .28s cubic-bezier(.16,1,.3,1)}.app-layout .sticky-header{opacity:1;will-change:transform, opacity;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease-out,filter .28s ease-out;transform:translate(0,0)}.app-layout[data-chat-keyboard-lift=true]{padding-top:0}.app-layout[data-chat-keyboard-lift=true] .sticky-header{opacity:0;pointer-events:none;transform:translateY(-100%)}.page-content{transition:transform .3s cubic-bezier(.4,0,.2,1),padding-bottom .24s cubic-bezier(.16,1,.3,1);padding-bottom:var(--bottom-navbar-height,72px)!important}.page-content:has(.chat-conversation-page){padding-bottom:0!important}.app-layout[data-chat-composer-focused=true] .page-content{padding-bottom:0!important}}.mobile-bottom-panel-wrapper{display:none}@media (max-width:768px){.mobile-bottom-panel-wrapper{display:block}:root{--bottom-navbar-height:72px}}@media (min-width:769px){.mobile-bottom-panel-wrapper{display:none!important}}.mobile-bottom-panel{z-index:1000;will-change:transform;background-color:#0d0d0d;border-top:1px solid #1d1d1d;justify-content:space-between;align-items:center;gap:10px;height:72px;padding:0 20px;transition:transform .24s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}@media (max-width:768px){.app-layout[data-chat-composer-focused=true] .mobile-bottom-panel,.app-layout[data-chat-input-focused=true] .mobile-bottom-panel{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.app-layout,.app-layout .sticky-header,.mobile-bottom-panel{transition:none}}.mobile-bottom-button{cursor:pointer;color:#fff;background:#1d1d1d;border:none;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;text-decoration:none;transition:background .2s;display:flex}.mobile-bottom-button:hover:not(:disabled){background:#333}.mobile-bottom-button:disabled{cursor:not-allowed;opacity:.6}.mobile-bottom-button svg{width:24px!important;max-width:24px!important;height:24px!important;max-height:24px!important}.mobile-bottom-main-button{flex-shrink:0;min-width:140px;max-width:140px;width:140px!important}.mobile-bottom-chat-button{background:#1d1d1d;border-radius:24px;width:40px;height:40px}