*{margin:0;padding:0;box-sizing:border-box}body{font-family:Zen Maru Gothic,sans-serif;overflow:hidden;height:100vh;height:100dvh;color:#fff;position:relative;background-color:#1a1a3e}.bg-layer{position:fixed;inset:0;z-index:0;transition:opacity 1.2s ease}.bg-layer svg,.bg-layer img{width:100%;height:100%;display:block;object-fit:cover}.bg-layer.fade-out{opacity:0}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 100%)}.logo{font-family:Klee One,serif;font-size:20px;font-weight:600;color:#ffffffe6;letter-spacing:3px;text-shadow:0 0 30px rgba(255,255,255,.2)}.logo-sub{font-size:8px;letter-spacing:5px;color:#ffffff4d;font-weight:300}.ufo-btn{width:42px;height:42px;background:none;border:none;cursor:pointer;z-index:200;transition:transform .3s;opacity:.7}.ufo-btn:hover{transform:scale(1.1);opacity:1}.ufo-btn svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.menu-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:150;opacity:0;pointer-events:none;transition:opacity .35s}.menu-overlay.active{opacity:1;pointer-events:all}.side-menu{position:fixed;top:0;right:-320px;width:290px;height:100%;background:#140a28eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:160;transition:right .45s cubic-bezier(.23,1,.32,1);padding:80px 28px 30px;border-left:1px solid rgba(255,255,255,.08);overflow-y:auto}.side-menu.active{right:0}.menu-section{margin-bottom:28px}.menu-section-title{font-family:Klee One,serif;color:#fff6;font-size:10px;letter-spacing:5px;margin-bottom:18px}.menu-item{display:block;padding:14px 0;color:#fff9;text-decoration:none;font-size:15px;border-bottom:1px solid rgba(255,255,255,.04);transition:all .25s;cursor:pointer;line-height:1.5}.menu-item:hover{color:#fffffff2;padding-left:6px}.menu-item-icon{margin-right:10px;font-size:15px;opacity:.6}.menu-item-desc{font-size:11px;color:#fff3;margin-top:3px;font-weight:300}.bubbles-stage{position:fixed;inset:0 0 140px;z-index:10;overflow:hidden;pointer-events:none}.float-bubble{position:absolute;bottom:-10px;max-width:260px;min-width:60px;pointer-events:none;animation:floatUp var(--float-dur, 12s) linear forwards}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}5%{opacity:1}70%{opacity:.85}to{transform:translateY(calc(-100vh - 60px)) translate(var(--drift, 20px));opacity:0}}.float-bubble-inner{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:12px 16px;font-size:14px;color:#555;line-height:1.6;letter-spacing:.8px;font-weight:400;box-shadow:0 4px 20px #00000014}.float-bubble-inner.is-converted{background:#ffffffe6;border:1px solid rgba(255,255,255,.95);color:#444;font-weight:500;font-size:15px;letter-spacing:1.5px}.float-bubble-time{font-size:9px;color:#ffffff40;margin-top:6px;font-weight:300;letter-spacing:1px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:80;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.5) 100%)}.aliens-row{display:flex;justify-content:center;gap:8px;padding:4px 20px 0;pointer-events:none;position:relative;height:46px}.alien-mini{width:48px;height:38px;position:absolute;bottom:4px;transition:all 1.2s cubic-bezier(.23,1,.32,1)}.alien-mini svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.alien-mini.floating{animation:none!important}@keyframes alienFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.alien-mini:nth-child(1){left:calc(50% - 76px);animation:alienFloat 3s ease-in-out infinite}.alien-mini:nth-child(2){left:calc(50% - 24px);animation:alienFloat 3s ease-in-out infinite -1s}.alien-mini:nth-child(3){left:calc(50% + 28px);animation:alienFloat 3s ease-in-out infinite -2s}.alien-mini.floating{animation:none!important;z-index:190}@keyframes pepuJump{0%{transform:translateY(0)}15%{transform:translateY(-16px)}30%{transform:translateY(0)}42%{transform:translateY(-10px)}55%{transform:translateY(0)}65%{transform:translateY(-6px)}75%{transform:translateY(0)}to{transform:translateY(0)}}.alien-mini.talking{animation:pepuJump 1.2s ease-out 1!important}@keyframes waveLeft{0%,to{transform:rotate(0)}15%{transform:rotate(-18deg)}30%{transform:rotate(5deg)}45%{transform:rotate(-14deg)}60%{transform:rotate(3deg)}75%{transform:rotate(-8deg)}90%{transform:rotate(0)}}@keyframes waveRight{0%,to{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-5deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-3deg)}75%{transform:rotate(8deg)}90%{transform:rotate(0)}}.alien-mini.talking .hand-l{animation:waveLeft 1.2s ease-out 1;transform-origin:23px 28px}.alien-mini.talking .hand-r{animation:waveRight 1.2s ease-out 1;transform-origin:35px 28px}.input-row{display:flex;align-items:center;gap:8px;padding:8px 16px 16px}.post-input{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:14px 20px;color:#fff;font-family:Zen Maru Gothic,sans-serif;font-size:14px;outline:none;transition:all .3s;letter-spacing:.5px}.post-input::placeholder{color:#fff3;font-weight:300}.post-input:focus{border-color:#ffffff40;background:#ffffff1f;box-shadow:0 0 24px #ffffff0f}.post-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffc;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.post-btn:hover{background:#ffffff38;transform:scale(1.05)}.post-btn:active{transform:scale(.95)}.bottom-safe{height:env(safe-area-inset-bottom,0);background:#00000080}.ufo-scene{position:fixed;inset:0;z-index:200;pointer-events:none;display:none}.ufo-scene.active{display:block}.scene-ufo{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:140px;height:80px;transition:top 1.5s cubic-bezier(.23,1,.32,1)}.scene-ufo.descend{top:25%}.scene-ufo.ascend{top:-150px;transition:top 1.2s cubic-bezier(.55,0,1,.45)}.scene-ufo svg,.scene-ufo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(255,230,100,.5))}.ufo-beam{position:absolute;top:68px;left:50%;transform:translate(-50%);width:0;height:0;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1);background:linear-gradient(180deg,#ffe66466,#ffe66414);clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%)}.ufo-beam.on{width:200px;height:calc(75vh - 68px);opacity:1}.ufo-beam.off{opacity:0;transition:opacity .4s}.scene-flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:250;transition:opacity .15s}.scene-flash.flash{opacity:.7;transition:opacity .05s}.app-loading{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a3e;transition:opacity .8s}.app-loading.hidden{opacity:0;pointer-events:none}.loading-icon{font-size:32px;animation:ldFloat 2.5s ease-in-out infinite;opacity:.6}@keyframes ldFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-text{font-family:Klee One,serif;color:#fff9;font-size:14px;margin-top:16px;letter-spacing:4px;animation:ldPulse 2s ease-in-out infinite}@keyframes ldPulse{0%,to{opacity:.3}50%{opacity:.7}}::-webkit-scrollbar{width:0}@media(max-width:480px){.side-menu{width:85%;right:-85%}.float-bubble{max-width:220px}}.content-overlay{position:fixed;inset:0;z-index:300;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-panel{position:relative;width:90%;max-width:480px;max-height:85vh;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:36px 28px 32px;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .4s cubic-bezier(.23,1,.32,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.content-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:20px;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.content-close:hover{background:#0000000f;color:#555}.content-body{color:#444}.content-title{font-family:Klee One,serif;font-size:20px;font-weight:600;color:#333;margin-bottom:20px;letter-spacing:2px}.content-text p{font-size:14px;line-height:2;margin-bottom:14px;color:#555;letter-spacing:.5px}.content-highlight{margin-top:20px;padding:16px 20px;background:#c8a0e61a;border-radius:16px;border-left:3px solid rgba(180,140,220,.5);font-weight:500;color:#6a5080!important;line-height:1.8!important}.character-card{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:12px;background:#00000008;border-radius:16px;border:1px solid rgba(0,0,0,.04)}.character-icon{width:60px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000014}.character-icon-img{width:50px;height:40px;object-fit:contain}.character-name{font-family:Klee One,serif;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.character-desc{font-size:13px;color:#666;line-height:1.6}.content-novel-link{margin-top:24px;text-align:center}.novel-btn{display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#b88dd9,#9b7ac4);color:#fff;text-decoration:none;border-radius:30px;font-size:14px;font-weight:500;letter-spacing:1px;box-shadow:0 4px 16px #9b7ac44d;transition:all .3s}.novel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #9b7ac466}.novel-btn-sub{display:block;font-size:11px;opacity:.8;margin-top:4px;font-weight:300}