.chat-input-wrapper{position:absolute;width:calc(100vw * (425 / 1535));height:calc(100vh * (56 / 1053));bottom:calc(100vh * (55 / 1053));left:calc(100vw * (178 / 1535));z-index:10;--in-fill: rgba(0, 40, 50, .2);--in-border: rgba(124, 225, 235, .95);--in-inner-glow: rgba(0, 255, 210, .3);--in-outer-glow: rgba(0, 255, 230, .4);--btn-fill: rgba(0, 40, 70, .2);--btn-border: rgba(196, 236, 252, .95);--btn-inner-glow: rgba(50, 210, 255, .52);--btn-outer-glow: rgba(40, 200, 255, .5);--btn-icon: rgba(95, 241, 241, .6);--btn-icon-core: rgba(95, 241, 241, .95);transition:all .25s ease-out}.sci-svg-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sci-input-content{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:24px;padding-right:140px;box-sizing:border-box;display:flex;align-items:center;z-index:2;pointer-events:none}.sci-input-field{width:100%;height:40px;background:transparent;border:none;outline:none;color:#b4f0fff2;font-family:Segoe UI,Inter,Roboto,sans-serif;font-size:15px;letter-spacing:.5px;caret-color:#0ffc;pointer-events:auto;transition:all .3s ease}.sci-input-field:focus{outline:none;filter:drop-shadow(0 0 6px rgba(0,255,230,.5))}.sci-input-field::placeholder{color:#00ffe666;font-style:italic;letter-spacing:2px}.chat-input-wrapper:focus-within{--in-inner-glow: rgba(0, 255, 220, .7);--in-outer-glow: rgba(0, 255, 230, .6);--in-fill: rgba(0, 50, 65, .3)}.sci-btn-group{cursor:pointer;pointer-events:auto;transition:all .2s ease}.sci-btn-group:hover{--btn-fill: rgba(0, 50, 85, .35);--btn-border: rgba(100, 240, 255, 1);--btn-inner-glow: rgba(100, 240, 255, .85);--btn-outer-glow: rgba(80, 220, 255, .7);--btn-icon: rgba(255, 255, 255, 1);--btn-icon-core: #ffffff}.sci-btn-group:active{--btn-border: rgba(180, 255, 255, 1);--btn-inner-glow: rgba(180, 255, 255, .95);--btn-fill: rgba(0, 60, 100, .45)}.sci-char-counter{position:absolute;right:155px;color:#00ffe680;font-size:11px;font-family:Courier New,Courier,monospace;font-weight:700;pointer-events:none;text-shadow:0 0 4px rgba(0,255,230,.2)}.sci-toast-popup{position:absolute;top:-45px;left:50%;transform:translate(-50%) translateY(10px);padding:8px 16px;background:#001423d9;border:1px solid rgba(0,255,230,.4);border-radius:4px;color:#00ffe6e6;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;letter-spacing:1px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #0009,inset 0 0 10px #00ffe633;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:20}.sci-toast-popup.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.sci-toast-popup.error{border-color:#ff0050cc;color:#ff6496;box-shadow:0 4px 15px #0009,inset 0 0 15px #ff00504d;text-shadow:0 0 5px rgba(255,0,80,.6)}.sci-toast-popup.info{border-color:#00c8ffcc;color:#96e6ff;box-shadow:0 4px 15px #0009,inset 0 0 15px #00c8ff4d;text-shadow:0 0 5px rgba(0,200,255,.6)}.sci-chat-container{position:absolute;top:calc(100vh * (120 / 1053));bottom:calc(100vh * (140 / 1053));left:calc(100vw * (150 / 1535));width:calc(100vw * (450 / 1535));z-index:5;display:flex;flex-direction:column;gap:28px;padding:24px 16px 24px 24px;overflow-y:auto;box-sizing:border-box}.sci-chat-container::-webkit-scrollbar{width:6px}.sci-chat-container::-webkit-scrollbar-track{background:#0032504d;border-radius:4px}.sci-chat-container::-webkit-scrollbar-thumb{background:#00ffe699;border-radius:4px;box-shadow:0 0 8px #00ffe6cc}.sci-chat-container::-webkit-scrollbar-thumb:hover{background:#00ffe6e6}.sci-message-row{display:flex;align-items:flex-end;width:100%;position:relative}.sci-message-row.miku{justify-content:flex-start}.sci-message-row.user{justify-content:flex-end}.sci-avatar{width:48px;height:48px;border-radius:50%;background-color:#00507866;border:2px solid rgba(0,255,230,.9);box-shadow:0 0 12px #00ffe699;margin-right:14px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.sci-avatar img{width:100%;height:100%;object-fit:cover}.sci-bubble{position:relative;min-width:60px;max-width:65%;padding:16px 24px;font-family:Segoe UI,Inter,Roboto,sans-serif;font-weight:500;font-size:15px;line-height:1.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;word-break:break-word;overflow-wrap:break-word}.sci-bubble.miku{border-radius:20px 20px 20px 0;background:#0064c833;border:2px solid rgba(0,200,255,1);box-shadow:inset 0 0 35px #00c8ff99,0 0 12px #00c8ff80;color:#dcf5ff}.sci-bubble.user{border-radius:20px 20px 0;background:#ff147826;border:2px solid rgba(255,80,180,1);box-shadow:inset 0 0 35px #ff329699,0 0 12px #ff50b480;color:#ffe6f5}.sci-speed-lines{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:12px;pointer-events:none}.sci-message-row.miku .sci-speed-lines{margin-left:-20px;padding-left:36px;z-index:1}.sci-message-row.user .sci-speed-lines{align-items:flex-end;margin-right:-20px;padding-right:36px;z-index:1}.sci-laser-track{display:flex;align-items:center;margin:3px 0}.sci-message-row.user .sci-laser-track{flex-direction:row-reverse}.sci-dot{width:4px;height:4px;border-radius:50%;margin:0 4px}.sci-line{height:3px;border-radius:2px}.sci-message-row.miku .sci-dot{background:#00c8ffe6;box-shadow:0 0 8px #00c8ffcc}.sci-message-row.miku .sci-line{background:linear-gradient(90deg,#00c8ffe6,#00c8ff00);box-shadow:0 0 8px #00c8ff80}.sci-message-row.user .sci-dot{background:#ff50b4e6;box-shadow:0 0 8px #ff50b4cc}.sci-message-row.user .sci-line{background:linear-gradient(-90deg,#ff50b4e6,#ff50b400);box-shadow:0 0 8px #ff50b480}.sci-typing-indicator{display:flex;gap:6px;align-items:center;justify-content:center;height:24px;padding:0 4px}.sci-typing-dot{width:6px;height:6px;border-radius:50%;background:#00ffe6e6;box-shadow:0 0 8px #00ffe6cc;animation:typing-bounce 1.4s infinite ease-in-out both}.sci-typing-dot:nth-child(1){animation-delay:-.32s}.sci-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.sci-creator-container{position:absolute;bottom:10px;right:10px;width:90px;height:90px;z-index:100}.sci-creator-btn{width:100%;height:100%;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;outline:none}.sci-creator-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,255,230,.6));transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sci-creator-btn:hover img{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(0,255,230,1))}.sci-creator-btn:active img{transform:scale(.95)}.sci-creator-popup{position:absolute;bottom:110%;right:0;width:280px;background:#001e2d40;border:1px solid rgba(0,200,255,.4);border-top:2px solid rgba(0,255,230,.8);border-radius:8px 8px 0;padding:16px 20px;box-shadow:inset 0 0 20px #00c8ff26,0 8px 32px #0009,0 0 15px #00ffe64d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);transform-origin:bottom right;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sci-creator-popup.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.sci-creator-content{display:flex;flex-direction:column;gap:12px;color:#c8f0ffe6;font-family:Segoe UI,Inter,Roboto,sans-serif;text-align:right}.sci-creator-content h4{margin:0;font-size:11px;letter-spacing:2px;color:#00ffe6e6;border-bottom:1px solid rgba(0,255,230,.3);padding-bottom:6px;text-transform:uppercase}.sci-creator-content p{margin:0;font-size:15px;line-height:1.4}.sci-creator-content .heart{color:#f36;text-shadow:0 0 10px rgba(255,50,100,.8);font-size:17px;display:inline-block;animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}to{transform:scale(1)}}.sci-creator-content strong{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6);letter-spacing:1px}.sci-repo-link{display:inline-block;margin-top:6px;align-self:flex-end;font-size:12px;font-weight:600;color:#ff3296e6;text-decoration:none;letter-spacing:1px;border:1px solid rgba(255,50,150,.5);padding:8px 14px;border-radius:4px;background:#ff32961a;transition:all .2s ease}.sci-repo-link:hover{background:#ff329640;border-color:#ff64c8;color:#fff;box-shadow:0 0 15px #ff329699;transform:translate(-4px)}.sci-loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020813;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.sci-loading-container.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.sci-loading-content{display:flex;flex-direction:column;align-items:center;gap:24px}.sci-loading-logo{width:140px;height:auto;filter:drop-shadow(0 0 20px rgba(0,255,230,.8));animation:loading-pulse 2s infinite alternate}.sci-loading-text{font-family:Segoe UI,Inter,Roboto,sans-serif;color:#00ffe6e6;font-size:14px;letter-spacing:6px;margin:0;text-shadow:0 0 10px rgba(0,255,230,.6);animation:loading-blink 1.5s infinite}.sci-loading-bar{width:250px;height:4px;background:#00325080;border-radius:2px;overflow:hidden;box-shadow:0 0 10px #00ffe633}.sci-loading-progress{height:100%;width:0%;background:#00ffe6e6;box-shadow:0 0 10px #00ffe6cc;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}@keyframes loading-pulse{0%{transform:scale(.95);opacity:.8;filter:drop-shadow(0 0 15px rgba(0,255,230,.5))}to{transform:scale(1.05);opacity:1;filter:drop-shadow(0 0 35px rgba(0,255,230,1))}}@keyframes loading-blink{0%,to{opacity:1}50%{opacity:.4}}:root{color-scheme:dark}html,body,#root{height:100%;margin:0;overflow:hidden;background-color:transparent}button{cursor:pointer}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}