@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Permanent+Marker&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-color: #09090b;--text-color: #f8fafc;--siiping-glow: rgba(47, 170, 206, .15);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}html.light{--bg-color: #f1f5f9;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border-color: rgba(0, 0, 0, .08);--header-bg: rgba(255, 255, 255, .8);--card-bg: #ffffff;--watermark-opacity: .02;--watermark-filter: none;--watermark-blend: multiply;--divider-color: rgba(0, 0, 0, .05);--siiping-glow: rgba(47, 170, 206, .05)}html.dark{--bg-color: #0d0d12;--bg-secondary: #14141a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .08);--header-bg: rgba(13, 13, 18, .85);--card-bg: #16161d;--watermark-opacity: .02;--watermark-filter: grayscale(100%) invert(1);--watermark-blend: screen;--siiping-glow: rgba(45, 212, 191, .25)}body{background-color:var(--bg-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh;position:relative;overflow:hidden;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.selectable-text,input,textarea,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}#root{position:relative;z-index:1;min-height:100vh;overflow:hidden}.story-cube-left{transform-origin:50% 50%;animation:cubeLeft .42s ease}.story-cube-right{transform-origin:50% 50%;animation:cubeRight .42s ease}@keyframes cubeLeft{0%{transform:rotateY(15deg) scale(1.02);opacity:.98}60%{transform:rotateY(-8deg) scale(1.005)}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes cubeRight{0%{transform:rotateY(-15deg) scale(1.02);opacity:.98}60%{transform:rotateY(8deg) scale(1.005)}to{transform:rotateY(0) scale(1);opacity:1}}.story-media-gpu{will-change:transform,filter,opacity;backface-visibility:hidden}.lut-picker{-webkit-overflow-scrolling:touch}.lut-picker img{display:block}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/app_bg.png);background-repeat:no-repeat;background-size:cover;opacity:var(--watermark-opacity, .05);filter:var(--watermark-filter, grayscale(100%));mix-blend-mode:var(--watermark-blend, normal);z-index:-1;pointer-events:none;transition:opacity .3s ease,filter .3s ease}body:after{content:"";position:fixed;top:-10%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,var(--siiping-glow) 0%,transparent 70%);filter:blur(80px);z-index:-2;pointer-events:none;animation:bg-glow-float 20s ease-in-out infinite}@keyframes bg-glow-float{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(-10%,10%);opacity:1}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(12px) scale(.995);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.animate-page-in{animation:page-fade-in .5s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity,filter}.glass-morphism{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}html.light .glass-morphism{background:#00000008;border:1px solid rgba(0,0,0,.05)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}html.light .skeleton{background:linear-gradient(90deg,#00000008 25%,#00000014,#00000008 75%);background-size:200% 100%}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.animate-pulse-soft{animation:pulse-soft 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-float{animation:float 3s ease-in-out infinite}.text-glow-siiping{text-shadow:0 0 10px rgba(47,170,206,.5)}[dir=rtl] .flip-rtl{transform:scaleX(-1);display:inline-block}[dir=rtl]{letter-spacing:normal!important;text-rendering:optimizeLegibility;font-variant-ligatures:common-ligatures;-webkit-font-variant-ligatures:common-ligatures}[dir=rtl] .text-left{text-align:right}[dir=rtl] .mr-2{margin-right:0;margin-left:.5rem}[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}.story-ring-active{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);animation:spin-gradient 4s linear infinite}.animate-gradient-slow{background-size:200% 200%;animation:bg-gradient-animation 5s ease infinite}@keyframes bg-gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.story-ring-gold{background:conic-gradient(from 0deg,gold,#ff8c00,gold);animation:spin-gradient 2s linear infinite;box-shadow:0 0 15px #ffd7004d}@keyframes spin-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-avatar-hover{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.story-avatar-hover:hover{transform:scale(1.05)}.glass-panel{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.dark .glass-panel{background:#0000004d;border:1px solid rgba(255,255,255,.05)}.story-progress-bg{height:2px;background:#ffffff4d;border-radius:1px;overflow:hidden;flex:1}.story-progress-fill{height:100%;background:#fff;transition:width .1s linear}.story-progress-fill.active{background:#fff}.story-progress-fill.viewed{width:100%!important;background:#fff9}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}@layer components{.glass-card{@apply bg-white/5 backdrop-blur-xl border border-white/10 rounded-3xl shadow-[0_8px_32px_0_rgba(0,0,0,.37)];}.glass-morphism{@apply bg-black/40 backdrop-blur-md border border-white/5;}.glass-button{@apply bg-white/10 backdrop-blur-lg border border-white/10 hover:bg-white/20 transition-all duration-300;}.lustrous-gradient{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#fff0)}.pt-safe{padding-top:var(--safe-area-top)!important}.pb-safe{padding-bottom:calc(var(--safe-area-bottom) + 1rem)!important}.theme-bg{background-color:var(--bg-color)}.theme-bg-secondary{background-color:var(--bg-secondary)}.theme-text{color:var(--text-primary)}.theme-text-secondary{color:var(--text-secondary)}.theme-border{border-color:var(--border-color)}.theme-card{background-color:var(--card-bg);border:1px solid var(--border-color)}.theme-header{background-color:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}.contrast-border{border:1px solid var(--border-color)}html.light .contrast-border{border-color:#cbd5e1}.shadow-soft{box-shadow:0 4px 12px #0000000d}html.dark .shadow-soft{box-shadow:0 4px 12px #0006}}@supports not (backdrop-filter: blur(1px)){.glass-card{@apply bg-zinc-900;}}.story-progress-bg{flex:1;height:2px;background-color:#fff3;border-radius:4px;overflow:hidden;position:relative}.story-progress-fill{height:100%;background-color:#fff;width:0;transition:width .1s linear}.story-progress-fill.viewed{width:100%}.story-cube-left{animation:storyCubeLeft .4s ease-out}.story-cube-right{animation:storyCubeRight .4s ease-out}@keyframes storyCubeLeft{0%{transform:translate(-20%) scale(.9) rotateY(15deg);opacity:0}to{transform:translate(0) scale(1) rotateY(0);opacity:1}}@keyframes storyCubeRight{0%{transform:translate(20%) scale(.9) rotateY(-15deg);opacity:0}to{transform:translate(0) scale(1) rotateY(0);opacity:1}}.perspective-1000{perspective:1000px}@keyframes vertical-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.animate-vertical-scroll{animation:vertical-scroll 10s linear infinite}.animate-vertical-scroll:hover{animation-play-state:paused}@keyframes skeleton-pulse{0%{background-color:#3f3f4666}50%{background-color:#3f3f46b3}to{background-color:#3f3f4666}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}#chat-container{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch}.bubble-radius{border-radius:18px!important}.bubble-me{border-bottom-right-radius:4px!important}.bubble-them{border-bottom-left-radius:4px!important}.bubble-group-me{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}.bubble-group-them{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}